@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/odeditor-dark/all.css CHANGED
@@ -377,10 +377,20 @@
377
377
  --wds-side-panel-control-layout-divider-border-width: false;
378
378
  --wds-section-helper-prefix-offset-margin: 0px;
379
379
  --wds-radio-dot-size: 4px;
380
+ --wds-marketing-layout-title-font-size-tiny: 20px;
381
+ --wds-marketing-layout-image-border-radius: 0px;
382
+ --wds-marketing-layout-badge-top: 9px;
383
+ --wds-marketing-layout-badge-side: -3px;
384
+ --wds-marketing-layout-badge-position: absolute;
385
+ --wds-marketing-layout-badge-offset-tiny: 18px;
386
+ --wds-marketing-layout-badge-offset-small: 12px;
387
+ --wds-marketing-layout-badge-offset-medium: 12px;
388
+ --wds-marketing-layout-badge-gap: 0px;
380
389
  --wds-loader-stroke-width-tiny: 2px;
381
390
  --wds-loader-stroke-width-small: 2px;
382
391
  --wds-loader-stroke-width-medium: 2px;
383
392
  --wds-loader-stroke-width-large: 2px;
393
+ --wds-list-item-action-subtitle-offset: 0px;
384
394
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
385
395
  --wds-internal-thumbnail-illustration-size-small: 51px;
386
396
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -447,8 +457,8 @@
447
457
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
448
458
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
449
459
  --wds-space-padding-horizontal-small: var(--wds-space-400);
450
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
451
- --wds-space-padding-horizontal-large: var(--wds-space-400);
460
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
461
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
452
462
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
453
463
  --wds-shadow-surface-modal: var(--wds-shadow-x-50) var(--wds-shadow-y-600) var(--wds-shadow-blur-800) var(--wds-color-white-transparent-30), 0 var(--wds-shadow-blur-0) var(--wds-shadow-y-0) var(--wds-color-white-transparent-30);
454
464
  --wds-shadow-focus-warning: 0 0 0 var(--wds-color-yellow-400);
@@ -1252,7 +1262,26 @@
1252
1262
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1253
1263
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1254
1264
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1265
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1266
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1267
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1268
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1269
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1270
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1271
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1272
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1273
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1274
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1275
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1276
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1277
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1278
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1279
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1280
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1255
1281
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1282
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1283
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1284
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1256
1285
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1257
1286
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1258
1287
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1260,23 +1289,25 @@
1260
1289
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1261
1290
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1262
1291
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1292
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1263
1293
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1264
- --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1294
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1265
1295
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1266
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
1296
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1267
1297
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
1268
1298
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1269
1299
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1270
1300
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1271
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1272
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1301
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1302
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1273
1303
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1274
- --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
1275
- --wds-list-item-select-gap: var(--wds-space-50);
1304
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1305
+ --wds-list-item-select-gap: var(--wds-space-150);
1276
1306
  --wds-list-item-select-fill: var(--wds-color-white-transparent-0);
1277
1307
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
1278
1308
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1279
- --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1309
+ --wds-list-item-select-active-fill-active: var(--wds-color-black-600);
1310
+ --wds-list-item-select-active-fill: var(--wds-color-black-600);
1280
1311
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1281
1312
  --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
1282
1313
  --wds-list-item-section-padding-top: var(--wds-space-200);
@@ -1296,6 +1327,8 @@
1296
1327
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1297
1328
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1298
1329
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1330
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-200);
1331
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-200);
1299
1332
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1300
1333
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1301
1334
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
@@ -1558,7 +1591,7 @@
1558
1591
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1559
1592
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1560
1593
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1561
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-semi-bold);
1594
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1562
1595
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1563
1596
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1564
1597
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
@@ -1613,6 +1646,9 @@
1613
1646
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1614
1647
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1615
1648
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1649
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
1650
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
1651
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1616
1652
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1617
1653
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1618
1654
  --wds-shadow-surface-raised: var(--wds-shadow-200);
@@ -1800,6 +1836,14 @@
1800
1836
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1801
1837
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1802
1838
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1839
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1840
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1841
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1842
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1843
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1844
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1845
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1846
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1803
1847
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1804
1848
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1805
1849
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1808,11 +1852,12 @@
1808
1852
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1809
1853
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1810
1854
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1855
+ --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1811
1856
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1812
1857
  --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1813
1858
  --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1814
1859
  --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1815
- --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1860
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-secondary);
1816
1861
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1817
1862
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1818
1863
  --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
@@ -1822,10 +1867,9 @@
1822
1867
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1823
1868
  --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1824
1869
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1870
+ --wds-list-item-select-active-fill-hover: var(--wds-color-fill-dark-secondary);
1825
1871
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1826
1872
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1827
- --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1828
- --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1829
1873
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1830
1874
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1831
1875
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
@@ -1834,6 +1878,10 @@
1834
1878
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
1835
1879
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1836
1880
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1881
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1882
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1883
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1884
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1837
1885
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1838
1886
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1839
1887
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
@@ -2035,7 +2083,7 @@
2035
2083
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2036
2084
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2037
2085
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2038
- --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-primary);
2086
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2039
2087
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2040
2088
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2041
2089
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2068,6 +2116,8 @@
2068
2116
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2069
2117
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2070
2118
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2119
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2120
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2071
2121
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2072
2122
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2073
2123
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
@@ -2096,8 +2146,15 @@
2096
2146
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2097
2147
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2098
2148
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2099
- --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2100
- --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2149
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2150
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2151
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2152
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2153
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2154
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2155
+ --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2156
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2157
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2101
2158
  --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2102
