@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/component.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);
@@ -610,11 +615,17 @@
610
615
  @property st-global(--wds-list-item-action-gap);
611
616
  @property st-global(--wds-list-item-action-label-fill-active);
612
617
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
618
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
619
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
613
620
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
621
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
622
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
614
623
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
615
624
  @property st-global(--wds-list-item-action-label-font-line-height-small);
616
625
  @property st-global(--wds-list-item-action-label-font-size-medium);
617
626
  @property st-global(--wds-list-item-action-label-font-size-small);
627
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
628
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
618
629
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
619
630
  @property st-global(--wds-list-item-action-padding-horizontal-small);
620
631
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -625,6 +636,7 @@
625
636
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
626
637
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
627
638
  @property st-global(--wds-list-item-action-subtitle-font-size);
639
+ @property st-global(--wds-list-item-action-subtitle-offset);
628
640
  @property st-global(--wds-list-item-action-suffix-fill);
629
641
  @property st-global(--wds-list-item-action-suffix-fill-active);
630
642
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -683,8 +695,11 @@
683
695
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
684
696
  @property st-global(--wds-list-item-select-padding-vertical-small);
685
697
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
698
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
686
699
  @property st-global(--wds-list-item-select-subtitle);
687
700
  @property st-global(--wds-list-item-select-subtitle-disabled);
701
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
702
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
688
703
  @property st-global(--wds-list-item-select-suffix);
689
704
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
690
705
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -700,7 +715,49 @@
700
715
  @property st-global(--wds-loader-stroke-width-medium);
701
716
  @property st-global(--wds-loader-stroke-width-small);
702
717
  @property st-global(--wds-loader-stroke-width-tiny);
718
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
719
+ @property st-global(--wds-marketing-layout-actions-gap-small);
720
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
721
+ @property st-global(--wds-marketing-layout-badge-gap);
722
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
723
+ @property st-global(--wds-marketing-layout-badge-offset-small);
724
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
725
+ @property st-global(--wds-marketing-layout-badge-position);
726
+ @property st-global(--wds-marketing-layout-badge-side);
727
+ @property st-global(--wds-marketing-layout-badge-top);
703
728
  @property st-global(--wds-marketing-layout-border);
729
+ @property st-global(--wds-marketing-layout-description-color);
730
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
731
+ @property st-global(--wds-marketing-layout-description-font-size-small);
732
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
733
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
734
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
735
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
736
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
737
+ @property st-global(--wds-marketing-layout-description-line-height-small);
738
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
739
+ @property st-global(--wds-marketing-layout-image-border-radius);
740
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
741
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
742
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
743
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
744
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
745
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
746
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
747
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
748
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
749
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
750
+ @property st-global(--wds-marketing-layout-title-font-size-small);
751
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
752
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
753
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
754
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
755
+ @property st-global(--wds-marketing-layout-title-gap-medium);
756
+ @property st-global(--wds-marketing-layout-title-gap-small);
757
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
758
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
759
+ @property st-global(--wds-marketing-layout-title-line-height-small);
760
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
704
761
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
705
762
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
706
763
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1008,6 +1065,7 @@
1008
1065
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1009
1066
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1010
1067
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1068
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1011
1069
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1012
1070
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1013
1071
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1144,9 +1202,6 @@
1144
1202
  @property st-global(--wds-thumbnail-subtitle-fill);
1145
1203
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1146
1204
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1147
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1148
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1149
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1150
1205
  @property st-global(--wds-thumbnail-title-padding-top);
1151
1206
  @property st-global(--wds-timeline-title-font-line-height);
1152
1207
  @property st-global(--wds-timeline-title-font-size);
@@ -1392,7 +1447,12 @@
1392
1447
  --wds-accordion-caret-fill: #FFFFFF;
1393
1448
  --wds-accordion-caret-fill-hover: #FFFFFF;
1394
1449
  --wds-accordion-inner-content-fill: rgba(255, 255, 255, 0);
1450
+ --wds-accordion-inner-content-padding-bottom: 16px;
1395
1451
  --wds-accordion-inner-content-padding-top: 4px;
1452
+ --wds-accordion-inner-content-padding-top-flat: 0px;
1453
+ --wds-accordion-inner-content-shadow: 0;
1454
+ --wds-accordion-inner-content-shadow-last: 0 0 0;
1455
+ --wds-accordion-padding-horizontal-large: 16px;
1396
1456
  --wds-accordion-title-fill: #FFFFFF;
