@wix/design-system-tokens 1.210.0 → 1.212.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/all.css +58 -3
  3. package/all.scss +58 -3
  4. package/all.st.css +116 -6
  5. package/component.st.css +116 -6
  6. package/odeditor/all.css +104 -37
  7. package/odeditor/all.scss +104 -37
  8. package/odeditor/all.st.css +174 -40
  9. package/odeditor/component.st.css +174 -40
  10. package/odeditor-dark/all.css +74 -19
  11. package/odeditor-dark/all.scss +74 -19
  12. package/odeditor-dark/all.st.css +130 -20
  13. package/odeditor-dark/component.st.css +128 -18
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +6 -2
  16. package/studio/all.css +57 -4
  17. package/studio/all.scss +57 -4
  18. package/studio/all.st.css +113 -7
  19. package/studio/component.st.css +113 -7
  20. package/wixel/all.css +56 -3
  21. package/wixel/all.scss +56 -3
  22. package/wixel/all.st.css +112 -6
  23. package/wixel/component.st.css +112 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ ## 1.212.0 - 2026-07-14
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(ListItemSelect): refresh odeditor paddings, typography, gap and fills [16494](https://github.com/wix-private/wix-design-systems/pull/16494)
6
+ - fix(Breadcrumbs): revert studio selected item color and weight [16520](https://github.com/wix-private/wix-design-systems/pull/16520)
7
+
8
+ ### Visual Breaking Changes
9
+
10
+ - breaking(Accordion): visual changes for Harmony and Studio themes [16508](https://github.com/wix-private/wix-design-systems/pull/16508)
11
+ - breaking(ListItemAction): reimagine Harmony theme styling [16513](https://github.com/wix-private/wix-design-systems/pull/16513)
12
+
13
+ ## 1.211.0 - 2026-07-09
14
+
15
+ ### Bug Fixes
16
+
17
+ - fix(Thumbnail): make tiny title font-weight deterministic [16517](https://github.com/wix-private/wix-design-systems/pull/16517)
18
+
1
19
  ## 1.209.0 - 2026-07-03
2
20
 
3
21
  ### Features
package/all.css CHANGED
@@ -296,6 +296,8 @@
296
296
  --wds-slider-slider-knob-shadow: false;
297
297
  --wds-slider-slider-knob-border-width-hover: 12px;
298
298
  --wds-slider-slider-knob-border-width: 4px;
299
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
300
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
299
301
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
300
302
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
301
303
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -315,10 +317,20 @@
315
317
  --wds-search-expandable-padding-small: 5px;
316
318
  --wds-radio-size: 16px;
317
319
  --wds-radio-dot-size: 10px;
320
+ --wds-marketing-layout-title-font-size-tiny: 20px;
321
+ --wds-marketing-layout-image-border-radius: 0px;
322
+ --wds-marketing-layout-badge-top: 9px;
323
+ --wds-marketing-layout-badge-side: -3px;
324
+ --wds-marketing-layout-badge-position: absolute;
325
+ --wds-marketing-layout-badge-offset-tiny: 18px;
326
+ --wds-marketing-layout-badge-offset-small: 12px;
327
+ --wds-marketing-layout-badge-offset-medium: 12px;
328
+ --wds-marketing-layout-badge-gap: 0px;
318
329
  --wds-loader-stroke-width-tiny: 3px;
319
330
  --wds-loader-stroke-width-small: 4px;
320
331
  --wds-loader-stroke-width-medium: 4px;
321
332
  --wds-loader-stroke-width-large: 4px;
333
+ --wds-list-item-action-subtitle-offset: 0px;
322
334
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
323
335
  --wds-internal-thumbnail-illustration-size-small: 51px;
324
336
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -906,7 +918,6 @@
906
918
  --wds-toast-horizontal-padding: var(--wds-space-200);
907
919
  --wds-toast-border-radius: var(--wds-border-radius-400);
908
920
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
909
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
910
921
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
911
922
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
912
923
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -984,6 +995,7 @@
984
995
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-300);
985
996
  --wds-skeleton-border-radius-line: var(--wds-border-radius-full);
986
997
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
998
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
987
999
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
988
1000
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
989
1001
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1177,6 +1189,10 @@
1177
1189
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1178
1190
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
1179
1191
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1192
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1193
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1194
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1195
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1180
1196
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-300);
1181
1197
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-400);
1182
1198
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-400);
@@ -1186,12 +1202,28 @@
1186
1202
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-400);
1187
1203
  --wds-marketing-layout-padding-left-small: var(--wds-space-400);
