@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-dark/all.scss CHANGED
@@ -50,6 +50,7 @@
50
50
  --wds-table-toolbar-divider-gap-group-start: 16px;
51
51
  --wds-table-toolbar-divider-gap: 16px;
52
52
  --wds-table-toolbar-button-gap: 8px;
53
+ --wds-table-action-cell-backdrop-opacity: 1;
53
54
  --wds-swatches-swatch-size-tiny: 22px;
54
55
  --wds-status-toast-width: 600px;
55
56
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -93,6 +94,7 @@
93
94
  --wds-slider-slider-knob-shadow: false;
94
95
  --wds-slider-slider-knob-border-width-hover: 12px;
95
96
  --wds-slider-slider-knob-border-width: 2px;
97
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
96
98
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
97
99
  --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
98
100
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -109,8 +111,10 @@
109
111
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
110
112
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
111
113
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
114
+ --wds-sidebar-footer-fade-height: 0px;
112
115
  --wds-sidebar-divider-fill-dark-default: #42454c;
113
116
  --wds-sidebar-clear-button-fill: #5a5d63;
117
+ --wds-sidebar-border-inner-fill: transparent;
114
118
  --wds-side-panel-standard-shadow: none;
115
119
  --wds-side-panel-standard-overflow: visible;
116
120
  --wds-side-panel-header-divider-height: 0;
@@ -177,9 +181,21 @@
177
181
  --wds-marketing-page-image-display: block;
178
182
  --wds-marketing-page-footer-grid-column: span 12;
179
183
  --wds-marketing-page-footer-divider-display: block;
184
+ --wds-marketing-layout-min-height-tiny: auto;
185
+ --wds-marketing-layout-min-height-small: auto;
186
+ --wds-marketing-layout-min-height-medium: auto;
187
+ --wds-marketing-layout-image-wrapper-width: auto;
188
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
189
+ --wds-marketing-layout-image-wrapper-contain: none;
190
+ --wds-marketing-layout-image-width: 100%;
191
+ --wds-marketing-layout-image-object-fit: fill;
192
+ --wds-marketing-layout-image-height: auto;
193
+ --wds-marketing-layout-image-aspect-ratio: auto;
194
+ --wds-marketing-layout-description-max-width: none;
180
195
  --wds-marketing-layout-badge-top: auto;
181
196
  --wds-marketing-layout-badge-side: auto;
182
197
  --wds-marketing-layout-badge-position: static;
198
+ --wds-marketing-layout-actions-alignment-inverted: auto;
183
199
  --wds-loader-stroke-width-tiny: 2px;
184
200
  --wds-loader-stroke-width-small: 2px;
185
201
  --wds-loader-stroke-width-medium: 2px;
@@ -426,6 +442,23 @@
426
442
  --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
427
443
  --wds-color-black-100: #FFFFFF;
428
444
  --wds-clickable-card-standard-box-shadow-hover: none;
445
+ --wds-carousel-gradient-opacity: 50%;
446
+ --wds-carousel-dots-height: 4px;
447
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
448
+ --wds-carousel-dots-gap-bottom: 10px;
449
+ --wds-carousel-dots-border-radius: 2px;
450
+ --wds-carousel-controls-shadow-hover: none;
451
+ --wds-carousel-controls-shadow-default: none;
452
+ --wds-carousel-controls-shadow-active: none;
453
+ --wds-carousel-controls-offset-sides-gradient: 12px;
454
+ --wds-carousel-controls-offset-sides: 0px;
455
+ --wds-carousel-controls-offset-overlay: 12px;
456
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
457
+ --wds-carousel-controls-offset-bottom: 0px;
458
+ --wds-carousel-controls-bottom-shift: 0;
459
+ --wds-carousel-controls-bottom-offset-dots: 10px;
460
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
461
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
429
462
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
430
463
  --wds-card-header-suffix-align: flex-start;
431
464
  --wds-card-gallery-item-title-gap: 0px;
@@ -660,6 +693,10 @@
660
693
  --wds-tabs-container-padding-horizontal: var(--wds-space-400);
661
694
  --wds-tabs-border-radius: var(--wds-border-radius-300);
662
695
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
696
+ --wds-table-sub-toolbar-padding-block-start: var(--wds-space-200);
697
+ --wds-table-sub-toolbar-padding-block-end: var(--wds-space-400);
698
+ --wds-table-row-divider-fill: var(--wds-color-black-100-transparent-0);
699
+ --wds-table-region-divider-fill: var(--wds-color-black-100-transparent-0);
663
700
  --wds-table-list-item-paddings: var(--wds-space-0);