1397
1457
  --wds-accordion-title-fill-hover: #FFFFFF;
1398
1458
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1480,7 +1540,7 @@
1480
1540
  --wds-breadcrumbs-font-size-small: 12px;
1481
1541
  --wds-breadcrumbs-on-dark-fill-hover: rgba(0, 0, 0, .3);
1482
1542
  --wds-breadcrumbs-on-grey-fill-hover: #212122;
1483
- --wds-breadcrumbs-on-grey-text-fill-active: #82B0FF;
1543
+ --wds-breadcrumbs-on-grey-text-fill-active: #FFFFFF;
1484
1544
  --wds-breadcrumbs-on-white-fill-hover: #3A3A3B;
1485
1545
  --wds-breadcrumbs-padding-horizontal-large: 16px;
1486
1546
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
@@ -1996,11 +2056,17 @@
1996
2056
  --wds-list-item-action-gap: 2px;
1997
2057
  --wds-list-item-action-label-fill-active: #FFFFFF;
1998
2058
  --wds-list-item-action-label-fill-hover-destructive: #F9D6D7;
2059
+ --wds-list-item-action-label-fill-hover-premium: #82B0FF;
2060
+ --wds-list-item-action-label-fill-hover-primary: #82B0FF;
1999
2061
  --wds-list-item-action-label-fill-pressed-destructive: #FEBEC0;
2062
+ --wds-list-item-action-label-fill-pressed-premium: #82B0FF;
2063
+ --wds-list-item-action-label-fill-pressed-primary: #82B0FF;
2000
2064
  --wds-list-item-action-label-font-line-height-medium: 24px;
2001
2065
  --wds-list-item-action-label-font-line-height-small: 18px;
2002
2066
  --wds-list-item-action-label-font-size-medium: 14px;
2003
2067
  --wds-list-item-action-label-font-size-small: 12px;
2068
+ --wds-list-item-action-padding-horizontal-end-medium: 8px;
2069
+ --wds-list-item-action-padding-horizontal-end-small: 8px;
2004
2070
  --wds-list-item-action-padding-horizontal-medium: 8px;
2005
2071
  --wds-list-item-action-padding-horizontal-small: 8px;
2006
2072
  --wds-list-item-action-padding-vertical-medium: 8px;
@@ -2011,6 +2077,7 @@
2011
2077
  --wds-list-item-action-subtitle-fill-pressed-destructive: #FFFFFF;
2012
2078
  --wds-list-item-action-subtitle-font-line-height: 16px;
2013
2079
  --wds-list-item-action-subtitle-font-size: 12px;
2080
+ --wds-list-item-action-subtitle-offset: 0px;
2014
2081
  --wds-list-item-action-suffix-fill: #FFFFFF;
2015
2082
  --wds-list-item-action-suffix-fill-active: #FFFFFF;
2016
2083
  --wds-list-item-action-title-font-weight: 500;
@@ -2030,11 +2097,11 @@
2030
2097
  --wds-list-item-section-padding-vertical-neutral: 8px;
2031
2098
  --wds-list-item-section-title-label-fill: #A09E9D;
2032
2099
  --wds-list-item-section-title-label-fill-neutral: #878685;
2033
- --wds-list-item-select-active-fill: #2D2D2E;
2034
- --wds-list-item-select-active-fill-active: #2D354E;
2100
+ --wds-list-item-select-active-fill: #454544;
2101
+ --wds-list-item-select-active-fill-active: #454544;
2035
2102
  --wds-list-item-select-active-fill-active-screen-small: #5B78A9;
2036
2103
  --wds-list-item-select-active-fill-disabled: #212122;
2037
- --wds-list-item-select-active-fill-hover: #111214;
2104
+ --wds-list-item-select-active-fill-hover: #3A3A3B;
2038
2105
  --wds-list-item-select-active-fill-screen-small: #2D354E;
2039
2106
  --wds-list-item-select-active-subtitle: #FFFFFF;
2040
2107
  --wds-list-item-select-active-subtitle-disabled: #878685;
@@ -2048,29 +2115,32 @@
2048
2115
  --wds-list-item-select-fill-active: #212122;
2049
2116
  --wds-list-item-select-fill-disabled: #212122;
2050
2117
  --wds-list-item-select-fill-hover: #3A3A3B;