1188
1204
  --wds-marketing-layout-padding-left-medium: var(--wds-space-800);
1205
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1206
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1207
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1208
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1209
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1210
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1211
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1212
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1213
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1214
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1215
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1216
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1189
1217
  --wds-marketing-layout-border: var(--wds-border-radius-400);
1218
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1219
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1220
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1190
1221
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1191
1222
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1192
1223
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-200);
1193
1224
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-200);
1194
1225
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1226
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1195
1227
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1196
1228
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1197
1229
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1222,6 +1254,8 @@
1222
1254
  --wds-list-item-action-padding-vertical-small: var(--wds-space-100);
1223
1255
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1224
1256
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
1257
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1258
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1225
1259
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1226
1260
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1227
1261
  --wds-list-item-action-gap: var(--wds-space-0);
@@ -1469,6 +1503,7 @@
1469
1503
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1470
1504
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1471
1505
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1506
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1472
1507
  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
1473
1508
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1474
1509
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1615,7 +1650,6 @@
1615
1650
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1616
1651
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1617
1652
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1618
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1619
1653
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1620
1654
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1621
1655
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
@@ -1721,6 +1755,14 @@
1721
1755
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
1722
1756
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1723
1757
  --wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
1758
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1759
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1760
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1761
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1762
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1763
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1764
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1765
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1724
1766
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1725
1767
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1726
1768
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
@@ -1767,7 +1809,11 @@
1767
1809
  --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1768
1810
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1769
1811
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1812
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1813
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1770
1814
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1815
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1816
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1771
1817
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1772
1818
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1773
1819
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
@@ -2101,6 +2147,9 @@
2101
2147
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
2102
2148
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2103
2149
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2150
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2151
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2152
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2104
2153
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2105
2154
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2106
2155
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2112,7 +2161,6 @@
2112
2161
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2113
2162
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
2114
2163
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
2115
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
2116
2164
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2117
2165
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2118
2166
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
@@ -2128,6 +2176,12 @@
2128
2176
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2129
2177
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2130
2178
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-medium);
2179
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2180
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2181
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2182
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2183
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2184
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2131
2185
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
2132
2186
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2133
2187
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -2164,4 +2218,5 @@
2164
2218
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2165
2219
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);
2166
2220
  --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2221
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
2167
2222
  }
package/all.scss CHANGED
@@ -51,6 +51,8 @@
51
51
  --wds-slider-slider-knob-shadow: false;
52
52
  --wds-slider-slider-knob-border-width-hover: 12px;
53
53
  --wds-slider-slider-knob-border-width: 4px;
54
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
55
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
54
56
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
55
57
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
56
58
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -98,10 +100,20 @@
98
100
  --wds-search-expandable-padding-small: 5px;
99
101
  --wds-radio-size: 16px;
100
102
  --wds-radio-dot-size: 10px;
103
+ --wds-marketing-layout-title-font-size-tiny: 20px;
104
+ --wds-marketing-layout-image-border-radius: 0px;
105
+ --wds-marketing-layout-badge-top: 9px;
106
+ --wds-marketing-layout-badge-side: -3px;
107
+ --wds-marketing-layout-badge-position: absolute;
108
+ --wds-marketing-layout-badge-offset-tiny: 18px;
109
+ --wds-marketing-layout-badge-offset-small: 12px;
110
+ --wds-marketing-layout-badge-offset-medium: 12px;
111
+ --wds-marketing-layout-badge-gap: 0px;
101
112
  --wds-loader-stroke-width-tiny: 3px;
