@wix/design-system-tokens 1.210.0 → 1.212.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/all.css +58 -3
  3. package/all.scss +58 -3
  4. package/all.st.css +116 -6
  5. package/component.st.css +116 -6
  6. package/odeditor/all.css +104 -37
  7. package/odeditor/all.scss +104 -37
  8. package/odeditor/all.st.css +174 -40
  9. package/odeditor/component.st.css +174 -40
  10. package/odeditor-dark/all.css +74 -19
  11. package/odeditor-dark/all.scss +74 -19
  12. package/odeditor-dark/all.st.css +130 -20
  13. package/odeditor-dark/component.st.css +128 -18
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +6 -2
  16. package/studio/all.css +57 -4
  17. package/studio/all.scss +57 -4
  18. package/studio/all.st.css +113 -7
  19. package/studio/component.st.css +113 -7
  20. package/wixel/all.css +56 -3
  21. package/wixel/all.scss +56 -3
  22. package/wixel/all.st.css +112 -6
  23. package/wixel/component.st.css +112 -6
package/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;
@@ -520,7 +530,6 @@
520
530
  --wds-toast-border-radius: var(--wds-border-radius-600);
521
531
  --wds-toast-background-fill: var(--wds-color-white);
522
532
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
523
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
524
533
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
525
534
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
526
535
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -607,8 +616,8 @@
607
616
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
608
617
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
609
618
  --wds-space-padding-horizontal-small: var(--wds-space-400);
610
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
611
- --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);
612
621
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
613
622
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
614
623
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -623,6 +632,7 @@
623
632
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
624
633
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
625
634
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
635
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
626
636
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
627
637
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
628
638
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -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);
@@ -1698,7 +1734,6 @@
1698
1734
  --wds-toast-text-fill: var(--wds-color-text-standard-primary);
1699
1735
  --wds-toast-action-color: var(--wds-color-text-standard-primary);
1700
1736
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1701
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1702
1737
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1703
1738
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1704
1739
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -1791,6 +1826,14 @@
1791
1826
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1792
1827
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1793
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);
1794
1837
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1795
1838
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1796
1839
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1799,11 +1842,12 @@
1799
1842
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1800
1843
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1801
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);
1802
1846
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1803
1847
  --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1804
1848
  --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1805
1849
  --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1806
- --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);
1807
1851
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1808
1852
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1809
1853
  --wds-list-item-select-active-title-screen-small: var(--wds-color-text-standard-primary);
@@ -1813,10 +1857,9 @@
1813
1857
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1814
1858
  --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1815
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);
1816
1861
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1817
1862
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1818
- --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1819
- --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1820
1863
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1821
1864
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1822
1865
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
@@ -1825,6 +1868,10 @@
1825
1868
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
1826
1869
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1827
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);
1828
1875
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1829
1876
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1830
1877
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
@@ -2036,7 +2083,7 @@
2036
2083
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2037
2084
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2038
2085
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2039
- --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);
2040
2087
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2041
2088
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
2042
2089
  --wds-badge-outline-standard-border-color: var(--wds-color-border-standard-primary);
@@ -2069,6 +2116,8 @@
2069
2116
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2070
2117
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2071
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);
2072
2121
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2073
2122
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2074
2123
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
@@ -2081,7 +2130,6 @@
2081
2130
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2082
2131
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2083
2132
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2084
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2085
2133
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2086
2134
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2087
2135
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
@@ -2098,8 +2146,15 @@
2098
2146
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2099
2147
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2100
2148
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2101
- --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2102
- --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);
2103
2158
  --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2104
2159
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2105
2160
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
package/odeditor-dark/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);
@@ -1200,11 +1205,17 @@
1200
1205
  @property st-global(--wds-list-item-action-gap);
1201
1206
  @property st-global(--wds-list-item-action-label-fill-active);
1202
1207
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1208
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1209
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1203
1210
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1211
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1212
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1204
1213
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1205
1214
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1206
1215
  @property st-global(--wds-list-item-action-label-font-size-medium);
1207
1216
  @property st-global(--wds-list-item-action-label-font-size-small);
1217
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1218
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1208
1219
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1209
1220
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1210
1221
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1215,6 +1226,7 @@
1215
1226
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1216
1227
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1217
1228
  @property st-global(--wds-list-item-action-subtitle-font-size);
1229
+ @property st-global(--wds-list-item-action-subtitle-offset);
1218
1230
  @property st-global(--wds-list-item-action-suffix-fill);
1219
1231
  @property st-global(--wds-list-item-action-suffix-fill-active);