2051
- --wds-list-item-select-gap: 2px;
2118
+ --wds-list-item-select-gap: 6px;
2052
2119
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
2053
2120
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
2054
2121
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
2055
2122
  --wds-list-item-select-icon-padding-vertical-small: 4px;
2056
- --wds-list-item-select-label-font-line-height-medium: 24px;
2057
- --wds-list-item-select-label-font-line-height-small: 18px;
2123
+ --wds-list-item-select-label-font-line-height-medium: 18px;
2124
+ --wds-list-item-select-label-font-line-height-small: 16px;
2058
2125
  --wds-list-item-select-label-font-size-medium: 14px;
2059
2126
  --wds-list-item-select-label-font-size-small: 12px;
2060
- --wds-list-item-select-label-font-weight-active: 600;
2127
+ --wds-list-item-select-label-font-weight-active: 500;
2061
2128
  --wds-list-item-select-label-font-weight-medium: 500;
2062
- --wds-list-item-select-padding-horizontal-medium: 8px;
2063
- --wds-list-item-select-padding-horizontal-small: 8px;
2129
+ --wds-list-item-select-padding-horizontal-medium: 12px;
2130
+ --wds-list-item-select-padding-horizontal-small: 12px;
2064
2131
  --wds-list-item-select-padding-left-medium: 12px;
2065
2132
  --wds-list-item-select-padding-left-small: 12px;
2066
2133
  --wds-list-item-select-padding-right-medium: 16px;
2067
2134
  --wds-list-item-select-padding-right-small: 16px;
2068
- --wds-list-item-select-padding-vertical-medium: 4px;
2135
+ --wds-list-item-select-padding-vertical-medium: 8px;
2069
2136
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2070
- --wds-list-item-select-padding-vertical-small: 4px;
2137
+ --wds-list-item-select-padding-vertical-small: 8px;
2071
2138
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2139
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
2072
2140
  --wds-list-item-select-subtitle: #A09E9D;
2073
2141
  --wds-list-item-select-subtitle-disabled: #878685;
2142
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2143
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
2074
2144
  --wds-list-item-select-suffix: #FFFFFF;
2075
2145
  --wds-list-item-select-suffix-active-font-weight: 500;
2076
2146
  --wds-list-item-select-suffix-pressed: #B1CCFF;
@@ -2086,7 +2156,49 @@
2086
2156
  --wds-loader-stroke-width-medium: 2px;
2087
2157
  --wds-loader-stroke-width-small: 2px;
2088
2158
  --wds-loader-stroke-width-tiny: 2px;
2159
+ --wds-marketing-layout-actions-gap-medium: 16px;
2160
+ --wds-marketing-layout-actions-gap-small: 12px;
2161
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2162
+ --wds-marketing-layout-badge-gap: 0px;
2163
+ --wds-marketing-layout-badge-offset-medium: 12px;
2164
+ --wds-marketing-layout-badge-offset-small: 12px;
2165
+ --wds-marketing-layout-badge-offset-tiny: 18px;
2166
+ --wds-marketing-layout-badge-position: absolute;
2167
+ --wds-marketing-layout-badge-side: -3px;
2168
+ --wds-marketing-layout-badge-top: 9px;
2089
2169
  --wds-marketing-layout-border: 4px;