102
113
  --wds-loader-stroke-width-small: 4px;
103
114
  --wds-loader-stroke-width-medium: 4px;
104
115
  --wds-loader-stroke-width-large: 4px;
116
+ --wds-list-item-action-subtitle-offset: 0px;
105
117
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
106
118
  --wds-internal-thumbnail-illustration-size-small: 51px;
107
119
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -466,7 +478,6 @@
466
478
  --wds-toast-horizontal-padding: var(--wds-space-200);
467
479
  --wds-toast-border-radius: var(--wds-border-radius-400);
468
480
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
469
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
470
481
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
471
482
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
472
483
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -558,6 +569,7 @@
558
569
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-300);
559
570
  --wds-skeleton-border-radius-line: var(--wds-border-radius-full);
560
571
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
572
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
561
573
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
562
574
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
563
575
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -825,6 +837,10 @@
825
837
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
826
838
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
827
839
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
840
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
841
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
842
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
843
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
828
844
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-300);
829
845
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-400);
830
846
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-400);
@@ -834,8 +850,24 @@
834
850
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-400);
835
851
  --wds-marketing-layout-padding-left-small: var(--wds-space-400);
836
852
  --wds-marketing-layout-padding-left-medium: var(--wds-space-800);
853
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
854
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
855
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
856
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
857
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
858
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
859
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
860
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
861
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
862
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
863
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
864
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
837
865
  --wds-marketing-layout-border: var(--wds-border-radius-400);
866
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
867
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
868
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
838
869
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
870
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
839
871
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
840
872
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
841
873
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -887,6 +919,8 @@
887
919
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
888
920
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
889
921
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
922
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
923
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
890
924
  --wds-list-item-action-gap: var(--wds-space-0);
891
925
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
892
926
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1469,6 +1503,7 @@
1469
1503
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1470
1504
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1471
1505
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1506
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1472
1507
  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
1473
1508
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1474
1509
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1597,7 +1632,6 @@
1597
1632
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1598
1633
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1599
1634
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1600
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1601
1635
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1602
1636
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1603
1637
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
@@ -1710,6 +1744,14 @@
1710
1744
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
1711
1745
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1712
1746
  --wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
1747
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1748
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1749
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1750
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1751
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1752
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1753
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1754
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1713
1755
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1714
1756
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1715
1757
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
@@ -1756,7 +1798,11 @@
1756
1798
  --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1757
1799
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1758
1800
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1801
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1802
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1759
1803
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1804
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1805
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1760
1806
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1761
1807
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1762
1808
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
@@ -2101,6 +2147,9 @@
2101
2147
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
2102
2148
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2103
2149
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2150
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2151
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2152
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2104
2153
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2105
2154
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2106
2155
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2112,7 +2161,6 @@
2112
2161
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2113
2162
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
2114
2163
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
2115
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
2116
2164
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2117
2165
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2118
2166
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
@@ -2128,6 +2176,12 @@
2128
2176
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2129
2177
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2130
2178
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-medium);
2179
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2180
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2181
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2182
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2183
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2184
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2131
2185
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
2132
2186
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2133
2187
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -2164,4 +2218,5 @@
2164
2218
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2165
2219
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);
2166
2220
  --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2221
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
2167
2222
  }
package/all.st.css CHANGED
@@ -6,7 +6,12 @@
6
6
  @property st-global(--wds-accordion-caret-fill);
7
7
  @property st-global(--wds-accordion-caret-fill-hover);
8
8
  @property st-global(--wds-accordion-inner-content-fill);
9
+ @property st-global(--wds-accordion-inner-content-padding-bottom);
9
10
  @property st-global(--wds-accordion-inner-content-padding-top);