664
701
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
665
702
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
@@ -675,10 +712,11 @@
675
712
  --wds-table-list-header-option-margin-inline: var(--wds-space-0);
676
713
  --wds-table-list-header-option-gap: var(--wds-space-400);
677
714
  --wds-table-list-header-min-height: var(--wds-space-1200);
678
- --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
679
715
  --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
680
716
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-350);
681
717
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-0);
718
+ --wds-table-header-font-weight: var(--wds-font-weight-medium);
719
+ --wds-table-cell-padding-inline: var(--wds-space-200);
682
720
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
683
721
  --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
684
722
  --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
@@ -791,6 +829,7 @@
791
829
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
792
830
  --wds-sidebar-item-content-gap: var(--wds-space-200);
793
831
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
832
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
794
833
  --wds-sidebar-divider-padding-top: var(--wds-space-300);
795
834
  --wds-sidebar-divider-padding-inline: var(--wds-space-200);
796
835
  --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
@@ -1101,6 +1140,7 @@
1101
1140
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1102
1141
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1103
1142
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1143
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1104
1144
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1105
1145
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1106
1146
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1173,7 +1213,6 @@
1173
1213
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1174
1214
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1175
1215
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1176
- --wds-list-item-action-subtitle-destructive: var(--wds-color-red-0);
1177
1216
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1178
1217
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1179
1218
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1182,11 +1221,7 @@
1182
1221
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1183
1222
  --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-200);
1184
1223
  --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-200);
1185
- --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
1186
- --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1187
1224
  --wds-list-item-action-gap: var(--wds-space-50);
1188
- --wds-list-item-action-fill-hover-destructive: var(--wds-color-red-400);
1189
- --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
1190
1225
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1191
1226
  --wds-list-item-action-affix-margin: var(--wds-space-100);
1192
1227
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1534,7 +1569,7 @@
1534
1569
  --wds-color-fill-light-primary: var(--wds-color-white);
1535
1570
  --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
1536
1571
  --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
1537
- --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-500);
1572
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
1538
1573
  --wds-color-fill-destructive-tertiary: var(--wds-color-white);
1539
1574
  --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
1540
1575
  --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1689,7 +1724,18 @@
1689
1724
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1690
1725
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1691
1726
  --wds-checkbox-border: var(--wds-color-black-200);
1727
+ --wds-carousel-gradient-color: var(--wds-color-white);
1692
1728
  --wds-carousel-dots-width: var(--wds-space-100);
1729
+ --wds-carousel-dots-gap: var(--wds-space-400);
1730
+ --wds-carousel-dots-fill-hover: var(--wds-color-blue-200);
1731
+ --wds-carousel-dots-fill-active: var(--wds-color-blue-0);
1732
+ --wds-carousel-dots-fill: var(--wds-color-blue-300);
1733
+ --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1734
+ --wds-carousel-controls-gap-small: var(--wds-space-300);
1735
+ --wds-carousel-controls-gap-medium: var(--wds-space-200);
1736
+ --wds-carousel-controls-gap-large: var(--wds-space-200);
1737
+ --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1738
+ --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1693
1739
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1694
1740
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1695
1741
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1720,6 +1766,8 @@
1720
1766
  --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1721
1767
  --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1722
1768
  --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1769
+ --wds-card-controls-padding-vertical: var(--wds-space-400);
1770
+ --wds-card-controls-padding-horizontal: var(--wds-space-600);
1723
1771
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1724
1772
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1725
1773
  --wds-card-content-padding-medium-top: var(--wds-space-100);
@@ -1979,12 +2027,14 @@
1979
2027
  --wds-tabs-label-fill-disabled: var(--wds-color-text-disabled);
1980
2028
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1981
2029
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2030
+ --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
1982
2031
  --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1983
2032
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1984
2033
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1985
2034
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1986
2035
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1987
2036
  --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2037
+ --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
1988
2038
  --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1989
2039
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1990
2040
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -2009,6 +2059,9 @@
2009
2059
  --wds-sidebar-item-text-font-size: var(--wds-font-size-body-small);
2010
2060
  --wds-sidebar-item-text-dark-default: var(--wds-color-text-standard-primary);
