@wix/design-system-tokens 1.211.0 → 1.212.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (23) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/all.css +55 -0
  3. package/all.scss +55 -0
  4. package/all.st.css +110 -0
  5. package/component.st.css +110 -0
  6. package/odeditor/all.css +87 -20
  7. package/odeditor/all.scss +86 -19
  8. package/odeditor/all.st.css +153 -19
  9. package/odeditor/component.st.css +153 -19
  10. package/odeditor-dark/all.css +73 -16
  11. package/odeditor-dark/all.scss +73 -16
  12. package/odeditor-dark/all.st.css +128 -14
  13. package/odeditor-dark/component.st.css +126 -12
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +6 -2
  16. package/studio/all.css +56 -1
  17. package/studio/all.scss +56 -1
  18. package/studio/all.st.css +111 -1
  19. package/studio/component.st.css +111 -1
  20. package/wixel/all.css +55 -0
  21. package/wixel/all.scss +55 -0
  22. package/wixel/all.st.css +110 -0
  23. package/wixel/component.st.css +110 -0
package/studio/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);
@@ -631,11 +636,17 @@
631
636
  @property st-global(--wds-list-item-action-fill-hover);
632
637
  @property st-global(--wds-list-item-action-gap);
633
638
  @property st-global(--wds-list-item-action-label-fill-active);
639
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
640
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
634
641
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
642
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
643
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
635
644
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
636
645
  @property st-global(--wds-list-item-action-label-font-line-height-small);
637
646
  @property st-global(--wds-list-item-action-label-font-size-medium);
638
647
  @property st-global(--wds-list-item-action-label-font-size-small);
648
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
649
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
639
650
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
640
651
  @property st-global(--wds-list-item-action-padding-horizontal-small);
641
652
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -646,6 +657,7 @@
646
657
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
647
658
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
648
659
  @property st-global(--wds-list-item-action-subtitle-font-size);
660
+ @property st-global(--wds-list-item-action-subtitle-offset);
649
661
  @property st-global(--wds-list-item-action-suffix-fill);
650
662
  @property st-global(--wds-list-item-action-suffix-fill-active);
651
663
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -718,6 +730,7 @@
718
730
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
719
731
  @property st-global(--wds-list-item-select-padding-vertical-small);
720
732
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
733
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
721
734
  @property st-global(--wds-list-item-select-subtitle);
722
735
  @property st-global(--wds-list-item-select-subtitle-disabled);
723
736
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -737,7 +750,37 @@
737
750
  @property st-global(--wds-loader-stroke-width-medium);
738
751
  @property st-global(--wds-loader-stroke-width-small);
739
752
  @property st-global(--wds-loader-stroke-width-tiny);
753
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
754
+ @property st-global(--wds-marketing-layout-actions-gap-small);
755
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
756
+ @property st-global(--wds-marketing-layout-badge-gap);
757
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
758
+ @property st-global(--wds-marketing-layout-badge-offset-small);
759
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
760
+ @property st-global(--wds-marketing-layout-badge-position);
761
+ @property st-global(--wds-marketing-layout-badge-side);
762
+ @property st-global(--wds-marketing-layout-badge-top);
740
763
  @property st-global(--wds-marketing-layout-border);
764
+ @property st-global(--wds-marketing-layout-description-color);
765
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
766
+ @property st-global(--wds-marketing-layout-description-font-size-small);
767
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
768
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
769
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
770
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
771
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
772
+ @property st-global(--wds-marketing-layout-description-line-height-small);
773
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
774
+ @property st-global(--wds-marketing-layout-image-border-radius);
775
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
776
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
777
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
778
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
779
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
780
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
781
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
782
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
783
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
741
784
  @property st-global(--wds-marketing-layout-padding-left-medium);
742
785
  @property st-global(--wds-marketing-layout-padding-left-small);
743
786
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -747,6 +790,18 @@
747
790
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
748
791
  @property st-global(--wds-marketing-layout-padding-vertical-small);
749
792
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
793
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
794
+ @property st-global(--wds-marketing-layout-title-font-size-small);
795
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
796
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
797
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
798
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
799
+ @property st-global(--wds-marketing-layout-title-gap-medium);
800
+ @property st-global(--wds-marketing-layout-title-gap-small);
801
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
802
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
803
+ @property st-global(--wds-marketing-layout-title-line-height-small);
804
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
750
805
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
751
806
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
752
807
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1425,7 +1480,12 @@
1425
1480
  --wds-accordion-caret-fill: #42454c;
1426
1481
  --wds-accordion-caret-fill-hover: #42454c;
1427
1482
  --wds-accordion-inner-content-fill: #f8faff;