11
+ @property st-global(--wds-accordion-inner-content-padding-top-flat);
12
+ @property st-global(--wds-accordion-inner-content-shadow);
13
+ @property st-global(--wds-accordion-inner-content-shadow-last);
14
+ @property st-global(--wds-accordion-padding-horizontal-large);
10
15
  @property st-global(--wds-accordion-title-fill);
11
16
  @property st-global(--wds-accordion-title-fill-hover);
12
17
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -1217,11 +1222,17 @@
1217
1222
  @property st-global(--wds-list-item-action-gap);
1218
1223
  @property st-global(--wds-list-item-action-label-fill-active);
1219
1224
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1225
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1226
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1220
1227
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1228
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1229
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1221
1230
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1222
1231
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1223
1232
  @property st-global(--wds-list-item-action-label-font-size-medium);
1224
1233
  @property st-global(--wds-list-item-action-label-font-size-small);
1234
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1235
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1225
1236
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1226
1237
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1227
1238
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1233,6 +1244,7 @@
1233
1244
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1234
1245
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1235
1246
  @property st-global(--wds-list-item-action-subtitle-font-size);
1247
+ @property st-global(--wds-list-item-action-subtitle-offset);
1236
1248
  @property st-global(--wds-list-item-action-suffix-fill);
1237
1249
  @property st-global(--wds-list-item-action-suffix-fill-active);
1238
1250
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1308,6 +1320,7 @@
1308
1320
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1309
1321
  @property st-global(--wds-list-item-select-padding-vertical-small);
1310
1322
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1323
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1311
1324
  @property st-global(--wds-list-item-select-subtitle);
1312
1325
  @property st-global(--wds-list-item-select-subtitle-disabled);
1313
1326
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -1327,7 +1340,37 @@
1327
1340
  @property st-global(--wds-loader-stroke-width-medium);
1328
1341
  @property st-global(--wds-loader-stroke-width-small);
1329
1342
  @property st-global(--wds-loader-stroke-width-tiny);
1343
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1344
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1345
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1346
+ @property st-global(--wds-marketing-layout-badge-gap);
1347
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1348
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1349
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1350
+ @property st-global(--wds-marketing-layout-badge-position);
1351
+ @property st-global(--wds-marketing-layout-badge-side);
1352
+ @property st-global(--wds-marketing-layout-badge-top);
1330
1353
  @property st-global(--wds-marketing-layout-border);
1354
+ @property st-global(--wds-marketing-layout-description-color);
1355
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1356
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1357
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1358
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1359
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1360
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1361
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1362
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1363
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1364
+ @property st-global(--wds-marketing-layout-image-border-radius);
1365
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1366
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1367
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1368
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1369
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1370
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1371
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1372
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1373
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1331
1374
  @property st-global(--wds-marketing-layout-padding-left-medium);
1332
1375
  @property st-global(--wds-marketing-layout-padding-left-small);
1333
1376
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1337,6 +1380,18 @@
1337
1380
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1338
1381
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1339
1382
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1383
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1384
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1385
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1386
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1387
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1388
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1389
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1390
+ @property st-global(--wds-marketing-layout-title-gap-small);
1391
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1392
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1393
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1394
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1340
1395
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1341
1396
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1342
1397
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1742,9 +1797,12 @@
1742
1797
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1743
1798
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1744
1799
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1800
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1745
1801
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1746
1802
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1747
1803
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1804
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1805
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1748
1806
  @property st-global(--wds-skeleton-border-radius-circle);
1749
1807
  @property st-global(--wds-skeleton-border-radius-line);
1750
1808
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1911,9 +1969,6 @@
1911
1969
  @property st-global(--wds-thumbnail-subtitle-fill);
1912
1970
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1913
1971
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1914
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1915
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1916
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1917
1972
  @property st-global(--wds-thumbnail-title-padding-top);