2011
2061
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary);
2062
+ --wds-sidebar-fill-neutral: var(--wds-sidebar-item-level-1-fill-neutral-default);
2063
+ --wds-sidebar-fill-light: var(--wds-sidebar-item-level-1-fill-light-default);
2064
+ --wds-sidebar-border-outer-fill: var(--wds-sidebar-divider-fill-light-default);
2012
2065
  --wds-side-panel-title-font-size: var(--wds-font-size-body-small);
2013
2066
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-tiny);
2014
2067
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
@@ -2117,16 +2170,21 @@
2117
2170
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
2118
2171
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
2119
2172
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
2120
- --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
2173
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
2174
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
2121
2175
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
2122
2176
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
2123
2177
  --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
2124
2178
  --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
2179
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-fill-destructive-primary-hover);
2125
2180
  --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
2126
2181
  --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
2182
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
2127
2183
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
2184
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
2128
2185
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2129
2186
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
2187
+ --wds-list-item-action-fill: var(--wds-color-fill-destructive-tertiary);
2130
2188
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
2131
2189
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
2132
2190
  --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
@@ -2136,6 +2194,7 @@
2136
2194
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
2137
2195
  --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
2138
2196
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2197
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2139
2198
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2140
2199
  --wds-info-icon-fill: var(--wds-color-text-placeholder);
2141
2200
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
@@ -2290,7 +2349,14 @@
2290
2349
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2291
2350
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2292
2351
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2352
+ --wds-carousel-gradient-width: var(--wds-button-size-medium);
2353
+ --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2354
+ --wds-carousel-controls-size-small: var(--wds-button-size-small);
2355
+ --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2356
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2357
+ --wds-carousel-controls-shadow-disabled: 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);
2293
2358
  --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);
2359
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2294
2360
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2295
2361
  --wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
2296
2362
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -2446,6 +2512,11 @@
2446
2512
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2447
2513
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2448
2514
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2515
+ --wds-carousel-controls-icon-fill-hover: var(--wds-icon-button-color-text-standard-secondary-hover);
2516
+ --wds-carousel-controls-icon-fill-active: var(--wds-icon-button-color-text-standard-secondary-active);
2517
+ --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2518
+ --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2519
+ --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2449
2520
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2450
2521
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2451
2522
  --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.st.css CHANGED
@@ -307,6 +307,8 @@
307
307
  @property st-global(--wds-card-content-padding-medium-top);
308
308
  @property st-global(--wds-card-content-paddings-horizontal);
309
309
  @property st-global(--wds-card-content-paddings-vertical);
310
+ @property st-global(--wds-card-controls-padding-horizontal);
311
+ @property st-global(--wds-card-controls-padding-vertical);
310
312
  @property st-global(--wds-card-divider-opacity);
311
313
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
312
314
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -372,8 +374,48 @@
372
374
  @property st-global(--wds-card-tab-padding-horizontal-small);
373
375
  @property st-global(--wds-card-tab-padding-vertical-medium);
374
376
  @property st-global(--wds-card-tab-padding-vertical-small);
377
+ @property st-global(--wds-carousel-controls-border);
378
+ @property st-global(--wds-carousel-controls-border-disabled);
379
+ @property st-global(--wds-carousel-controls-border-radius);
380
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
381
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
382
+ @property st-global(--wds-carousel-controls-bottom-shift);
383
+ @property st-global(--wds-carousel-controls-fill-active);
384
+ @property st-global(--wds-carousel-controls-fill-hover);
385
+ @property st-global(--wds-carousel-controls-gap-large);
386
+ @property st-global(--wds-carousel-controls-gap-medium);
387
+ @property st-global(--wds-carousel-controls-gap-small);
388
+ @property st-global(--wds-carousel-controls-gap-tiny);
389
+ @property st-global(--wds-carousel-controls-icon-fill);
390
+ @property st-global(--wds-carousel-controls-icon-fill-active);
391
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
392
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
393
+ @property st-global(--wds-carousel-controls-offset-bottom);
394
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
395
+ @property st-global(--wds-carousel-controls-offset-overlay);
396
+ @property st-global(--wds-carousel-controls-offset-sides);
397
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
375
398
  @property st-global(--wds-carousel-controls-shadow);