1428
- --wds-accordion-inner-content-padding-top: 16px;
1483
+ --wds-accordion-inner-content-padding-bottom: 12px;
1484
+ --wds-accordion-inner-content-padding-top: 8px;
1485
+ --wds-accordion-inner-content-padding-top-flat: 8px;
1486
+ --wds-accordion-inner-content-shadow: none;
1487
+ --wds-accordion-inner-content-shadow-last: none;
1488
+ --wds-accordion-padding-horizontal-large: 16px;
1429
1489
  --wds-accordion-title-fill: #131720;
1430
1490
  --wds-accordion-title-fill-hover: #131720;
1431
1491
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -2050,11 +2110,17 @@
2050
2110
  --wds-list-item-action-fill-hover: #f7f8f8;
2051
2111
  --wds-list-item-action-gap: 0px;
2052
2112
  --wds-list-item-action-label-fill-active: #116dff;
2113
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
2114
+ --wds-list-item-action-label-fill-hover-primary: #116dff;
2053
2115
  --wds-list-item-action-label-fill-pressed-destructive: #ee4437;
2116
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
2117
+ --wds-list-item-action-label-fill-pressed-primary: #116dff;
2054
2118
  --wds-list-item-action-label-font-line-height-medium: 20px;
2055
2119
  --wds-list-item-action-label-font-line-height-small: 18px;
2056
2120
  --wds-list-item-action-label-font-size-medium: 14px;
2057
2121
  --wds-list-item-action-label-font-size-small: 12px;
2122
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
2123
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
2058
2124
  --wds-list-item-action-padding-horizontal-medium: 12px;
2059
2125
  --wds-list-item-action-padding-horizontal-small: 12px;
2060
2126
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -2065,6 +2131,7 @@
2065
2131
  --wds-list-item-action-subtitle-fill-pressed-destructive: #42454c;
2066
2132
  --wds-list-item-action-subtitle-font-line-height: 18px;
2067
2133
  --wds-list-item-action-subtitle-font-size: 12px;
2134
+ --wds-list-item-action-subtitle-offset: 0px;
2068
2135
  --wds-list-item-action-suffix-fill: #868aa5;
2069
2136
  --wds-list-item-action-suffix-fill-active: #868aa5;
2070
2137
  --wds-list-item-action-title-font-weight: 400;
@@ -2137,6 +2204,7 @@
2137
2204
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2138
2205
  --wds-list-item-select-padding-vertical-small: 6px;
2139
2206
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2207
+ --wds-list-item-select-prefix-subtitle-margin: 4px;
2140
2208
  --wds-list-item-select-subtitle: #868aa5;
2141
2209
  --wds-list-item-select-subtitle-disabled: #bebebe;
2142
2210
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
@@ -2156,7 +2224,37 @@
2156
2224
  --wds-loader-stroke-width-medium: 4px;
2157
2225
  --wds-loader-stroke-width-small: 4px;
2158
2226
  --wds-loader-stroke-width-tiny: 3px;
2227
+ --wds-marketing-layout-actions-gap-medium: 16px;
2228
+ --wds-marketing-layout-actions-gap-small: 12px;
2229
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2230
+ --wds-marketing-layout-badge-gap: 0px;
2231
+ --wds-marketing-layout-badge-offset-medium: 12px;
2232
+ --wds-marketing-layout-badge-offset-small: 12px;
2233
+ --wds-marketing-layout-badge-offset-tiny: 18px;
2234
+ --wds-marketing-layout-badge-position: absolute;
2235
+ --wds-marketing-layout-badge-side: -3px;
2236
+ --wds-marketing-layout-badge-top: 9px;
2159
2237
  --wds-marketing-layout-border: 4px;
2238
+ --wds-marketing-layout-description-color: #42454c;
2239
+ --wds-marketing-layout-description-font-size-medium: 16px;
2240
+ --wds-marketing-layout-description-font-size-small: 14px;
2241
+ --wds-marketing-layout-description-font-size-tiny: 14px;
2242
+ --wds-marketing-layout-description-font-weight-medium: 400;
2243
+ --wds-marketing-layout-description-font-weight-small: 400;
2244
+ --wds-marketing-layout-description-font-weight-tiny: 400;
2245
+ --wds-marketing-layout-description-line-height-medium: 24px;
2246
+ --wds-marketing-layout-description-line-height-small: 20px;
2247
+ --wds-marketing-layout-description-line-height-tiny: 20px;
2248
+ --wds-marketing-layout-image-border-radius: 0px;
2249
+ --wds-marketing-layout-image-padding-left-medium: 48px;
2250
+ --wds-marketing-layout-image-padding-left-small: 24px;
2251
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
2252
+ --wds-marketing-layout-image-padding-right-medium: 40px;
2253
+ --wds-marketing-layout-image-padding-right-small: 28px;
2254
+ --wds-marketing-layout-image-padding-right-tiny: 28px;
2255
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
2256
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
2257
+ --wds-marketing-layout-image-padding-vertical-tiny: 20px;
2160
2258
  --wds-marketing-layout-padding-left-medium: 48px;