1918
1973
  @property st-global(--wds-timeline-title-font-line-height);
1919
1974
  @property st-global(--wds-timeline-title-font-size);
@@ -2173,7 +2228,12 @@
2173
2228
  --wds-accordion-caret-fill: #44485f;
2174
2229
  --wds-accordion-caret-fill-hover: #44485f;
2175
2230
  --wds-accordion-inner-content-fill: #f4f7ff;
2231
+ --wds-accordion-inner-content-padding-bottom: 15px;
2176
2232
  --wds-accordion-inner-content-padding-top: 15px;
2233
+ --wds-accordion-inner-content-padding-top-flat: 0px;
2234
+ --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset, 0 -22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
2235
+ --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
2236
+ --wds-accordion-padding-horizontal-large: 24px;
2177
2237
  --wds-accordion-title-fill: #000624;
2178
2238
  --wds-accordion-title-fill-hover: #000624;
2179
2239
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -3384,11 +3444,17 @@
3384
3444
  --wds-list-item-action-gap: 0px;
3385
3445
  --wds-list-item-action-label-fill-active: #116dff;
3386
3446
  --wds-list-item-action-label-fill-hover-destructive: #e62214;
3447
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
3448
+ --wds-list-item-action-label-fill-hover-primary: #116dff;
3387
3449
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
3450
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
3451
+ --wds-list-item-action-label-fill-pressed-primary: #116dff;
3388
3452
  --wds-list-item-action-label-font-line-height-medium: 24px;
3389
3453
  --wds-list-item-action-label-font-line-height-small: 18px;
3390
3454
  --wds-list-item-action-label-font-size-medium: 16px;
3391
3455
  --wds-list-item-action-label-font-size-small: 14px;
3456
+ --wds-list-item-action-padding-horizontal-end-medium: 18px;
3457
+ --wds-list-item-action-padding-horizontal-end-small: 18px;
3392
3458
  --wds-list-item-action-padding-horizontal-medium: 18px;
3393
3459
  --wds-list-item-action-padding-horizontal-small: 18px;
3394
3460
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -3400,6 +3466,7 @@
3400
3466
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
3401
3467
  --wds-list-item-action-subtitle-font-line-height: 18px;
3402
3468
  --wds-list-item-action-subtitle-font-size: 14px;
3469
+ --wds-list-item-action-subtitle-offset: 0px;
3403
3470
  --wds-list-item-action-suffix-fill: #868aa5;
3404
3471
  --wds-list-item-action-suffix-fill-active: #868aa5;
3405
3472
  --wds-list-item-action-title-font-weight: 400;
@@ -3475,6 +3542,7 @@
3475
3542
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
3476
3543
  --wds-list-item-select-padding-vertical-small: 6px;
3477
3544
  --wds-list-item-select-padding-vertical-small-screen-small: 12px;
3545
+ --wds-list-item-select-prefix-subtitle-margin: 6px;
3478
3546
  --wds-list-item-select-subtitle: #868aa5;
3479
3547
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
3480
3548
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
@@ -3494,7 +3562,37 @@
3494
3562
  --wds-loader-stroke-width-medium: 4px;
3495
3563
  --wds-loader-stroke-width-small: 4px;
3496
3564
  --wds-loader-stroke-width-tiny: 3px;
3565
+ --wds-marketing-layout-actions-gap-medium: 24px;
3566
+ --wds-marketing-layout-actions-gap-small: 18px;
3567
+ --wds-marketing-layout-actions-gap-tiny: 18px;
3568
+ --wds-marketing-layout-badge-gap: 0px;
3569
+ --wds-marketing-layout-badge-offset-medium: 12px;
3570
+ --wds-marketing-layout-badge-offset-small: 12px;
3571
+ --wds-marketing-layout-badge-offset-tiny: 18px;
3572
+ --wds-marketing-layout-badge-position: absolute;
3573
+ --wds-marketing-layout-badge-side: -3px;
3574
+ --wds-marketing-layout-badge-top: 9px;
3497
3575
  --wds-marketing-layout-border: 8px;
