@wix/design-system-tokens 1.211.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 +12 -0
  2. package/all.css +55 -0
  3. package/all.scss +55 -0
  4. package/all.st.css +110 -0
  5. package/component.st.css +110 -0
  6. package/odeditor/all.css +87 -20
  7. package/odeditor/all.scss +86 -19
  8. package/odeditor/all.st.css +153 -19
  9. package/odeditor/component.st.css +153 -19
  10. package/odeditor-dark/all.css +73 -16
  11. package/odeditor-dark/all.scss +73 -16
  12. package/odeditor-dark/all.st.css +128 -14
  13. package/odeditor-dark/component.st.css +126 -12
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +6 -2
  16. package/studio/all.css +56 -1
  17. package/studio/all.scss +56 -1
  18. package/studio/all.st.css +111 -1
  19. package/studio/component.st.css +111 -1
  20. package/wixel/all.css +55 -0
  21. package/wixel/all.scss +55 -0
  22. package/wixel/all.st.css +110 -0
  23. package/wixel/component.st.css +110 -0
package/studio/all.css CHANGED
@@ -355,10 +355,20 @@
355
355
  --wds-section-helper-prefix-offset-margin: 4px;
356
356
  --wds-search-expandable-padding-large: 5px;
357
357
  --wds-radio-dot-size: 4px;
358
+ --wds-marketing-layout-title-font-size-tiny: 20px;
359
+ --wds-marketing-layout-image-border-radius: 0px;
360
+ --wds-marketing-layout-badge-top: 9px;
361
+ --wds-marketing-layout-badge-side: -3px;
362
+ --wds-marketing-layout-badge-position: absolute;
363
+ --wds-marketing-layout-badge-offset-tiny: 18px;
364
+ --wds-marketing-layout-badge-offset-small: 12px;
365
+ --wds-marketing-layout-badge-offset-medium: 12px;
366
+ --wds-marketing-layout-badge-gap: 0px;
358
367
  --wds-loader-stroke-width-tiny: 3px;
359
368
  --wds-loader-stroke-width-small: 4px;
360
369
  --wds-loader-stroke-width-medium: 4px;
361
370
  --wds-loader-stroke-width-large: 4px;
371
+ --wds-list-item-action-subtitle-offset: 0px;
362
372
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
363
373
  --wds-internal-thumbnail-illustration-size-small: 51px;
364
374
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -399,6 +409,8 @@
399
409
  --wds-angle-input-knob-size: 6px;
400
410
  --wds-angle-input-knob-border: 2px;
401
411
  --wds-accordion-title-font-line-height-small: 18px;
412
+ --wds-accordion-inner-content-shadow-last: none;
413
+ --wds-accordion-inner-content-shadow: none;
402
414
  --wds-width-default-2: var(--wds-border-width-100);
403
415
  --wds-width-default: var(--wds-border-width-100);
404
416
  --wds-inner-shadow-y-secondary: var(--wds-shadow-y-0);
@@ -1212,6 +1224,10 @@
1212
1224
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1213
1225
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1214
1226
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1227
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1228
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1229
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1230
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1215
1231
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1216
1232
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1217
1233
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -1221,13 +1237,29 @@
1221
1237
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1222
1238
  --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1223
1239
  --wds-marketing-layout-padding-left-medium: var(--wds-space-1200);
1240
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-500);
1241
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-600);
1242
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-600);
1243
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-700);
1244
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-700);
1245
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-1000);
1246
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
1247
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
1248
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
1249
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1250
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1251
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1224
1252
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1253
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1254
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1255
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1225
1256
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1226
1257
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1227
1258
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1228
1259
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1229
1260
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1230
1261
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1262
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1231
1263
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1232
1264
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1233
1265
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1263,6 +1295,8 @@
1263
1295
  --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
1264
1296
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1265
1297
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
1298
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1299
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1266
1300
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1267
1301
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1268
1302
  --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
@@ -1543,7 +1577,10 @@
1543
1577
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1544
1578
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
1545
1579
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1546
- --wds-accordion-inner-content-padding-top: var(--wds-space-400);
1580
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1581
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
1582
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
1583
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
1547
1584
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1548
1585
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1549
1586
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
@@ -1769,6 +1806,14 @@
1769
1806
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1770
1807
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1771
1808
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1809
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1810
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1811
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1812
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1813
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1814
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1815
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1816
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1772
1817
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1773
1818
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1774
1819
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1806,7 +1851,11 @@
1806
1851
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1807
1852
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1808
1853
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1854
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1855
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1809
1856
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1857
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1858
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1810
1859
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1811
1860
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1812
1861
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
@@ -2128,6 +2177,12 @@
2128
2177
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2129
2178
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
2130
2179
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2180
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2181
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2182
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2183
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2184
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2185
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2131
2186
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2132
2187
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2133
2188
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/studio/all.scss CHANGED
@@ -98,10 +98,20 @@
98
98
  --wds-section-helper-prefix-offset-margin: 4px;