1220
1232
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1273,8 +1285,11 @@
1273
1285
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1274
1286
  @property st-global(--wds-list-item-select-padding-vertical-small);
1275
1287
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1288
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1276
1289
  @property st-global(--wds-list-item-select-subtitle);
1277
1290
  @property st-global(--wds-list-item-select-subtitle-disabled);
1291
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1292
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1278
1293
  @property st-global(--wds-list-item-select-suffix);
1279
1294
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1280
1295
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -1290,7 +1305,49 @@
1290
1305
  @property st-global(--wds-loader-stroke-width-medium);
1291
1306
  @property st-global(--wds-loader-stroke-width-small);
1292
1307
  @property st-global(--wds-loader-stroke-width-tiny);
1308
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1309
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1310
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1311
+ @property st-global(--wds-marketing-layout-badge-gap);
1312
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1313
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1314
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1315
+ @property st-global(--wds-marketing-layout-badge-position);
1316
+ @property st-global(--wds-marketing-layout-badge-side);
1317
+ @property st-global(--wds-marketing-layout-badge-top);
1293
1318
  @property st-global(--wds-marketing-layout-border);
1319
+ @property st-global(--wds-marketing-layout-description-color);
1320
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1321
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1322
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1323
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1324
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1325
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1326
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1327
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1328
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1329
+ @property st-global(--wds-marketing-layout-image-border-radius);
1330
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1331
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1332
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1333
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1334
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1335
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1336
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1337
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1338
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1339
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1340
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1341
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1342
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1343
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1344
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1345
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1346
+ @property st-global(--wds-marketing-layout-title-gap-small);
1347
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1348
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1349
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1350
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1294
1351
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1295
1352
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1296
1353
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1707,6 +1764,7 @@
1707
1764
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1708
1765
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1709
1766
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1767
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1710
1768
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1711
1769
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1712
1770
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1889,9 +1947,6 @@
1889
1947
  @property st-global(--wds-thumbnail-subtitle-fill);
1890
1948
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1891
1949
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1892
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1893
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1894
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1895
1950
  @property st-global(--wds-thumbnail-title-padding-top);
1896
1951
  @property st-global(--wds-timeline-title-font-line-height);
1897
1952
  @property st-global(--wds-timeline-title-font-size);
@@ -2139,7 +2194,12 @@
2139
2194
  --wds-accordion-caret-fill: #FFFFFF;
2140
2195
  --wds-accordion-caret-fill-hover: #FFFFFF;
2141
2196
  --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
2197
+ --wds-accordion-inner-content-padding-bottom: 16px;
2142
2198
  --wds-accordion-inner-content-padding-top: 4px;
2199
+ --wds-accordion-inner-content-padding-top-flat: 0px;
2200
+ --wds-accordion-inner-content-shadow: 0;
2201
+ --wds-accordion-inner-content-shadow-last: 0 0 0;
2202
+ --wds-accordion-padding-horizontal-large: 16px;
2143
2203
  --wds-accordion-title-fill: #FFFFFF;
2144
2204
  --wds-accordion-title-fill-hover: #FFFFFF;
2145
2205
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2264,7 +2324,7 @@
2264
2324
  --wds-breadcrumbs-font-size-small: 12px;
2265
2325
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
2266
2326
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
2267
- --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
2327
+ --wds-breadcrumbs-on-grey-text-fill-active: #FFFFFF;
2268
2328
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
2269
2329
  --wds-breadcrumbs-padding-horizontal-large: 16px;
2270
2330
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -3333,11 +3393,17 @@
3333
3393
  --wds-list-item-action-gap: 2px;
3334
3394
  --wds-list-item-action-label-fill-active: #FFFFFF;
3335
3395
  --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
3396
+ --wds-list-item-action-label-fill-hover-premium: #82B0FF;
3397
+ --wds-list-item-action-label-fill-hover-primary: #82B0FF;
3336
3398
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
3399
+ --wds-list-item-action-label-fill-pressed-premium: #82B0FF;
3400
+ --wds-list-item-action-label-fill-pressed-primary: #82B0FF;
3337
3401
  --wds-list-item-action-label-font-line-height-medium: 24px;
3338
3402
  --wds-list-item-action-label-font-line-height-small: 18px;
3339
3403
  --wds-list-item-action-label-font-size-medium: 14px;
3340
3404
  --wds-list-item-action-label-font-size-small: 12px;
3405
+ --wds-list-item-action-padding-horizontal-end-medium: 8px;
3406
+ --wds-list-item-action-padding-horizontal-end-small: 8px;
3341
3407
  --wds-list-item-action-padding-horizontal-medium: 8px;