2159
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2103
2160
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.scss CHANGED
@@ -137,10 +137,20 @@
137
137
  --wds-shadow-blur-0: 0px;
138
138
  --wds-section-helper-prefix-offset-margin: 0px;
139
139
  --wds-radio-dot-size: 4px;
140
+ --wds-marketing-layout-title-font-size-tiny: 20px;
141
+ --wds-marketing-layout-image-border-radius: 0px;
142
+ --wds-marketing-layout-badge-top: 9px;
143
+ --wds-marketing-layout-badge-side: -3px;
144
+ --wds-marketing-layout-badge-position: absolute;
145
+ --wds-marketing-layout-badge-offset-tiny: 18px;
146
+ --wds-marketing-layout-badge-offset-small: 12px;
147
+ --wds-marketing-layout-badge-offset-medium: 12px;
148
+ --wds-marketing-layout-badge-gap: 0px;
140
149
  --wds-loader-stroke-width-tiny: 2px;
141
150
  --wds-loader-stroke-width-small: 2px;
142
151
  --wds-loader-stroke-width-medium: 2px;
143
152
  --wds-loader-stroke-width-large: 2px;
153
+ --wds-list-item-action-subtitle-offset: 0px;
144
154
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
145
155
  --wds-internal-thumbnail-illustration-size-small: 51px;
146
156
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -606,8 +616,8 @@
606
616
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
607
617
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
608
618
  --wds-space-padding-horizontal-small: var(--wds-space-400);
609
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
610
- --wds-space-padding-horizontal-large: var(--wds-space-400);
619
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
620
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
611
621
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
612
622
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
613
623
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -912,31 +922,52 @@
912
922
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
913
923
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
914
924
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
925
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
926
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
927
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
928
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
929
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
930
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
931
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
932
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
933
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
934
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
935
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
936
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
937
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
938
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
939
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
940
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
915
941
  --wds-marketing-layout-border: var(--wds-border-radius-200);
942
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
943
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
944
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
916
945
  --wds-loader-fill-loading: var(--wds-color-blue-0);
917
946
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
918
947
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
948
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
919
949
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
920
- --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
950
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
921
951
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
922
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
952
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
923
953
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
924
954
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
925
955
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
926
956
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
927
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
928
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
957
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
958
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
929
959
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
930
- --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
960
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
931
961
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
932
962
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
933
963
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
934
964
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
935
- --wds-list-item-select-gap: var(--wds-space-50);
965
+ --wds-list-item-select-gap: var(--wds-space-150);
936
966
  --wds-list-item-select-fill: var(--wds-color-white-transparent-0);
937
967
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
938
968
  --wds-list-item-select-affix-margin: var(--wds-space-100);
939
- --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
969
+ --wds-list-item-select-active-fill-active: var(--wds-color-black-600);
970
+ --wds-list-item-select-active-fill: var(--wds-color-black-600);
940
971
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
941
972
  --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
942
973
  --wds-list-item-section-padding-top: var(--wds-space-200);
@@ -958,6 +989,8 @@
958
989
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
959
990
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
960
991
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
992
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-200);
993
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-200);
961
994
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
962
995
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
963
996
  --wds-list-item-action-gap: var(--wds-space-50);
@@ -1547,7 +1580,7 @@
1547
1580
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1548
1581
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1549
1582
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1550
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-semi-bold);
1583
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1551
1584
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1552
1585
  --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1553
1586
  --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
@@ -1613,6 +1646,9 @@
1613
1646
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1614
1647
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1615
1648
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1649
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
1650
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
1651
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1616
1652
  --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1617
1653
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1618
1654
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
@@ -1790,6 +1826,14 @@
1790
1826
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1791
1827
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1792
1828
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1829
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1830
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1831
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1832
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1833
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1834
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1835
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1836
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1793
1837
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1794
1838
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1795
1839
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1798,11 +1842,12 @@
1798
1842
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1799
1843
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1800
1844
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1845
+ --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1801
1846
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1802
1847
  --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1803
1848
  --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1804
1849
  --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1805
- --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1850
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-secondary);
1806
1851
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1807
1852
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1808
1853
  --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
@@ -1812,10 +1857,9 @@
1812
1857
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1813
1858
  --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1814
1859
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1860
+ --wds-list-item-select-active-fill-hover: var(--wds-color-fill-dark-secondary);
1815
1861
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1816
1862
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1817
- --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1818
- --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1819
1863
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1820
1864
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1821
1865
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
@@ -1824,6 +1868,10 @@
1824
1868
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
1825
1869
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1826
1870
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1871
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1872
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1873
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1874
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1827
1875
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1828
1876
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1829
1877
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
@@ -2035,7 +2083,7 @@
2035
2083
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2036
2084
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2037
2085
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2038
- --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-primary);
2086
+ --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2039
2087
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2040
2088
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2041
2089
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2068,6 +2116,8 @@
2068
2116
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2069
2117
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2070
2118
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2119
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2120
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2071
2121
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2072
2122
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2073
2123
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
@@ -2096,8 +2146,15 @@
2096
2146
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2097
2147
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2098
2148
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2099
- --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2100
- --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2149
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2150
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2151
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2152
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2153
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2154
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2155
+ --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2156
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2157
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2101
2158
  --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2102
2159
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2103
2160
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);