2170
+ --wds-marketing-layout-description-color: #D4D3D2;
2171
+ --wds-marketing-layout-description-font-size-medium: 16px;
2172
+ --wds-marketing-layout-description-font-size-small: 14px;
2173
+ --wds-marketing-layout-description-font-size-tiny: 14px;
2174
+ --wds-marketing-layout-description-font-weight-medium: 400;
2175
+ --wds-marketing-layout-description-font-weight-small: 400;
2176
+ --wds-marketing-layout-description-font-weight-tiny: 400;
2177
+ --wds-marketing-layout-description-line-height-medium: 24px;
2178
+ --wds-marketing-layout-description-line-height-small: 18px;
2179
+ --wds-marketing-layout-description-line-height-tiny: 18px;
2180
+ --wds-marketing-layout-image-border-radius: 0px;
2181
+ --wds-marketing-layout-image-padding-left-medium: 32px;
2182
+ --wds-marketing-layout-image-padding-left-small: 16px;
2183
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
2184
+ --wds-marketing-layout-image-padding-right-medium: 28px;
2185
+ --wds-marketing-layout-image-padding-right-small: 20px;
2186
+ --wds-marketing-layout-image-padding-right-tiny: 20px;
2187
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
2188
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
2189
+ --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2190
+ --wds-marketing-layout-title-font-size-medium: 24px;
2191
+ --wds-marketing-layout-title-font-size-small: 16px;
2192
+ --wds-marketing-layout-title-font-size-tiny: 20px;
2193
+ --wds-marketing-layout-title-font-weight-medium: 500;
2194
+ --wds-marketing-layout-title-font-weight-small: 600;
2195
+ --wds-marketing-layout-title-font-weight-tiny: 600;
2196
+ --wds-marketing-layout-title-gap-medium: 8px;
2197
+ --wds-marketing-layout-title-gap-small: 4px;
2198
+ --wds-marketing-layout-title-gap-tiny: 4px;
2199
+ --wds-marketing-layout-title-line-height-medium: 30px;
2200
+ --wds-marketing-layout-title-line-height-small: 24px;
2201
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2090
2202
  --wds-marketing-page-paddings-horizontal-large: 60px;
2091
2203
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2092
2204
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -2394,6 +2506,7 @@
2394
2506
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
2395
2507
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
2396
2508
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
2509
+ --wds-sidebar-navigation-arrow-fill-neutral: #212122;
2397
2510
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2398
2511
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2399
2512
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2530,9 +2643,6 @@
2530
2643
  --wds-thumbnail-subtitle-fill: #D4D3D2;
2531
2644
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2532
2645
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2533
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2534
- --wds-thumbnail-title-font-size-tiny: 12px;
2535
- --wds-thumbnail-title-font-weight-tiny: 500;
2536
2646
  --wds-thumbnail-title-padding-top: 4px;
2537
2647
  --wds-timeline-title-font-line-height: 16px;
2538
2648
  --wds-timeline-title-font-size: 12px;
package/odeditor-dark/semantic.st.css CHANGED
@@ -995,8 +995,8 @@
995
995
  --wds-shadow-y-secondary-toggle-button: 1.2px;
996
996
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
997
997
  --wds-space-mobile-viewport-spacing: 32px;
998
- --wds-space-padding-horizontal-large: 16px;
999
- --wds-space-padding-horizontal-medium: 12px;
998
+ --wds-space-padding-horizontal-large: 24px;
999
+ --wds-space-padding-horizontal-medium: 20px;
1000
1000
  --wds-space-padding-horizontal-small: 16px;
1001
1001
  --wds-space-padding-horizontal-tiny: 12px;
1002
1002
  --wds-space-padding-horizontal-x-tiny: 8px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.210.0",
3
+ "version": "1.212.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -11,11 +11,15 @@
11
11
  "ts": "tsc --noEmit"
12
12
  },
13
13
  "devDependencies": {
14
+ "@eslint/js": "^9.21.0",
15
+ "@typescript-eslint/parser": "^8.58.1",
14
16
  "eslint": "^9.21.0",
15
17
  "eslint-plugin-jsonc": "^2.18.2",
18
+ "globals": "^16.0.0",
16
19
  "style-dictionary": "^3.9.2",
17
20
  "ts-node": "^10.9.2",
18
21
  "typescript": "^5.8.3",
22
+ "typescript-eslint": "^8.58.0",
19
23
  "vitest": "^4.1.3"
20
24
  },
21
25
  "wix": {
@@ -32,5 +36,5 @@
32
36
  "author": "augustinasv@wix.com",
33
37
  "description": "Design system tokens",
34
38
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "af595df309d3a2340bcbda92183bc166a4d696a4ad29d523d106cb4c"
39
+ "falconPackageHash": "1340e01bbb399a69722afd20eb752efa0ebe23eb3a0e8189d0d3045c"
36
40
  }
package/studio/all.css CHANGED
@@ -355,10 +355,20 @@
355
355
  --wds-section-helper-prefix-offset-margin: 4px;
356
356
  --wds-search-expandable-padding-large: 5px;
357
357
  --wds-radio-dot-size: 4px;
