@wix/design-system-tokens 1.223.0 → 1.224.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 +60 -0
  2. package/all.css +71 -0
  3. package/all.scss +71 -0
  4. package/all.st.css +142 -0
  5. package/component.st.css +142 -0
  6. package/odeditor/all.css +78 -7
  7. package/odeditor/all.scss +78 -7
  8. package/odeditor/all.st.css +149 -7
  9. package/odeditor/component.st.css +149 -7
  10. package/odeditor-dark/all.css +79 -8
  11. package/odeditor-dark/all.scss +79 -8
  12. package/odeditor-dark/all.st.css +150 -8
  13. package/odeditor-dark/component.st.css +149 -7
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +71 -0
  17. package/studio/all.scss +71 -0
  18. package/studio/all.st.css +142 -0
  19. package/studio/component.st.css +142 -0
  20. package/wixel/all.css +71 -0
  21. package/wixel/all.scss +71 -0
  22. package/wixel/all.st.css +142 -0
  23. package/wixel/component.st.css +142 -0
package/odeditor/all.css CHANGED
@@ -346,6 +346,7 @@
346
346
  --wds-table-toolbar-divider-gap-group-start: 16px;
347
347
  --wds-table-toolbar-divider-gap: 16px;
348
348
  --wds-table-toolbar-button-gap: 8px;
349
+ --wds-table-action-cell-backdrop-opacity: 1;
349
350
  --wds-swatches-swatch-size-tiny: 22px;
350
351
  --wds-status-toast-width: 600px;
351
352
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -357,6 +358,7 @@
357
358
  --wds-slider-slider-knob-shadow: false;
358
359
  --wds-slider-slider-knob-border-width-hover: 12px;
359
360
  --wds-slider-slider-knob-border-width: 2px;
361
+ --wds-sidebar-submenu-level-2-padding-bottom: 0px;
360
362
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
361
363
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
362
364
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -377,6 +379,8 @@
377
379
  --wds-sidebar-divider-fill-light-default: transparent;
378
380
  --wds-sidebar-divider-fill-dark-default: #42454c;
379
381
  --wds-sidebar-clear-button-fill: #5a5d63;
382
+ --wds-sidebar-border-outer-fill: #EEEEEE;
383
+ --wds-sidebar-border-inner-fill: #FFFFFF;
380
384
  --wds-side-panel-standard-overflow: hidden;
381
385
  --wds-side-panel-header-divider-height: 0;
382
386
  --wds-side-panel-footer-divider-height: 0;
@@ -402,9 +406,21 @@
402
406
  --wds-marketing-page-footer-divider-display: none;
403
407
  --wds-marketing-page-content-padding-start-medium: 72px;
404
408
  --wds-marketing-page-content-padding-start-large: 72px;
409
+ --wds-marketing-layout-min-height-tiny: 140px;
410
+ --wds-marketing-layout-min-height-small: 160px;
411
+ --wds-marketing-layout-min-height-medium: 180px;
412
+ --wds-marketing-layout-image-wrapper-width: auto;
413
+ --wds-marketing-layout-image-wrapper-flex: none;
414
+ --wds-marketing-layout-image-wrapper-contain: size;
415
+ --wds-marketing-layout-image-width: auto;
416
+ --wds-marketing-layout-image-object-fit: cover;
417
+ --wds-marketing-layout-image-height: 100%;
418
+ --wds-marketing-layout-image-aspect-ratio: 1;
419
+ --wds-marketing-layout-description-max-width: 80%;
405
420
  --wds-marketing-layout-badge-top: auto;
406
421
  --wds-marketing-layout-badge-side: auto;
407
422
  --wds-marketing-layout-badge-position: static;
423
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
408
424
  --wds-loader-stroke-width-tiny: 2px;
409
425
  --wds-loader-stroke-width-small: 2px;
410
426
  --wds-loader-stroke-width-medium: 2px;
@@ -442,6 +458,29 @@
442
458
  --wds-composer-sidebar-bottom-width: 88px;
443
459
  --wds-color-picker-width: 236px;
444
460
  --wds-clickable-card-standard-box-shadow-hover: none;