399
+ @property st-global(--wds-carousel-controls-shadow-active);
400
+ @property st-global(--wds-carousel-controls-shadow-default);
401
+ @property st-global(--wds-carousel-controls-shadow-disabled);
402
+ @property st-global(--wds-carousel-controls-shadow-hover);
403
+ @property st-global(--wds-carousel-controls-size-large);
404
+ @property st-global(--wds-carousel-controls-size-medium);
405
+ @property st-global(--wds-carousel-controls-size-small);
406
+ @property st-global(--wds-carousel-controls-size-tiny);
407
+ @property st-global(--wds-carousel-dots-border-radius);
408
+ @property st-global(--wds-carousel-dots-fill);
409
+ @property st-global(--wds-carousel-dots-fill-active);
410
+ @property st-global(--wds-carousel-dots-fill-hover);
411
+ @property st-global(--wds-carousel-dots-gap);
412
+ @property st-global(--wds-carousel-dots-gap-bottom);
413
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
414
+ @property st-global(--wds-carousel-dots-height);
376
415
  @property st-global(--wds-carousel-dots-width);
416
+ @property st-global(--wds-carousel-gradient-color);
417
+ @property st-global(--wds-carousel-gradient-opacity);
418
+ @property st-global(--wds-carousel-gradient-width);
377
419
  @property st-global(--wds-checkbox-border);
378
420
  @property st-global(--wds-checkbox-border-active);
379
421
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -1232,6 +1274,7 @@
1232
1274
  @property st-global(--wds-input-background-fill-default);
1233
1275
  @property st-global(--wds-input-background-fill-disabled);
1234
1276
  @property st-global(--wds-input-background-fill-hover);
1277
+ @property st-global(--wds-input-background-fill-on-stage);
1235
1278
  @property st-global(--wds-input-background-fill-readonly);
1236
1279
  @property st-global(--wds-input-border-color);
1237
1280
  @property st-global(--wds-input-border-color-disabled);
@@ -1400,6 +1443,7 @@
1400
1443
  @property st-global(--wds-loader-stroke-width-medium);
1401
1444
  @property st-global(--wds-loader-stroke-width-small);
1402
1445
  @property st-global(--wds-loader-stroke-width-tiny);
1446
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
1403
1447
  @property st-global(--wds-marketing-layout-actions-gap-medium);
1404
1448
  @property st-global(--wds-marketing-layout-actions-gap-small);
1405
1449
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -1421,7 +1465,11 @@
1421
1465
  @property st-global(--wds-marketing-layout-description-line-height-medium);
1422
1466
  @property st-global(--wds-marketing-layout-description-line-height-small);
1423
1467
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
1468
+ @property st-global(--wds-marketing-layout-description-max-width);
1469
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
1424
1470
  @property st-global(--wds-marketing-layout-image-border-radius);
1471
+ @property st-global(--wds-marketing-layout-image-height);
1472
+ @property st-global(--wds-marketing-layout-image-object-fit);
1425
1473
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
1426
1474
  @property st-global(--wds-marketing-layout-image-padding-left-small);
1427
1475
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -1431,6 +1479,13 @@
1431
1479
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1432
1480
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1433
1481
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1482
+ @property st-global(--wds-marketing-layout-image-width);
1483
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
1484
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
1485
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
1486
+ @property st-global(--wds-marketing-layout-min-height-medium);
1487
+ @property st-global(--wds-marketing-layout-min-height-small);
1488
+ @property st-global(--wds-marketing-layout-min-height-tiny);
1434
1489
  @property st-global(--wds-marketing-layout-padding-left-medium);
1435
1490
  @property st-global(--wds-marketing-layout-padding-left-small);
1436
1491
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1440,6 +1495,7 @@
1440
1495
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1441
1496
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1442
1497
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1498
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
1443
1499
  @property st-global(--wds-marketing-layout-title-font-size-medium);
1444
1500
  @property st-global(--wds-marketing-layout-title-font-size-small);
1445
1501
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1901,6 +1957,8 @@
1901
1957
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1902
1958
  @property st-global(--wds-side-panel-title-font-line-height);
1903
1959
  @property st-global(--wds-side-panel-title-font-size);
1960
+ @property st-global(--wds-sidebar-border-inner-fill);
1961
+ @property st-global(--wds-sidebar-border-outer-fill);
1904
1962
  @property st-global(--wds-sidebar-clear-button-fill);
1905
1963
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1906
1964
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1908,6 +1966,10 @@
1908
1966
  @property st-global(--wds-sidebar-divider-padding-bottom);
1909
1967
  @property st-global(--wds-sidebar-divider-padding-inline);