3342
3408
  --wds-list-item-action-padding-horizontal-small: 8px;
3343
3409
  --wds-list-item-action-padding-vertical-medium: 8px;
@@ -3348,6 +3414,7 @@
3348
3414
  --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
3349
3415
  --wds-list-item-action-subtitle-font-line-height: 16px;
3350
3416
  --wds-list-item-action-subtitle-font-size: 12px;
3417
+ --wds-list-item-action-subtitle-offset: 0px;
3351
3418
  --wds-list-item-action-suffix-fill: #FFFFFF;
3352
3419
  --wds-list-item-action-suffix-fill-active: #FFFFFF;
3353
3420
  --wds-list-item-action-title-font-weight: 500;
@@ -3367,11 +3434,11 @@
3367
3434
  --wds-list-item-section-padding-vertical-neutral: 8px;
3368
3435
  --wds-list-item-section-title-label-fill: #A09E9D;
3369
3436
  --wds-list-item-section-title-label-fill-neutral: #878685;
3370
- --wds-list-item-select-active-fill: #2D2D2E;
3371
- --wds-list-item-select-active-fill-active: #2D354E;
3437
+ --wds-list-item-select-active-fill: #454544;
3438
+ --wds-list-item-select-active-fill-active: #454544;
3372
3439
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
3373
3440
  --wds-list-item-select-active-fill-disabled: #212122;
3374
- --wds-list-item-select-active-fill-hover: #111214;
3441
+ --wds-list-item-select-active-fill-hover: #3A3A3B;
3375
3442
  --wds-list-item-select-active-fill-screen-small: #2D354E;
3376
3443
  --wds-list-item-select-active-subtitle: #FFFFFF;
3377
3444
  --wds-list-item-select-active-subtitle-disabled: #878685;
@@ -3385,29 +3452,32 @@
3385
3452
  --wds-list-item-select-fill-active: #212122;
3386
3453
  --wds-list-item-select-fill-disabled: #212122;
3387
3454
  --wds-list-item-select-fill-hover: #3A3A3B;
3388
- --wds-list-item-select-gap: 2px;
3455
+ --wds-list-item-select-gap: 6px;
3389
3456
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3390
3457
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3391
3458
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
3392
3459
  --wds-list-item-select-icon-padding-vertical-small: 4px;
3393
- --wds-list-item-select-label-font-line-height-medium: 24px;
3394
- --wds-list-item-select-label-font-line-height-small: 18px;
3460
+ --wds-list-item-select-label-font-line-height-medium: 18px;
3461
+ --wds-list-item-select-label-font-line-height-small: 16px;
3395
3462
  --wds-list-item-select-label-font-size-medium: 14px;
3396
3463
  --wds-list-item-select-label-font-size-small: 12px;
3397
- --wds-list-item-select-label-font-weight-active: 600;
3464
+ --wds-list-item-select-label-font-weight-active: 500;
3398
3465
  --wds-list-item-select-label-font-weight-medium: 500;
3399
- --wds-list-item-select-padding-horizontal-medium: 8px;
3400
- --wds-list-item-select-padding-horizontal-small: 8px;
3466
+ --wds-list-item-select-padding-horizontal-medium: 12px;
3467
+ --wds-list-item-select-padding-horizontal-small: 12px;
3401
3468
  --wds-list-item-select-padding-left-medium: 12px;
3402
3469
  --wds-list-item-select-padding-left-small: 12px;
3403
3470
  --wds-list-item-select-padding-right-medium: 16px;
3404
3471
  --wds-list-item-select-padding-right-small: 16px;
3405
- --wds-list-item-select-padding-vertical-medium: 4px;
3472
+ --wds-list-item-select-padding-vertical-medium: 8px;
3406
3473
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3407
- --wds-list-item-select-padding-vertical-small: 4px;
3474
+ --wds-list-item-select-padding-vertical-small: 8px;
3408
3475
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3476
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
3409
3477
  --wds-list-item-select-subtitle: #A09E9D;
3410
3478
  --wds-list-item-select-subtitle-disabled: #878685;
3479
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3480
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
3411
3481
  --wds-list-item-select-suffix: #FFFFFF;
3412
3482
  --wds-list-item-select-suffix-active-font-weight: 500;
3413
3483
  --wds-list-item-select-suffix-pressed: #B1CCFF;
@@ -3423,7 +3493,49 @@
3423
3493
  --wds-loader-stroke-width-medium: 2px;