461
+ --wds-carousel-gradient-width: 30px;
462
+ --wds-carousel-gradient-opacity: 100%;
463
+ --wds-carousel-dots-height: 6px;
464
+ --wds-carousel-dots-gap-bottom-shift: 0;
465
+ --wds-carousel-dots-border-radius: 10000px;
466
+ --wds-carousel-controls-size-tiny: 18px;
467
+ --wds-carousel-controls-size-small: 24px;
468
+ --wds-carousel-controls-size-medium: 32px;
469
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
470
+ --wds-carousel-controls-shadow-disabled: none;
471
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
472
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
473
+ --wds-carousel-controls-offset-sides-gradient: 0px;
474
+ --wds-carousel-controls-offset-sides: 0px;
475
+ --wds-carousel-controls-offset-overlay: -16px;
476
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
477
+ --wds-carousel-controls-offset-bottom: 0px;
478
+ --wds-carousel-controls-bottom-shift: -0.5;
479
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
480
+ --wds-carousel-controls-bottom-offset-dots: 37px;
481
+ --wds-carousel-controls-border-radius: 100px;
482
+ --wds-carousel-controls-border-disabled: none;
483
+ --wds-carousel-controls-border: none;
445
484
  --wds-card-gallery-item-title-gap: 2px;
446
485
  --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
447
486
  --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
@@ -1081,7 +1120,6 @@
1081
1120
  --wds-table-list-header-option-margin-inline: var(--wds-space-0);
1082
1121
  --wds-table-list-header-option-gap: var(--wds-space-400);
1083
1122
  --wds-table-list-header-min-height: var(--wds-space-1200);
1084
- --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
1085
1123
  --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
1086
1124
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
1087
1125
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
@@ -1092,6 +1130,12 @@
1092
1130
  --wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
1093
1131
  --wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
1094
1132
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
1133
+ --wds-table-sub-toolbar-padding-block-start: var(--wds-space-200);
1134
+ --wds-table-sub-toolbar-padding-block-end: var(--wds-space-400);
1135
+ --wds-table-row-divider-fill: var(--wds-color-black-100-transparent-0);
1136
+ --wds-table-region-divider-fill: var(--wds-color-black-100-transparent-0);
1137
+ --wds-table-header-font-weight: var(--wds-font-weight-medium);
1138
+ --wds-table-cell-padding-inline: var(--wds-space-200);
1095
1139
  --wds-swatches-swatch-size-small: var(--wds-space-700);
1096
1140
  --wds-swatches-swatch-size-medium: var(--wds-space-900);
1097
1141
  --wds-swatches-swatch-size-large: var(--wds-space-1100);
@@ -1136,7 +1180,7 @@
1136
1180
  --wds-sidebar-padding-end: var(--wds-space-150);
1137
1181
  --wds-sidebar-padding-bottom: var(--wds-space-600);
1138
1182
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1139
- --wds-sidebar-minimized-padding-inline: var(--wds-space-350);
1183
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-400);
1140
1184
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1141
1185
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1142
1186
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1186,6 +1230,10 @@
1186
1230
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1187
1231
  --wds-sidebar-item-border-radius: var(--wds-border-radius-400);
1188
1232
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1233
+ --wds-sidebar-footer-fade-height: var(--wds-space-1500);
1234
+ --wds-sidebar-fill-neutral: var(--wds-color-fill-surface-stage);
1235
+ --wds-sidebar-fill-light: var(--wds-color-fill-surface-stage);
1236
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
1189
1237
  --wds-sidebar-divider-padding-top: var(--wds-space-300);
1190
1238
  --wds-sidebar-divider-padding-inline: var(--wds-space-200);
1191
1239
  --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
@@ -1422,12 +1470,13 @@
1422
1470
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1423
1471
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1424
1472
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1425
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1426
- --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1427
- --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1473
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1474
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1475
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1428
1476
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1429
1477
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1430
1478
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1479
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1431
1480
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1432
1481
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1433
1482
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1456,7 +1505,7 @@
1456
1505
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1457
1506
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1458
1507
  --wds-marketing-layout-badge-gap: var(--wds-space-200);