3576
+ --wds-marketing-layout-description-color: #44485f;
3577
+ --wds-marketing-layout-description-font-size-medium: 16px;
3578
+ --wds-marketing-layout-description-font-size-small: 14px;
3579
+ --wds-marketing-layout-description-font-size-tiny: 14px;
3580
+ --wds-marketing-layout-description-font-weight-medium: 400;
3581
+ --wds-marketing-layout-description-font-weight-small: 400;
3582
+ --wds-marketing-layout-description-font-weight-tiny: 400;
3583
+ --wds-marketing-layout-description-line-height-medium: 24px;
3584
+ --wds-marketing-layout-description-line-height-small: 18px;
3585
+ --wds-marketing-layout-description-line-height-tiny: 18px;
3586
+ --wds-marketing-layout-image-border-radius: 0px;
3587
+ --wds-marketing-layout-image-padding-left-medium: 48px;
3588
+ --wds-marketing-layout-image-padding-left-small: 24px;
3589
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
3590
+ --wds-marketing-layout-image-padding-right-medium: 42px;
3591
+ --wds-marketing-layout-image-padding-right-small: 30px;
3592
+ --wds-marketing-layout-image-padding-right-tiny: 30px;
3593
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
3594
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
3595
+ --wds-marketing-layout-image-padding-vertical-tiny: 18px;
3498
3596
  --wds-marketing-layout-padding-left-medium: 48px;
3499
3597
  --wds-marketing-layout-padding-left-small: 24px;
3500
3598
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -3504,6 +3602,18 @@
3504
3602
  --wds-marketing-layout-padding-vertical-medium: 24px;
3505
3603
  --wds-marketing-layout-padding-vertical-small: 24px;
3506
3604
  --wds-marketing-layout-padding-vertical-tiny: 18px;
3605
+ --wds-marketing-layout-title-font-size-medium: 21px;
3606
+ --wds-marketing-layout-title-font-size-small: 18px;
3607
+ --wds-marketing-layout-title-font-size-tiny: 20px;
3608
+ --wds-marketing-layout-title-font-weight-medium: 700;
3609
+ --wds-marketing-layout-title-font-weight-small: 700;
3610
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3611
+ --wds-marketing-layout-title-gap-medium: 12px;
3612
+ --wds-marketing-layout-title-gap-small: 6px;
3613
+ --wds-marketing-layout-title-gap-tiny: 6px;
3614
+ --wds-marketing-layout-title-line-height-medium: 28px;
3615
+ --wds-marketing-layout-title-line-height-small: 24px;
3616
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3507
3617
  --wds-marketing-page-paddings-horizontal-large: 90px;
3508
3618
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3509
3619
  --wds-marketing-page-paddings-vertical-large: 48px;
@@ -3909,9 +4019,12 @@
3909
4019
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3910
4020
  --wds-sidebar-minimize-tooltip-text-light-default: #44485f;
3911
4021
  --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
4022
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
3912
4023
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3913
4024
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3914
4025
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
4026
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
4027
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
3915
4028
  --wds-skeleton-border-radius-circle: 1000px;
3916
4029
  --wds-skeleton-border-radius-line: 1000px;
3917
4030
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -4078,9 +4191,6 @@
4078
4191
  --wds-thumbnail-subtitle-fill: #44485f;
4079
4192
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
4080
4193
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4081
- --wds-thumbnail-title-font-line-height-tiny: 18px;
4082
- --wds-thumbnail-title-font-size-tiny: 12px;
4083
- --wds-thumbnail-title-font-weight-tiny: 400;
4084
4194
  --wds-thumbnail-title-padding-top: 6px;
4085
4195
  --wds-timeline-title-font-line-height: 18px;
4086
4196
  --wds-timeline-title-font-size: 14px;