358
+ --wds-marketing-layout-title-font-size-tiny: 20px;
359
+ --wds-marketing-layout-image-border-radius: 0px;
360
+ --wds-marketing-layout-badge-top: 9px;
361
+ --wds-marketing-layout-badge-side: -3px;
362
+ --wds-marketing-layout-badge-position: absolute;
363
+ --wds-marketing-layout-badge-offset-tiny: 18px;
364
+ --wds-marketing-layout-badge-offset-small: 12px;
365
+ --wds-marketing-layout-badge-offset-medium: 12px;
366
+ --wds-marketing-layout-badge-gap: 0px;
358
367
  --wds-loader-stroke-width-tiny: 3px;
359
368
  --wds-loader-stroke-width-small: 4px;
360
369
  --wds-loader-stroke-width-medium: 4px;
361
370
  --wds-loader-stroke-width-large: 4px;
371
+ --wds-list-item-action-subtitle-offset: 0px;
362
372
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
363
373
  --wds-internal-thumbnail-illustration-size-small: 51px;
364
374
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -399,6 +409,8 @@
399
409
  --wds-angle-input-knob-size: 6px;
400
410
  --wds-angle-input-knob-border: 2px;
401
411
  --wds-accordion-title-font-line-height-small: 18px;
412
+ --wds-accordion-inner-content-shadow-last: none;
413
+ --wds-accordion-inner-content-shadow: none;
402
414
  --wds-width-default-2: var(--wds-border-width-100);
403
415
  --wds-width-default: var(--wds-border-width-100);
404
416
  --wds-inner-shadow-y-secondary: var(--wds-shadow-y-0);
@@ -928,7 +940,6 @@
928
940
  --wds-toast-horizontal-padding: var(--wds-space-200);
929
941
  --wds-toast-border-radius: var(--wds-border-radius-400);
930
942
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
931
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
932
943
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
933
944
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
934
945
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -1009,6 +1020,7 @@
1009
1020
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1010
1021
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1011
1022
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1023
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1012
1024
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1013
1025
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1014
1026
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1212,6 +1224,10 @@
1212
1224
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1213
1225
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1214
1226
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1227
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1228
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1229
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1230
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1215
1231
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1216
1232
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1217
1233
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -1221,13 +1237,29 @@
1221
1237
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1222
1238
  --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1223
1239
  --wds-marketing-layout-padding-left-medium: var(--wds-space-1200);
1240
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-500);
1241
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-600);
1242
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-600);
1243
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-700);
1244
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-700);
1245
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-1000);
1246
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
1247
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
1248
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
1249
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1250
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1251
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1224
1252
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1253
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1254
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1255
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1225
1256
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1226
1257
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1227
1258
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1228
1259
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1229
1260
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1230
1261
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1262
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1231
1263
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1232
1264
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1233
1265
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1263,6 +1295,8 @@
1263
1295
  --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
1264
1296
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1265
1297
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
1298
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1299
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1266
1300
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1267
1301
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1268
1302
  --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
@@ -1543,7 +1577,10 @@
1543
1577
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1544
1578
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
1545
1579
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1546
- --wds-accordion-inner-content-padding-top: var(--wds-space-400);
1580
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1581
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
1582
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
1583
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
1547
1584
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1548
1585
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1549
1586
  --wds-shadow-surface-overlay: var(--wds-shadow-300);
@@ -1677,7 +1714,6 @@
1677
1714
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1678
1715
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1679
1716
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1680
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1681
1717
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1682
1718
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1683
1719
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
@@ -1770,6 +1806,14 @@
1770
1806
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1771
1807
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1772
1808
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1809
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1810
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1811
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1812
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1813
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1814
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1815
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1816
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1773
1817
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1774
1818
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1775
1819
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1807,7 +1851,11 @@
1807
1851
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1808
1852
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1809
1853
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1854
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1855
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1810
1856
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1857
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1858
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1811
1859
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1812
1860
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1813
1861
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
@@ -2115,7 +2163,6 @@
2115
2163
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2116
2164
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2117
2165
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2118
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2119
2166
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2120
2167
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2121
2168
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
@@ -2130,6 +2177,12 @@
2130
2177
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2131
2178
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
2132
2179
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2180
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2181
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2182
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2183
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2184
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2185
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2133
2186
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2134
2187
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2135
2188
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/studio/all.scss CHANGED
@@ -98,10 +98,20 @@
98
98
  --wds-section-helper-prefix-offset-margin: 4px;
99
99
  --wds-search-expandable-padding-large: 5px;
100
100
  --wds-radio-dot-size: 4px;