1459
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1508
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1460
1509
  --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1461
1510
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1462
1511
  --wds-loader-fill-loading: var(--wds-color-blue-0);
@@ -1684,7 +1733,21 @@
1684
1733
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1685
1734
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1686
1735
  --wds-checkbox-border: var(--wds-color-black-200);
1687
- --wds-carousel-dots-width: var(--wds-space-100);
1736
+ --wds-carousel-gradient-color: var(--wds-color-white);
1737
+ --wds-carousel-dots-width: var(--wds-space-150);
1738
+ --wds-carousel-dots-gap-bottom: var(--wds-space-850);
1739
+ --wds-carousel-dots-gap: var(--wds-space-850);
1740
+ --wds-carousel-dots-fill-hover: var(--wds-color-black-500);
1741
+ --wds-carousel-dots-fill-active: var(--wds-color-black-100);
1742
+ --wds-carousel-dots-fill: var(--wds-color-black-600);
1743
+ --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
1744
+ --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
1745
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1746
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1747
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1748
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1749
+ --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
1750
+ --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
1688
1751
  --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1689
1752
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1690
1753
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
@@ -1722,6 +1785,8 @@
1722
1785
  --wds-card-header-padding-vertical: var(--wds-space-600);
1723
1786
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1724
1787
  --wds-card-header-divider-width: var(--wds-border-width-none);
1788
+ --wds-card-controls-padding-vertical: var(--wds-space-300);
1789
+ --wds-card-controls-padding-horizontal: var(--wds-space-300);
1725
1790
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1726
1791
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1727
1792
  --wds-card-content-padding-medium-top: var(--wds-space-100);
@@ -1985,6 +2050,7 @@
1985
2050
  --wds-tabs-label-fill-disabled: var(--wds-color-text-disabled);
1986
2051
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1987
2052
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2053
+ --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
1988
2054
  --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1989
2055
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1990
2056
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
@@ -1992,6 +2058,7 @@
1992
2058
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1993
2059
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1994
2060
  --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2061
+ --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
1995
2062
  --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1996
2063
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1997
2064
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -2143,6 +2210,7 @@
2143
2210
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
2144
2211
  --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
2145
2212
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2213
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2146
2214
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2147
2215
  --wds-info-icon-fill: var(--wds-color-text-placeholder);
2148
2216
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
@@ -2289,7 +2357,10 @@
2289
2357
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2290
2358
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2291
2359
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2360
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2292
2361
  --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
2362
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2363
+ --wds-carousel-controls-icon-fill: var(--wds-color-text-standard-primary);
2293
2364
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2294
2365
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2295
2366
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
package/odeditor/all.scss CHANGED
@@ -40,6 +40,7 @@
40
40
  --wds-table-toolbar-divider-gap-group-start: 16px;
41
41
  --wds-table-toolbar-divider-gap: 16px;
42
42
  --wds-table-toolbar-button-gap: 8px;
43
+ --wds-table-action-cell-backdrop-opacity: 1;
43
44
  --wds-swatches-swatch-size-tiny: 22px;
44
45
  --wds-status-toast-width: 600px;
45
46
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -83,6 +84,7 @@
83
84
  --wds-slider-slider-knob-shadow: false;
84
85
  --wds-slider-slider-knob-border-width-hover: 12px;
85
86
  --wds-slider-slider-knob-border-width: 2px;
87
+ --wds-sidebar-submenu-level-2-padding-bottom: 0px;
86
88
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
87
89
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
88
90
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -103,6 +105,8 @@
103
105
  --wds-sidebar-divider-fill-light-default: transparent;
104
106
  --wds-sidebar-divider-fill-dark-default: #42454c;
105
107
  --wds-sidebar-clear-button-fill: #5a5d63;
108
+ --wds-sidebar-border-outer-fill: #EEEEEE;
109
+ --wds-sidebar-border-inner-fill: #FFFFFF;
106
110
  --wds-side-panel-standard-overflow: hidden;
107
111
  --wds-side-panel-header-divider-height: 0;
108
112
  --wds-side-panel-footer-divider-height: 0;