2161
2259
  --wds-marketing-layout-padding-left-small: 24px;
2162
2260
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -2166,6 +2264,18 @@
2166
2264
  --wds-marketing-layout-padding-vertical-medium: 24px;
2167
2265
  --wds-marketing-layout-padding-vertical-small: 24px;
2168
2266
  --wds-marketing-layout-padding-vertical-tiny: 20px;
2267
+ --wds-marketing-layout-title-font-size-medium: 22px;
2268
+ --wds-marketing-layout-title-font-size-small: 20px;
2269
+ --wds-marketing-layout-title-font-size-tiny: 20px;
2270
+ --wds-marketing-layout-title-font-weight-medium: 700;
2271
+ --wds-marketing-layout-title-font-weight-small: 700;
2272
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2273
+ --wds-marketing-layout-title-gap-medium: 8px;
2274
+ --wds-marketing-layout-title-gap-small: 4px;
2275
+ --wds-marketing-layout-title-gap-tiny: 4px;
2276
+ --wds-marketing-layout-title-line-height-medium: 28px;
2277
+ --wds-marketing-layout-title-line-height-small: 28px;
2278
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2169
2279
  --wds-marketing-page-paddings-horizontal-large: 60px;
2170
2280
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2171
2281
  --wds-marketing-page-paddings-vertical-large: 32px;
package/wixel/all.css CHANGED
@@ -339,10 +339,20 @@
339
339
  --wds-side-panel-control-layout-divider-border-width: false;
340
340
  --wds-section-helper-prefix-offset-margin: 4px;
341
341
  --wds-radio-dot-size: 6px;
342
+ --wds-marketing-layout-title-font-size-tiny: 20px;
343
+ --wds-marketing-layout-image-border-radius: 0px;
344
+ --wds-marketing-layout-badge-top: 9px;
345
+ --wds-marketing-layout-badge-side: -3px;
346
+ --wds-marketing-layout-badge-position: absolute;
347
+ --wds-marketing-layout-badge-offset-tiny: 18px;
348
+ --wds-marketing-layout-badge-offset-small: 12px;
349
+ --wds-marketing-layout-badge-offset-medium: 12px;
350
+ --wds-marketing-layout-badge-gap: 0px;
342
351
  --wds-loader-stroke-width-tiny: 3px;
343
352
  --wds-loader-stroke-width-small: 4px;
344
353
  --wds-loader-stroke-width-medium: 4px;
345
354
  --wds-loader-stroke-width-large: 4px;
355
+ --wds-list-item-action-subtitle-offset: 0px;
346
356
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
347
357
  --wds-internal-thumbnail-illustration-size-small: 51px;
348
358
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -1171,6 +1181,10 @@
1171
1181
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1172
1182
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1173
1183
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1184
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1185
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1186
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1187
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1174
1188
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1175
1189
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1176
1190
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -1180,14 +1194,30 @@
1180
1194
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1181
1195
  --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1182
1196
  --wds-marketing-layout-padding-left-medium: var(--wds-space-1200);
1197
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-500);
1198
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-600);
1199
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-600);
1200
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-700);
1201
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-700);
1202
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-1000);
1203
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
1204
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
1205
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
1206
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1207
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1208
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1183
1209
  --wds-marketing-layout-border-radius: var(--wds-border-radius-200);
1184
1210
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1211
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1212
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1213
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1185
1214
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1186
1215
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1187
1216
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1188
1217
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
1189
1218
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1190
1219
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1220
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1191
1221
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1192
1222
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1193
1223
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1214,6 +1244,8 @@
1214
1244
  --wds-list-item-action-padding-vertical-small: var(--wds-space-150);
1215
1245
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1216
1246
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
1247
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1248
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1217
1249
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1218
1250
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1219
1251
  --wds-list-item-action-gap: var(--wds-space-0);
@@ -1478,6 +1510,7 @@
1478
1510
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1479
1511
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-semi-bold);
1480
1512
  --wds-accordion-title-font-weight: var(--wds-font-weight-semi-bold);
1513
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1481
1514
  --wds-accordion-inner-content-padding-top: var(--wds-space-400);
1482
1515
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1483
1516
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1699,6 +1732,14 @@
1699
1732
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1700
1733
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1701
1734
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1735
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1736
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1737
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1738
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1739
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1740
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1741
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1742
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1702
1743
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1703
1744
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1704
1745
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1741,7 +1782,11 @@
1741
1782
  --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1742