99
99
  --wds-search-expandable-padding-large: 5px;
100
100
  --wds-radio-dot-size: 4px;
101
+ --wds-marketing-layout-title-font-size-tiny: 20px;
102
+ --wds-marketing-layout-image-border-radius: 0px;
103
+ --wds-marketing-layout-badge-top: 9px;
104
+ --wds-marketing-layout-badge-side: -3px;
105
+ --wds-marketing-layout-badge-position: absolute;
106
+ --wds-marketing-layout-badge-offset-tiny: 18px;
107
+ --wds-marketing-layout-badge-offset-small: 12px;
108
+ --wds-marketing-layout-badge-offset-medium: 12px;
109
+ --wds-marketing-layout-badge-gap: 0px;
101
110
  --wds-loader-stroke-width-tiny: 3px;
102
111
  --wds-loader-stroke-width-small: 4px;
103
112
  --wds-loader-stroke-width-medium: 4px;
104
113
  --wds-loader-stroke-width-large: 4px;
114
+ --wds-list-item-action-subtitle-offset: 0px;
105
115
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
106
116
  --wds-internal-thumbnail-illustration-size-small: 51px;
107
117
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -399,6 +409,8 @@
399
409
  --wds-angle-input-knob-size: 6px;
400
410
  --wds-angle-input-knob-border: 2px;
401
411
  --wds-accordion-title-font-line-height-small: 18px;
412
+ --wds-accordion-inner-content-shadow-last: none;
413
+ --wds-accordion-inner-content-shadow: none;
402
414
  --wds-width-default-2: var(--wds-border-width-100);
403
415
  --wds-width-default: var(--wds-border-width-100);
404
416
  --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
@@ -892,6 +904,10 @@
892
904
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
893
905
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
894
906
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
907
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
908
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
909
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
910
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
895
911
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
896
912
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
897
913
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -901,11 +917,27 @@
901
917
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
902
918
  --wds-marketing-layout-padding-left-small: var(--wds-space-600);
903
919
  --wds-marketing-layout-padding-left-medium: var(--wds-space-1200);
920
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-500);
921
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-600);
922
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-600);
923
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-700);
924
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-700);
925
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-1000);
926
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
927
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
928
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
929
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
930
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
931
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
904
932
  --wds-marketing-layout-border: var(--wds-border-radius-200);
933
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
934
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
935
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
905
936
  --wds-loader-fill-loading: var(--wds-color-blue-0);
906
937
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
907
938
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
908
939
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
940
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
909
941
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
910
942
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
911
943
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -960,6 +992,8 @@
960
992
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
961
993
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
962
994
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
995
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
996
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
963
997
  --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
964
998
  --wds-list-item-action-gap: var(--wds-space-0);
965
999
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
@@ -1543,7 +1577,10 @@
1543
1577
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1544
1578
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
1545
1579
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1546
- --wds-accordion-inner-content-padding-top: var(--wds-space-400);
1580
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1581
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
1582
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
1583
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
1547
1584
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1548
1585
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1549
1586
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
@@ -1758,6 +1795,14 @@
1758
1795
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1759
1796
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1760
1797
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1798
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1799
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1800
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1801
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1802
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1803
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1804
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1805
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1761
1806
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1762
1807
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1763
1808
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1795,7 +1840,11 @@
1795
1840
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1796
1841
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1797
1842
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1843
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1844
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1798
1845
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1846
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1847
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1799
1848
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1800
1849
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1801
1850
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
@@ -2128,6 +2177,12 @@
2128
2177
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2129
2178
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
2130
2179
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2180
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2181
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2182
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2183
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2184
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2185
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2131
2186
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2132
2187
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2133
2188
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/studio/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);
@@ -1219,11 +1224,17 @@
1219
1224
  @property st-global(--wds-list-item-action-fill-hover);
1220
1225
  @property st-global(--wds-list-item-action-gap);
1221
1226
  @property st-global(--wds-list-item-action-label-fill-active);
1227
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1228
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1222
1229
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1230
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1231
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1223
1232
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1224
1233
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1225
1234
  @property st-global(--wds-list-item-action-label-font-size-medium);