1910
1968
  @property st-global(--wds-sidebar-divider-padding-top);
1969
+ @property st-global(--wds-sidebar-fill-dark);
1970
+ @property st-global(--wds-sidebar-fill-light);
1971
+ @property st-global(--wds-sidebar-fill-neutral);
1972
+ @property st-global(--wds-sidebar-footer-fade-height);
1911
1973
  @property st-global(--wds-sidebar-header-margin-bottom);
1912
1974
  @property st-global(--wds-sidebar-header-text-dark-default);
1913
1975
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1990,6 +2052,7 @@
1990
2052
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1991
2053
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1992
2054
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
2055
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
1993
2056
  @property st-global(--wds-skeleton-border-radius-circle);
1994
2057
  @property st-global(--wds-skeleton-border-radius-line);
1995
2058
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -2101,12 +2164,15 @@
2101
2164
  @property st-global(--wds-swatches-swatch-size-medium);
2102
2165
  @property st-global(--wds-swatches-swatch-size-small);
2103
2166
  @property st-global(--wds-swatches-swatch-size-tiny);
2167
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
2104
2168
  @property st-global(--wds-table-action-cell-primary-action-gap-medium);
2105
2169
  @property st-global(--wds-table-action-cell-primary-action-gap-small);
2106
2170
  @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
2107
2171
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
2108
2172
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
2109
2173
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
2174
+ @property st-global(--wds-table-cell-padding-inline);
2175
+ @property st-global(--wds-table-header-font-weight);
2110
2176
  @property st-global(--wds-table-list-header-checkbox-padding-left);
2111
2177
  @property st-global(--wds-table-list-header-checkbox-padding-right);
2112
2178
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -2129,10 +2195,15 @@
2129
2195
  @property st-global(--wds-table-list-item-fill-highlight);
2130
2196
  @property st-global(--wds-table-list-item-fill-hover);
2131
2197
  @property st-global(--wds-table-list-item-fill-hover-draggable);
2198
+ @property st-global(--wds-table-list-item-fill-overlay);
2132
2199
  @property st-global(--wds-table-list-item-gap);
2133
2200
  @property st-global(--wds-table-list-item-indentation-level-2);
2134
2201
  @property st-global(--wds-table-list-item-indentation-level-3);
2135
2202
  @property st-global(--wds-table-list-item-paddings);
2203
+ @property st-global(--wds-table-region-divider-fill);
2204
+ @property st-global(--wds-table-row-divider-fill);
2205
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
2206
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
2136
2207
  @property st-global(--wds-table-toolbar-button-gap);
2137
2208
  @property st-global(--wds-table-toolbar-divider-gap);
2138
2209
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -2676,7 +2747,7 @@
2676
2747
  --wds-button-fill-dark-secondary-hover: #3A3A3B;
2677
2748
  --wds-button-fill-destructive-primary-disabled: #3A3A3B;
2678
2749
  --wds-button-fill-destructive-secondary: rgba(0, 0, 0, 0);
2679
- --wds-button-fill-destructive-secondary-active: #4D2324;
2750
+ --wds-button-fill-destructive-secondary-active: #A6464B;
2680
2751
  --wds-button-fill-destructive-secondary-disabled: #3A3A3B;
2681
2752
  --wds-button-fill-destructive-secondary-hover: #4D2324;
2682
2753
  --wds-button-fill-gradient-hover-primary: #B1CCFF;
@@ -2771,6 +2842,8 @@
2771
2842
  --wds-card-content-padding-medium-top: 4px;
2772
2843
  --wds-card-content-paddings-horizontal: 12px;
2773
2844
  --wds-card-content-paddings-vertical: 12px;
2845
+ --wds-card-controls-padding-horizontal: 24px;
2846
+ --wds-card-controls-padding-vertical: 16px;
2774
2847
  --wds-card-divider-opacity: 0;
2775
2848
  --wds-card-gallery-item-action-button-border-radius: 8px;
2776
2849
  --wds-card-gallery-item-action-button-font-size: 14px;
@@ -2836,8 +2909,48 @@
2836
2909
  --wds-card-tab-padding-horizontal-small: 20px;
2837
2910
  --wds-card-tab-padding-vertical-medium: 16px;
2838
2911
  --wds-card-tab-padding-vertical-small: 16px;