101
+ --wds-marketing-layout-title-font-size-tiny: 20px;
102
+ --wds-marketing-layout-image-border-radius: 0px;
103
+ --wds-marketing-layout-badge-top: 9px;
104
+ --wds-marketing-layout-badge-side: -3px;
105
+ --wds-marketing-layout-badge-position: absolute;
106
+ --wds-marketing-layout-badge-offset-tiny: 18px;
107
+ --wds-marketing-layout-badge-offset-small: 12px;
108
+ --wds-marketing-layout-badge-offset-medium: 12px;
109
+ --wds-marketing-layout-badge-gap: 0px;
101
110
  --wds-loader-stroke-width-tiny: 3px;
102
111
  --wds-loader-stroke-width-small: 4px;
103
112
  --wds-loader-stroke-width-medium: 4px;
104
113
  --wds-loader-stroke-width-large: 4px;
114
+ --wds-list-item-action-subtitle-offset: 0px;
105
115
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
106
116
  --wds-internal-thumbnail-illustration-size-small: 51px;
107
117
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -399,6 +409,8 @@
399
409
  --wds-angle-input-knob-size: 6px;
400
410
  --wds-angle-input-knob-border: 2px;
401
411
  --wds-accordion-title-font-line-height-small: 18px;
412
+ --wds-accordion-inner-content-shadow-last: none;
413
+ --wds-accordion-inner-content-shadow: none;
402
414
  --wds-width-default-2: var(--wds-border-width-100);
403
415
  --wds-width-default: var(--wds-border-width-100);
404
416
  --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
@@ -518,7 +530,6 @@
518
530
  --wds-toast-horizontal-padding: var(--wds-space-200);
519
531
  --wds-toast-border-radius: var(--wds-border-radius-400);
520
532
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
521
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
522
533
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
523
534
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
524
535
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -613,6 +624,7 @@
613
624
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
614
625
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
615
626
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
627
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
616
628
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
617
629
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
618
630
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -892,6 +904,10 @@
892
904
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
893
905
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
894
906
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
907
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
908
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
909
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
910
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
895
911
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
896
912
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
897
913
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -901,11 +917,27 @@
901
917
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
902
918
  --wds-marketing-layout-padding-left-small: var(--wds-space-600);
903
919
  --wds-marketing-layout-padding-left-medium: var(--wds-space-1200);
920
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-500);
921
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-600);
922
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-600);
923
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-700);
924
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-700);
925
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-1000);
926
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
927
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
928
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
929
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
930
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
931
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
904
932
  --wds-marketing-layout-border: var(--wds-border-radius-200);
933
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
934
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
935
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
905
936
  --wds-loader-fill-loading: var(--wds-color-blue-0);
906
937
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
907
938
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
908
939
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
940
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
909
941
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
910
942
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
911
943
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -960,6 +992,8 @@
960
992
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
961
993
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
962
994
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
995
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
996
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
963
997
  --wds-list-item-action-label-font-line-height-small: var(--wds-space-475);
964
998
  --wds-list-item-action-gap: var(--wds-space-0);
965
999
  --wds-list-item-action-border-radius: var(--wds-border-radius-0);
@@ -1543,7 +1577,10 @@
1543
1577
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1544
1578
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-bold);
1545
1579
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1546
- --wds-accordion-inner-content-padding-top: var(--wds-space-400);
1580
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1581
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
1582
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
1583
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
1547
1584
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1548
1585
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1549
1586
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
@@ -1661,7 +1698,6 @@
1661
1698
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1662
1699
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1663
1700
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1664
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1665
1701
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1666
1702
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1667
1703
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
@@ -1759,6 +1795,14 @@
1759
1795
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1760
1796
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1761
1797
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1798
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1799
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1800
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1801
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1802
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1803
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1804
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1805
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1762
1806
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1763
1807
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1764
1808
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1796,7 +1840,11 @@
1796
1840
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1797
1841
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1798
1842
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1843
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1844
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1799
1845
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1846
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1847
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1800
1848
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1801
1849
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1802
1850
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
@@ -2115,7 +2163,6 @@
2115
2163
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2116
2164
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2117
2165
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2118
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2119
2166
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2120
2167
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2121
2168
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
@@ -2130,6 +2177,12 @@
2130
2177
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2131
2178
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
2132
2179
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2180
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2181
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2182
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2183
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2184
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2185
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2133
2186
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2134
2187
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2135
2188
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);