@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/CHANGELOG.md CHANGED
@@ -1,3 +1,15 @@
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
+
1
13
  ## 1.211.0 - 2026-07-09
2
14
 
3
15
  ### Bug Fixes
package/all.css CHANGED
@@ -317,10 +317,20 @@
317
317
  --wds-search-expandable-padding-small: 5px;
318
318
  --wds-radio-size: 16px;
319
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;
320
329
  --wds-loader-stroke-width-tiny: 3px;
321
330
  --wds-loader-stroke-width-small: 4px;
322
331
  --wds-loader-stroke-width-medium: 4px;
323
332
  --wds-loader-stroke-width-large: 4px;
333
+ --wds-list-item-action-subtitle-offset: 0px;
324
334
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
325
335
  --wds-internal-thumbnail-illustration-size-small: 51px;
326
336
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -1179,6 +1189,10 @@
1179
1189
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1180
1190
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
1181
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);
1182
1196
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-300);
1183
1197
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-400);
1184
1198
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-400);
@@ -1188,12 +1202,28 @@
1188
1202
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-400);
1189
1203
  --wds-marketing-layout-padding-left-small: var(--wds-space-400);
1190
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);
1191
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);
1192
1221
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1193
1222
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1194
1223
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-200);
1195
1224
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-200);
1196
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);
1197
1227
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1198
1228
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1199
1229
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1224,6 +1254,8 @@
1224
1254
  --wds-list-item-action-padding-vertical-small: var(--wds-space-100);
1225
1255
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1226
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);
1227
1259
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1228
1260
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1229
1261
  --wds-list-item-action-gap: var(--wds-space-0);
@@ -1471,6 +1503,7 @@
1471
1503
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1472
1504
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1473
1505
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1506
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1474
1507
  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
1475
1508
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1476
1509
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1722,6 +1755,14 @@
1722
1755
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
1723
1756
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1724
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);
1725
1766
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1726
1767
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1727
1768
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
@@ -1768,7 +1809,11 @@
1768
1809
  --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1769
1810
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1770
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);
1771
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);
1772
1817
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1773
1818
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1774
1819
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
@@ -2102,6 +2147,9 @@
2102
2147
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
2103
2148
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2104
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);
2105
2153
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2106
2154
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2107
2155
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -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
@@ -100,10 +100,20 @@
100
100
  --wds-search-expandable-padding-small: 5px;
101
101
  --wds-radio-size: 16px;
102
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;
103
112
  --wds-loader-stroke-width-tiny: 3px;
104
113
  --wds-loader-stroke-width-small: 4px;
105
114
  --wds-loader-stroke-width-medium: 4px;
106
115
  --wds-loader-stroke-width-large: 4px;
116
+ --wds-list-item-action-subtitle-offset: 0px;
107
117
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
108
118
  --wds-internal-thumbnail-illustration-size-small: 51px;
109
119
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -827,6 +837,10 @@
827
837
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
828
838
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
829
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);
830
844
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-300);
831
845
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-400);
832
846
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-400);
@@ -836,8 +850,24 @@
836
850
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-400);
837
851
  --wds-marketing-layout-padding-left-small: var(--wds-space-400);
838
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);
839
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);
840
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);
841
871
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
842
872
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
843
873
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -889,6 +919,8 @@
889
919
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
890
920
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
891
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);
892
924
  --wds-list-item-action-gap: var(--wds-space-0);
893
925
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
894
926
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1471,6 +1503,7 @@
1471
1503
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1472
1504
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1473
1505
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1506
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1474
1507
  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
1475
1508
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1476
1509
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1711,6 +1744,14 @@
1711
1744
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
1712
1745
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1713
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);
1714
1755
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1715
1756
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1716
1757
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
@@ -1757,7 +1798,11 @@
1757
1798
  --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1758
1799
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1759
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);
1760
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);
1761
1806
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1762
1807
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1763
1808
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
@@ -2102,6 +2147,9 @@
2102
2147
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
2103
2148
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2104
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);
2105
2153
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2106
2154
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2107
2155
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -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);
@@ -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;