2912
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2913
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2914
+ --wds-carousel-controls-border-radius: 8px;
2915
+ --wds-carousel-controls-bottom-offset-dots: 10px;
2916
+ --wds-carousel-controls-bottom-offset-no-dots: 4px;
2917
+ --wds-carousel-controls-bottom-shift: 0;
2918
+ --wds-carousel-controls-fill-active: #2D354E;
2919
+ --wds-carousel-controls-fill-hover: #212328;
2920
+ --wds-carousel-controls-gap-large: 8px;
2921
+ --wds-carousel-controls-gap-medium: 8px;
2922
+ --wds-carousel-controls-gap-small: 12px;
2923
+ --wds-carousel-controls-gap-tiny: 16px;
2924
+ --wds-carousel-controls-icon-fill: #82B0FF;
2925
+ --wds-carousel-controls-icon-fill-active: #E0E7FF;
2926
+ --wds-carousel-controls-icon-fill-disabled: #878685;
2927
+ --wds-carousel-controls-icon-fill-hover: #E0E7FF;
2928
+ --wds-carousel-controls-offset-bottom: 0px;
2929
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
2930
+ --wds-carousel-controls-offset-overlay: 12px;
2931
+ --wds-carousel-controls-offset-sides: 0px;
2932
+ --wds-carousel-controls-offset-sides-gradient: 12px;
2839
2933
  --wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
2934
+ --wds-carousel-controls-shadow-active: none;
2935
+ --wds-carousel-controls-shadow-default: none;
2936
+ --wds-carousel-controls-shadow-disabled: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
2937
+ --wds-carousel-controls-shadow-hover: none;
2938
+ --wds-carousel-controls-size-large: 46px;
2939
+ --wds-carousel-controls-size-medium: 38px;
2940
+ --wds-carousel-controls-size-small: 30px;
2941
+ --wds-carousel-controls-size-tiny: 24px;
2942
+ --wds-carousel-dots-border-radius: 2px;
2943
+ --wds-carousel-dots-fill: #3F4D6E;
2944
+ --wds-carousel-dots-fill-active: #E0E7FF;
2945
+ --wds-carousel-dots-fill-hover: #6F94D4;
2946
+ --wds-carousel-dots-gap: 16px;
2947
+ --wds-carousel-dots-gap-bottom: 10px;
2948
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
2949
+ --wds-carousel-dots-height: 4px;
2840
2950
  --wds-carousel-dots-width: 4px;
2951
+ --wds-carousel-gradient-color: #212122;
2952
+ --wds-carousel-gradient-opacity: 50%;
2953
+ --wds-carousel-gradient-width: 38px;
2841
2954
  --wds-checkbox-border: #D4D3D2;
2842
2955
  --wds-checkbox-border-active: #82B0FF;
2843
2956
  --wds-checkbox-border-active-disabled: rgba(255, 255, 255, 0);
@@ -3089,7 +3202,7 @@
3089
3202
  --wds-color-fill-destructive-secondary-disabled: rgba(255, 255, 255, .1);
3090
3203
  --wds-color-fill-destructive-secondary-hover: #A6464B;
3091
3204
  --wds-color-fill-destructive-tertiary: #212122;
3092
- --wds-color-fill-destructive-tertiary-active: #4D2324;
3205
+ --wds-color-fill-destructive-tertiary-active: #A6464B;
3093
3206
  --wds-color-fill-destructive-tertiary-disabled: #212122;
3094
3207
  --wds-color-fill-destructive-tertiary-hover: #4D2324;
3095
3208
  --wds-color-fill-light-primary: #212122;
@@ -3696,6 +3809,7 @@
3696
3809
  --wds-input-background-fill-default: #2D2D2E;
3697
3810
  --wds-input-background-fill-disabled: #2D2D2E;
3698
3811
  --wds-input-background-fill-hover: #2D2D2E;
3812
+ --wds-input-background-fill-on-stage: #3A3A3B;
3699
3813
  --wds-input-background-fill-readonly: #212122;
3700
3814
  --wds-input-border-color: rgba(255, 255, 255, 0);
3701
3815
  --wds-input-border-color-disabled: #3A3A3B;
@@ -3754,13 +3868,13 @@
3754
3868
  --wds-linear-progress-bar-value-gap: 4px;
3755
3869
  --wds-list-item-action-affix-margin: 4px;
3756
3870
  --wds-list-item-action-border-radius: 8px;
3757
- --wds-list-item-action-fill: rgba(0, 0, 0, 0);
3871
+ --wds-list-item-action-fill: #212122;
3758
3872
  --wds-list-item-action-fill-active: #2D2D2E;