1226
1235
  @property st-global(--wds-list-item-action-label-font-size-small);
1236
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1237
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1227
1238
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1228
1239
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1229
1240
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1234,6 +1245,7 @@
1234
1245
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1235
1246
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1236
1247
  @property st-global(--wds-list-item-action-subtitle-font-size);
1248
+ @property st-global(--wds-list-item-action-subtitle-offset);
1237
1249
  @property st-global(--wds-list-item-action-suffix-fill);
1238
1250
  @property st-global(--wds-list-item-action-suffix-fill-active);
1239
1251
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1306,6 +1318,7 @@
1306
1318
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1307
1319
  @property st-global(--wds-list-item-select-padding-vertical-small);
1308
1320
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1321
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1309
1322
  @property st-global(--wds-list-item-select-subtitle);
1310
1323
  @property st-global(--wds-list-item-select-subtitle-disabled);
1311
1324
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -1325,7 +1338,37 @@
1325
1338
  @property st-global(--wds-loader-stroke-width-medium);
1326
1339
  @property st-global(--wds-loader-stroke-width-small);
1327
1340
  @property st-global(--wds-loader-stroke-width-tiny);
1341
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1342
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1343
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1344
+ @property st-global(--wds-marketing-layout-badge-gap);
1345
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1346
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1347
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1348
+ @property st-global(--wds-marketing-layout-badge-position);
1349
+ @property st-global(--wds-marketing-layout-badge-side);
1350
+ @property st-global(--wds-marketing-layout-badge-top);
1328
1351
  @property st-global(--wds-marketing-layout-border);
1352
+ @property st-global(--wds-marketing-layout-description-color);
1353
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1354
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1355
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1356
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1357
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1358
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1359
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1360
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1361
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1362
+ @property st-global(--wds-marketing-layout-image-border-radius);
1363
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1364
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1365
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1366
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1367
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1368
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1369
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1370
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1371
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1329
1372
  @property st-global(--wds-marketing-layout-padding-left-medium);
1330
1373
  @property st-global(--wds-marketing-layout-padding-left-small);
1331
1374
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1335,6 +1378,18 @@
1335
1378
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1336
1379
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1337
1380
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1381
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1382
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1383
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1384
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1385
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1386
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1387
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1388
+ @property st-global(--wds-marketing-layout-title-gap-small);
1389
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1390
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1391
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1392
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1338
1393
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1339
1394
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1340
1395
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -2168,7 +2223,12 @@
2168
2223
  --wds-accordion-caret-fill: #42454c;
2169
2224
  --wds-accordion-caret-fill-hover: #42454c;
2170
2225
  --wds-accordion-inner-content-fill: #f8faff;
2171
- --wds-accordion-inner-content-padding-top: 16px;
2226
+ --wds-accordion-inner-content-padding-bottom: 12px;
2227
+ --wds-accordion-inner-content-padding-top: 8px;
2228
+ --wds-accordion-inner-content-padding-top-flat: 8px;
2229
+ --wds-accordion-inner-content-shadow: none;
2230
+ --wds-accordion-inner-content-shadow-last: none;
2231
+ --wds-accordion-padding-horizontal-large: 16px;
2172
2232
  --wds-accordion-title-fill: #131720;
2173
2233
  --wds-accordion-title-fill-hover: #131720;
2174
2234
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -3381,11 +3441,17 @@
3381
3441
  --wds-list-item-action-fill-hover: #f7f8f8;
3382
3442
  --wds-list-item-action-gap: 0px;
3383
3443
  --wds-list-item-action-label-fill-active: #116dff;
3444
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
3445
+ --wds-list-item-action-label-fill-hover-primary: #116dff;
3384
3446
  --wds-list-item-action-label-fill-pressed-destructive: #ee4437;
3447
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
3448
+ --wds-list-item-action-label-fill-pressed-primary: #116dff;
3385
3449
  --wds-list-item-action-label-font-line-height-medium: 20px;
3386
3450
  --wds-list-item-action-label-font-line-height-small: 18px;
3387
3451
  --wds-list-item-action-label-font-size-medium: 14px;
3388
3452
  --wds-list-item-action-label-font-size-small: 12px;
3453
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
3454
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
3389
3455
  --wds-list-item-action-padding-horizontal-medium: 12px;
3390
3456
  --wds-list-item-action-padding-horizontal-small: 12px;
3391
3457
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -3396,6 +3462,7 @@
3396
3462
  --wds-list-item-action-subtitle-fill-pressed-destructive: #42454c;