1783
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1743
1784
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1785
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1786
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1744
1787
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1788
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1789
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1745
1790
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1746
1791
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1747
1792
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
@@ -2033,6 +2078,9 @@
2033
2078
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2034
2079
  --wds-accordion-title-fill-hover: var(--wds-color-text-primary);
2035
2080
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2081
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2082
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2083
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2036
2084
  --wds-accordion-caret-fill-hover: var(--wds-color-text-primary);
2037
2085
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2038
2086
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2058,6 +2106,12 @@
2058
2106
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2059
2107
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
2060
2108
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2109
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2110
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2111
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2112
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2113
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2114
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2061
2115
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2062
2116
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2063
2117
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -2095,4 +2149,5 @@
2095
2149
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2096
2150
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2097
2151
  --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2152
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
2098
2153
  }
package/wixel/all.scss CHANGED
@@ -95,10 +95,20 @@
95
95
  --wds-shadow-100: 0px;
96
96
  --wds-section-helper-prefix-offset-margin: 4px;
97
97
  --wds-radio-dot-size: 6px;
98
+ --wds-marketing-layout-title-font-size-tiny: 20px;
99
+ --wds-marketing-layout-image-border-radius: 0px;
100
+ --wds-marketing-layout-badge-top: 9px;
101
+ --wds-marketing-layout-badge-side: -3px;
102
+ --wds-marketing-layout-badge-position: absolute;
103
+ --wds-marketing-layout-badge-offset-tiny: 18px;
104
+ --wds-marketing-layout-badge-offset-small: 12px;
105
+ --wds-marketing-layout-badge-offset-medium: 12px;
106
+ --wds-marketing-layout-badge-gap: 0px;
98
107
  --wds-loader-stroke-width-tiny: 3px;
99
108
  --wds-loader-stroke-width-small: 4px;
100
109
  --wds-loader-stroke-width-medium: 4px;
101
110
  --wds-loader-stroke-width-large: 4px;
111
+ --wds-list-item-action-subtitle-offset: 0px;
102
112
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
103
113
  --wds-internal-thumbnail-illustration-size-small: 51px;
104
114
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -852,6 +862,10 @@
852
862
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
853
863
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
854
864
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
865
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
866
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
867
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
868
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
855
869
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
856
870
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
857
871
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -861,10 +875,26 @@
861
875
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
862
876
  --wds-marketing-layout-padding-left-small: var(--wds-space-600);
863
877
  --wds-marketing-layout-padding-left-medium: var(--wds-space-1200);
878
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-500);
879
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-600);
880
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-600);
881
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-700);
882
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-700);
883
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-1000);
884
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-600);
885
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-600);
886
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-1200);
887
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
888
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
889
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
864
890
  --wds-marketing-layout-border-radius: var(--wds-border-radius-200);
865
891
  --wds-marketing-layout-border: var(--wds-border-radius-200);
892
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
893
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
894
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
866
895
  --wds-loader-fill-loading: var(--wds-color-blue-0);
867
896
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
897
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
868
898
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
869
899
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
870
900
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -912,6 +942,8 @@
912
942
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-150);
913
943
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
914
944
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
945
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
946
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
915
947
  --wds-list-item-action-gap: var(--wds-space-0);
916
948
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
917
949
  --wds-list-item-action-affix-margin: var(--wds-space-100);
@@ -1478,6 +1510,7 @@
1478
1510
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1479
1511
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-semi-bold);
1480
1512
  --wds-accordion-title-font-weight: var(--wds-font-weight-semi-bold);
1513
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1481
1514
  --wds-accordion-inner-content-padding-top: var(--wds-space-400);
1482
1515
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1483
1516
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1688,6 +1721,14 @@
1688
1721
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1689
1722
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-4);
1690
1723
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1724
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1725
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1726
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1727
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1728
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1729
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1730
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1731
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1691
1732
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1692
1733
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1693
1734
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1730,7 +1771,11 @@
1730
1771
  --wds-list-item-action-subtitle-fill-active: var(--wds-color-text-placeholder);
1731
1772
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1732
1773
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1774
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1775
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1733
1776
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1777
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1778
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1734
1779
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1735
1780
  --wds-list-item-action-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
1736
1781
  --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary-active);
@@ -2033,6 +2078,9 @@
2033
2078
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2034
2079
  --wds-accordion-title-fill-hover: var(--wds-color-text-primary);
2035
2080
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2081
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2082
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2083
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2036
2084
  --wds-accordion-caret-fill-hover: var(--wds-color-text-primary);
2037
2085
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2038
2086
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2058,6 +2106,12 @@
2058
2106
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2059
2107
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-4);
2060
2108
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2109
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2110
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2111
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2112
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2113
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2114
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2061
2115
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2062
2116
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2063
2117
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -2095,4 +2149,5 @@
2095
2149
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2096
2150
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2097
2151
  --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2152
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
2098
2153
  }