3759
3873
  --wds-list-item-action-fill-hover: #3A3A3B;
3760
- --wds-list-item-action-fill-hover-destructive: #A6464B;
3874
+ --wds-list-item-action-fill-hover-destructive: #4D2324;
3761
3875
  --wds-list-item-action-gap: 2px;
3762
3876
  --wds-list-item-action-label-fill-active: #FFFFFF;
3763
- --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
3877
+ --wds-list-item-action-label-fill-hover-destructive: #FF7680;
3764
3878
  --wds-list-item-action-label-fill-hover-premium: #82B0FF;
3765
3879
  --wds-list-item-action-label-fill-hover-primary: #82B0FF;
3766
3880
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
@@ -3778,8 +3892,8 @@
3778
3892
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3779
3893
  --wds-list-item-action-padding-vertical-small: 8px;
3780
3894
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3781
- --wds-list-item-action-subtitle-destructive: #F9D6D7;
3782
- --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
3895
+ --wds-list-item-action-subtitle-destructive: #A09E9D;
3896
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #D4D3D2;
3783
3897
  --wds-list-item-action-subtitle-font-line-height: 16px;
3784
3898
  --wds-list-item-action-subtitle-font-size: 12px;
3785
3899
  --wds-list-item-action-subtitle-offset: 0px;
@@ -3864,6 +3978,7 @@
3864
3978
  --wds-loader-stroke-width-medium: 2px;
3865
3979
  --wds-loader-stroke-width-small: 2px;
3866
3980
  --wds-loader-stroke-width-tiny: 2px;
3981
+ --wds-marketing-layout-actions-alignment-inverted: auto;
3867
3982
  --wds-marketing-layout-actions-gap-medium: 24px;
3868
3983
  --wds-marketing-layout-actions-gap-small: 24px;
3869
3984
  --wds-marketing-layout-actions-gap-tiny: 24px;
@@ -3885,7 +4000,11 @@
3885
4000
  --wds-marketing-layout-description-line-height-medium: 16px;
3886
4001
  --wds-marketing-layout-description-line-height-small: 16px;
3887
4002
  --wds-marketing-layout-description-line-height-tiny: 16px;
4003
+ --wds-marketing-layout-description-max-width: none;
4004
+ --wds-marketing-layout-image-aspect-ratio: auto;
3888
4005
  --wds-marketing-layout-image-border-radius: 8px;
4006
+ --wds-marketing-layout-image-height: auto;
4007
+ --wds-marketing-layout-image-object-fit: fill;
3889
4008
  --wds-marketing-layout-image-padding-left-medium: 12px;
3890
4009
  --wds-marketing-layout-image-padding-left-small: 12px;
3891
4010
  --wds-marketing-layout-image-padding-left-tiny: 12px;
@@ -3895,6 +4014,13 @@
3895
4014
  --wds-marketing-layout-image-padding-vertical-medium: 12px;
3896
4015
  --wds-marketing-layout-image-padding-vertical-small: 12px;
3897
4016
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
4017
+ --wds-marketing-layout-image-width: 100%;
4018
+ --wds-marketing-layout-image-wrapper-contain: none;
4019
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
4020
+ --wds-marketing-layout-image-wrapper-width: auto;
4021
+ --wds-marketing-layout-min-height-medium: auto;
4022
+ --wds-marketing-layout-min-height-small: auto;
4023
+ --wds-marketing-layout-min-height-tiny: auto;
3898
4024
  --wds-marketing-layout-padding-left-medium: 20px;
3899
4025
  --wds-marketing-layout-padding-left-small: 8px;
3900
4026
  --wds-marketing-layout-padding-left-tiny: 8px;
@@ -3904,6 +4030,7 @@
3904
4030
  --wds-marketing-layout-padding-vertical-medium: 20px;
3905
4031
  --wds-marketing-layout-padding-vertical-small: 20px;
3906
4032
  --wds-marketing-layout-padding-vertical-tiny: 20px;
4033
+ --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3907
4034
  --wds-marketing-layout-title-font-size-medium: 16px;
3908
4035
  --wds-marketing-layout-title-font-size-small: 16px;
3909
4036
  --wds-marketing-layout-title-font-size-tiny: 16px;
@@ -4365,6 +4492,8 @@
4365
4492
  --wds-side-panel-title-font-letter-spacing: -0.5px;