3397
3463
  --wds-list-item-action-subtitle-font-line-height: 18px;
3398
3464
  --wds-list-item-action-subtitle-font-size: 12px;
3465
+ --wds-list-item-action-subtitle-offset: 0px;
3399
3466
  --wds-list-item-action-suffix-fill: #868aa5;
3400
3467
  --wds-list-item-action-suffix-fill-active: #868aa5;
3401
3468
  --wds-list-item-action-title-font-weight: 400;
@@ -3468,6 +3535,7 @@
3468
3535
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3469
3536
  --wds-list-item-select-padding-vertical-small: 6px;
3470
3537
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3538
+ --wds-list-item-select-prefix-subtitle-margin: 4px;
3471
3539
  --wds-list-item-select-subtitle: #868aa5;
3472
3540
  --wds-list-item-select-subtitle-disabled: #bebebe;
3473
3541
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
@@ -3487,7 +3555,37 @@
3487
3555
  --wds-loader-stroke-width-medium: 4px;
3488
3556
  --wds-loader-stroke-width-small: 4px;
3489
3557
  --wds-loader-stroke-width-tiny: 3px;
3558
+ --wds-marketing-layout-actions-gap-medium: 16px;
3559
+ --wds-marketing-layout-actions-gap-small: 12px;
3560
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3561
+ --wds-marketing-layout-badge-gap: 0px;
3562
+ --wds-marketing-layout-badge-offset-medium: 12px;
3563
+ --wds-marketing-layout-badge-offset-small: 12px;
3564
+ --wds-marketing-layout-badge-offset-tiny: 18px;
3565
+ --wds-marketing-layout-badge-position: absolute;
3566
+ --wds-marketing-layout-badge-side: -3px;
3567
+ --wds-marketing-layout-badge-top: 9px;
3490
3568
  --wds-marketing-layout-border: 4px;
3569
+ --wds-marketing-layout-description-color: #42454c;
3570
+ --wds-marketing-layout-description-font-size-medium: 16px;
3571
+ --wds-marketing-layout-description-font-size-small: 14px;
3572
+ --wds-marketing-layout-description-font-size-tiny: 14px;
3573
+ --wds-marketing-layout-description-font-weight-medium: 400;
3574
+ --wds-marketing-layout-description-font-weight-small: 400;
3575
+ --wds-marketing-layout-description-font-weight-tiny: 400;
3576
+ --wds-marketing-layout-description-line-height-medium: 24px;
3577
+ --wds-marketing-layout-description-line-height-small: 20px;
3578
+ --wds-marketing-layout-description-line-height-tiny: 20px;
3579
+ --wds-marketing-layout-image-border-radius: 0px;
3580
+ --wds-marketing-layout-image-padding-left-medium: 48px;
3581
+ --wds-marketing-layout-image-padding-left-small: 24px;
3582
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
3583
+ --wds-marketing-layout-image-padding-right-medium: 40px;
3584
+ --wds-marketing-layout-image-padding-right-small: 28px;
3585
+ --wds-marketing-layout-image-padding-right-tiny: 28px;
3586
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
3587
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
3588
+ --wds-marketing-layout-image-padding-vertical-tiny: 20px;
3491
3589
  --wds-marketing-layout-padding-left-medium: 48px;
3492
3590
  --wds-marketing-layout-padding-left-small: 24px;
3493
3591
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -3497,6 +3595,18 @@
3497
3595
  --wds-marketing-layout-padding-vertical-medium: 24px;
3498
3596
  --wds-marketing-layout-padding-vertical-small: 24px;
3499
3597
  --wds-marketing-layout-padding-vertical-tiny: 20px;
3598
+ --wds-marketing-layout-title-font-size-medium: 22px;
3599
+ --wds-marketing-layout-title-font-size-small: 20px;
3600
+ --wds-marketing-layout-title-font-size-tiny: 20px;
3601
+ --wds-marketing-layout-title-font-weight-medium: 700;
3602
+ --wds-marketing-layout-title-font-weight-small: 700;
3603
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3604
+ --wds-marketing-layout-title-gap-medium: 8px;
3605
+ --wds-marketing-layout-title-gap-small: 4px;
3606
+ --wds-marketing-layout-title-gap-tiny: 4px;
3607
+ --wds-marketing-layout-title-line-height-medium: 28px;
3608
+ --wds-marketing-layout-title-line-height-small: 28px;
3609
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3500
3610
  --wds-marketing-page-paddings-horizontal-large: 60px;
3501
3611
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3502
3612
  --wds-marketing-page-paddings-vertical-large: 32px;