@@ -162,9 +166,21 @@
162
166
  --wds-marketing-page-footer-divider-display: none;
163
167
  --wds-marketing-page-content-padding-start-medium: 72px;
164
168
  --wds-marketing-page-content-padding-start-large: 72px;
169
+ --wds-marketing-layout-min-height-tiny: 140px;
170
+ --wds-marketing-layout-min-height-small: 160px;
171
+ --wds-marketing-layout-min-height-medium: 180px;
172
+ --wds-marketing-layout-image-wrapper-width: auto;
173
+ --wds-marketing-layout-image-wrapper-flex: none;
174
+ --wds-marketing-layout-image-wrapper-contain: size;
175
+ --wds-marketing-layout-image-width: auto;
176
+ --wds-marketing-layout-image-object-fit: cover;
177
+ --wds-marketing-layout-image-height: 100%;
178
+ --wds-marketing-layout-image-aspect-ratio: 1;
179
+ --wds-marketing-layout-description-max-width: 80%;
165
180
  --wds-marketing-layout-badge-top: auto;
166
181
  --wds-marketing-layout-badge-side: auto;
167
182
  --wds-marketing-layout-badge-position: static;
183
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
168
184
  --wds-loader-stroke-width-tiny: 2px;
169
185
  --wds-loader-stroke-width-small: 2px;
170
186
  --wds-loader-stroke-width-medium: 2px;
@@ -412,6 +428,29 @@
412
428
  --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
413
429
  --wds-color-black-100: #151414;
414
430
  --wds-clickable-card-standard-box-shadow-hover: none;
431
+ --wds-carousel-gradient-width: 30px;
432
+ --wds-carousel-gradient-opacity: 100%;
433
+ --wds-carousel-dots-height: 6px;
434
+ --wds-carousel-dots-gap-bottom-shift: 0;
435
+ --wds-carousel-dots-border-radius: 10000px;
436
+ --wds-carousel-controls-size-tiny: 18px;
437
+ --wds-carousel-controls-size-small: 24px;
438
+ --wds-carousel-controls-size-medium: 32px;
439
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
440
+ --wds-carousel-controls-shadow-disabled: none;
441
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
442
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
443
+ --wds-carousel-controls-offset-sides-gradient: 0px;
444
+ --wds-carousel-controls-offset-sides: 0px;
445
+ --wds-carousel-controls-offset-overlay: -16px;
446
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
447
+ --wds-carousel-controls-offset-bottom: 0px;
448
+ --wds-carousel-controls-bottom-shift: -0.5;
449
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
450
+ --wds-carousel-controls-bottom-offset-dots: 37px;
451
+ --wds-carousel-controls-border-radius: 100px;
452
+ --wds-carousel-controls-border-disabled: none;
453
+ --wds-carousel-controls-border: none;
415
454
  --wds-card-subtitle-color: #44485f;
416
455
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
417
456
  --wds-card-header-suffix-align: flex-start;
@@ -647,6 +686,10 @@
647
686
  --wds-tabs-container-padding-horizontal: var(--wds-space-400);
648
687
  --wds-tabs-border-radius: var(--wds-border-radius-300);
649
688
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
689
+ --wds-table-sub-toolbar-padding-block-start: var(--wds-space-200);
690
+ --wds-table-sub-toolbar-padding-block-end: var(--wds-space-400);
691
+ --wds-table-row-divider-fill: var(--wds-color-black-100-transparent-0);
692
+ --wds-table-region-divider-fill: var(--wds-color-black-100-transparent-0);
650
693
  --wds-table-list-item-paddings: var(--wds-space-0);
651
694
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
652
695
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
@@ -661,10 +704,11 @@
661
704
  --wds-table-list-header-option-margin-inline: var(--wds-space-0);
662
705
  --wds-table-list-header-option-gap: var(--wds-space-400);
663
706
  --wds-table-list-header-min-height: var(--wds-space-1200);
664
- --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
665
707
  --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
666
708
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
667
709
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
710
+ --wds-table-header-font-weight: var(--wds-font-weight-medium);
711
+ --wds-table-cell-padding-inline: var(--wds-space-200);
668
712
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
669
713
  --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