4366
4493
  --wds-side-panel-title-font-line-height: 18px;
4367
4494
  --wds-side-panel-title-font-size: 14px;
4495
+ --wds-sidebar-border-inner-fill: transparent;
4496
+ --wds-sidebar-border-outer-fill: #666565;
4368
4497
  --wds-sidebar-clear-button-fill: #5a5d63;
4369
4498
  --wds-sidebar-divider-fill-dark-default: #42454c;
4370
4499
  --wds-sidebar-divider-fill-light-default: #666565;
@@ -4372,6 +4501,10 @@
4372
4501
  --wds-sidebar-divider-padding-bottom: 12px;
4373
4502
  --wds-sidebar-divider-padding-inline: 8px;
4374
4503
  --wds-sidebar-divider-padding-top: 12px;
4504
+ --wds-sidebar-fill-dark: #131720;
4505
+ --wds-sidebar-fill-light: #212122;
4506
+ --wds-sidebar-fill-neutral: #3A3A3B;
4507
+ --wds-sidebar-footer-fade-height: 0px;
4375
4508
  --wds-sidebar-header-margin-bottom: 12px;
4376
4509
  --wds-sidebar-header-text-dark-default: #FFFFFF;
4377
4510
  --wds-sidebar-item-content-gap: 8px;
@@ -4454,6 +4587,7 @@
4454
4587
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
4455
4588
  --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
4456
4589
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
4590
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
4457
4591
  --wds-skeleton-border-radius-circle: 1000px;
4458
4592
  --wds-skeleton-border-radius-line: 4px;
4459
4593
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4565,17 +4699,20 @@
4565
4699
  --wds-swatches-swatch-size-medium: 36px;
4566
4700
  --wds-swatches-swatch-size-small: 28px;
4567
4701
  --wds-swatches-swatch-size-tiny: 22px;
4702
+ --wds-table-action-cell-backdrop-opacity: 1;
4568
4703
  --wds-table-action-cell-primary-action-gap-medium: 8px;
4569
4704
  --wds-table-action-cell-primary-action-gap-small: 8px;
4570
4705
  --wds-table-action-cell-primary-action-gap-tiny: 8px;
4571
4706
  --wds-table-action-cell-secondary-action-gap-medium: 4px;
4572
4707
  --wds-table-action-cell-secondary-action-gap-small: 4px;
4573
4708
  --wds-table-action-cell-secondary-action-gap-tiny: 4px;
4709
+ --wds-table-cell-padding-inline: 8px;
4710
+ --wds-table-header-font-weight: 500;
4574
4711
  --wds-table-list-header-checkbox-padding-left: 0px;
4575
4712
  --wds-table-list-header-checkbox-padding-right: 14px;
4576
4713
  --wds-table-list-header-divider-fill-bottom: #454544;
4577
4714
  --wds-table-list-header-divider-fill-top: rgba(255, 255, 255, 0);
4578
- --wds-table-list-header-fill: rgba(255, 255, 255, 0);
4715
+ --wds-table-list-header-fill: #212122;
4579
4716
  --wds-table-list-header-icon-fill: #FFFFFF;
4580
4717
  --wds-table-list-header-min-height: 48px;
4581
4718
  --wds-table-list-header-option-gap: 16px;
@@ -4593,10 +4730,15 @@
4593
4730
  --wds-table-list-item-fill-highlight: #2D2D2E;
4594
4731
  --wds-table-list-item-fill-hover: #3A3A3B;
4595
4732
  --wds-table-list-item-fill-hover-draggable: #3A3A3B;
4733
+ --wds-table-list-item-fill-overlay: #212122;
4596
4734
  --wds-table-list-item-gap: 16px;
4597
4735
  --wds-table-list-item-indentation-level-2: 12px;
4598
4736
  --wds-table-list-item-indentation-level-3: 28px;
4599
4737
  --wds-table-list-item-paddings: 0px;
4738
+ --wds-table-region-divider-fill: rgba(255, 255, 255, 0);
4739
+ --wds-table-row-divider-fill: rgba(255, 255, 255, 0);
4740
+ --wds-table-sub-toolbar-padding-block-end: 16px;
4741
+ --wds-table-sub-toolbar-padding-block-start: 8px;
4600
4742
  --wds-table-toolbar-button-gap: 8px;
4601
4743
  --wds-table-toolbar-divider-gap: 16px;
4602
4744
  --wds-table-toolbar-divider-gap-group-start: 16px;