3424
3494
  --wds-loader-stroke-width-small: 2px;
3425
3495
  --wds-loader-stroke-width-tiny: 2px;
3496
+ --wds-marketing-layout-actions-gap-medium: 16px;
3497
+ --wds-marketing-layout-actions-gap-small: 12px;
3498
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3499
+ --wds-marketing-layout-badge-gap: 0px;
3500
+ --wds-marketing-layout-badge-offset-medium: 12px;
3501
+ --wds-marketing-layout-badge-offset-small: 12px;
3502
+ --wds-marketing-layout-badge-offset-tiny: 18px;
3503
+ --wds-marketing-layout-badge-position: absolute;
3504
+ --wds-marketing-layout-badge-side: -3px;
3505
+ --wds-marketing-layout-badge-top: 9px;
3426
3506
  --wds-marketing-layout-border: 4px;
3507
+ --wds-marketing-layout-description-color: #D4D3D2;
3508
+ --wds-marketing-layout-description-font-size-medium: 16px;
3509
+ --wds-marketing-layout-description-font-size-small: 14px;
3510
+ --wds-marketing-layout-description-font-size-tiny: 14px;
3511
+ --wds-marketing-layout-description-font-weight-medium: 400;
3512
+ --wds-marketing-layout-description-font-weight-small: 400;
3513
+ --wds-marketing-layout-description-font-weight-tiny: 400;
3514
+ --wds-marketing-layout-description-line-height-medium: 24px;
3515
+ --wds-marketing-layout-description-line-height-small: 18px;
3516
+ --wds-marketing-layout-description-line-height-tiny: 18px;
3517
+ --wds-marketing-layout-image-border-radius: 0px;
3518
+ --wds-marketing-layout-image-padding-left-medium: 32px;
3519
+ --wds-marketing-layout-image-padding-left-small: 16px;
3520
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
3521
+ --wds-marketing-layout-image-padding-right-medium: 28px;
3522
+ --wds-marketing-layout-image-padding-right-small: 20px;
3523
+ --wds-marketing-layout-image-padding-right-tiny: 20px;
3524
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
3525
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
3526
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
3527
+ --wds-marketing-layout-title-font-size-medium: 24px;
3528
+ --wds-marketing-layout-title-font-size-small: 16px;
3529
+ --wds-marketing-layout-title-font-size-tiny: 20px;
3530
+ --wds-marketing-layout-title-font-weight-medium: 500;
3531
+ --wds-marketing-layout-title-font-weight-small: 600;
3532
+ --wds-marketing-layout-title-font-weight-tiny: 600;
3533
+ --wds-marketing-layout-title-gap-medium: 8px;
3534
+ --wds-marketing-layout-title-gap-small: 4px;
3535
+ --wds-marketing-layout-title-gap-tiny: 4px;
3536
+ --wds-marketing-layout-title-line-height-medium: 30px;
3537
+ --wds-marketing-layout-title-line-height-small: 24px;
3538
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3427
3539
  --wds-marketing-page-paddings-horizontal-large: 60px;
3428
3540
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3429
3541
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3840,6 +3952,7 @@
3840
3952
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
3841
3953
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
3842
3954
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
3955
+ --wds-sidebar-navigation-arrow-fill-neutral: #212122;
3843
3956
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3844
3957
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3845
3958
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -3902,8 +4015,8 @@
3902
4015
  --wds-space-1700: 68px;
3903
4016
  --wds-space-2400: 96px;
3904
4017
  --wds-space-mobile-viewport-spacing: 32px;
3905
- --wds-space-padding-horizontal-large: 16px;
3906
- --wds-space-padding-horizontal-medium: 12px;
4018
+ --wds-space-padding-horizontal-large: 24px;
4019
+ --wds-space-padding-horizontal-medium: 20px;
3907
4020
  --wds-space-padding-horizontal-small: 16px;
3908
4021
  --wds-space-padding-horizontal-tiny: 12px;
3909
4022
  --wds-space-padding-horizontal-x-tiny: 8px;
@@ -4022,9 +4135,6 @@
4022
4135
  --wds-thumbnail-subtitle-fill: #D4D3D2;
4023
4136
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4024
4137
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4025
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4026
- --wds-thumbnail-title-font-size-tiny: 12px;
4027
- --wds-thumbnail-title-font-weight-tiny: 500;
4028
4138
  --wds-thumbnail-title-padding-top: 4px;
4029
4139
  --wds-timeline-title-font-line-height: 16px;
4030
4140
  --wds-timeline-title-font-size: 12px;