670
714
  --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
@@ -729,7 +773,7 @@
729
773
  --wds-sidebar-padding-end: var(--wds-space-150);
730
774
  --wds-sidebar-padding-bottom: var(--wds-space-600);
731
775
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
732
- --wds-sidebar-minimized-padding-inline: var(--wds-space-350);
776
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-400);
733
777
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
734
778
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
735
779
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -779,6 +823,10 @@
779
823
  --wds-sidebar-item-content-gap: var(--wds-space-200);
780
824
  --wds-sidebar-item-border-radius: var(--wds-border-radius-400);
781
825
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
826
+ --wds-sidebar-footer-fade-height: var(--wds-space-1500);
827
+ --wds-sidebar-fill-neutral: var(--wds-color-fill-surface-stage);
828
+ --wds-sidebar-fill-light: var(--wds-color-fill-surface-stage);
829
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
782
830
  --wds-sidebar-divider-padding-top: var(--wds-space-300);
783
831
  --wds-sidebar-divider-padding-inline: var(--wds-space-200);
784
832
  --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
@@ -1084,12 +1132,13 @@
1084
1132
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1085
1133
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1086
1134
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1087
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1088
- --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1089
- --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1135
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-50);
1136
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1137
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1090
1138
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1091
1139
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1092
1140
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1141
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-display);
1093
1142
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1094
1143
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1095
1144
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1118,7 +1167,7 @@
1118
1167
  --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1119
1168
  --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1120
1169
  --wds-marketing-layout-badge-gap: var(--wds-space-200);
1121
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1170
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1122
1171
  --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1123
1172
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1124
1173
  --wds-loader-fill-loading: var(--wds-color-blue-0);
@@ -1673,7 +1722,21 @@
1673
1722
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1674
1723
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1675
1724
  --wds-checkbox-border: var(--wds-color-black-200);
1676
- --wds-carousel-dots-width: var(--wds-space-100);
1725
+ --wds-carousel-gradient-color: var(--wds-color-white);
1726
+ --wds-carousel-dots-width: var(--wds-space-150);
1727
+ --wds-carousel-dots-gap-bottom: var(--wds-space-850);
1728
+ --wds-carousel-dots-gap: var(--wds-space-850);
1729
+ --wds-carousel-dots-fill-hover: var(--wds-color-black-500);
1730
+ --wds-carousel-dots-fill-active: var(--wds-color-black-100);
1731
+ --wds-carousel-dots-fill: var(--wds-color-black-600);
1732
+ --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
1733
+ --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
1734
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1735
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1736
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1737
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1738
+ --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
1739
+ --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
1677
1740
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1678
1741
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1679
1742
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1711,6 +1774,8 @@
1711
1774
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1712
1775
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1713
1776
  --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1777
+ --wds-card-controls-padding-vertical: var(--wds-space-300);
1778
+ --wds-card-controls-padding-horizontal: var(--wds-space-300);
1714
1779
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1715
1780
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1716
1781
  --wds-card-content-padding-medium-top: var(--wds-space-100);
@@ -1967,6 +2032,7 @@
1967
2032
  --wds-tabs-label-fill-disabled: var(--wds-color-text-disabled);
1968
2033
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1969
2034
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2035
+ --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
1970
2036
  --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1971
2037
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1972
2038
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
@@ -1974,6 +2040,7 @@
1974
2040
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1975
2041
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1976
2042
  --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2043
+ --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
1977
2044
  --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1978
2045
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1979
2046
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -2131,6 +2198,7 @@
2131
2198
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
2132
2199
  --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
2133
2200
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2201
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2134
2202
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2135
2203
  --wds-info-icon-fill: var(--wds-color-text-placeholder);
2136
2204
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
@@ -2289,7 +2357,10 @@
2289
2357
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2290
2358
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2291
2359
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2360
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2292
2361
  --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
2362
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2363
+ --wds-carousel-controls-icon-fill: var(--wds-color-text-standard-primary);
2293
2364
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2294
2365
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2295
2366
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);