@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.
package/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);
@@ -637,11 +642,17 @@
637
642
  @property st-global(--wds-list-item-action-gap);
638
643
  @property st-global(--wds-list-item-action-label-fill-active);
639
644
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
645
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
646
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
640
647
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
648
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
649
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
641
650
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
642
651
  @property st-global(--wds-list-item-action-label-font-line-height-small);
643
652
  @property st-global(--wds-list-item-action-label-font-size-medium);
644
653
  @property st-global(--wds-list-item-action-label-font-size-small);
654
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
655
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
645
656
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
646
657
  @property st-global(--wds-list-item-action-padding-horizontal-small);
647
658
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -653,6 +664,7 @@
653
664
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
654
665
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
655
666
  @property st-global(--wds-list-item-action-subtitle-font-size);
667
+ @property st-global(--wds-list-item-action-subtitle-offset);
656
668
  @property st-global(--wds-list-item-action-suffix-fill);
657
669
  @property st-global(--wds-list-item-action-suffix-fill-active);
658
670
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -728,6 +740,7 @@
728
740
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
729
741
  @property st-global(--wds-list-item-select-padding-vertical-small);
730
742
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
743
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
731
744
  @property st-global(--wds-list-item-select-subtitle);
732
745
  @property st-global(--wds-list-item-select-subtitle-disabled);
733
746
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -747,7 +760,37 @@
747
760
  @property st-global(--wds-loader-stroke-width-medium);
748
761
  @property st-global(--wds-loader-stroke-width-small);
749
762
  @property st-global(--wds-loader-stroke-width-tiny);
763
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
764
+ @property st-global(--wds-marketing-layout-actions-gap-small);
765
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
766
+ @property st-global(--wds-marketing-layout-badge-gap);
767
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
768
+ @property st-global(--wds-marketing-layout-badge-offset-small);
769
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
770
+ @property st-global(--wds-marketing-layout-badge-position);
771
+ @property st-global(--wds-marketing-layout-badge-side);
772
+ @property st-global(--wds-marketing-layout-badge-top);
750
773
  @property st-global(--wds-marketing-layout-border);
774
+ @property st-global(--wds-marketing-layout-description-color);
775
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
776
+ @property st-global(--wds-marketing-layout-description-font-size-small);
777
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
778
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
779
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
780
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
781
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
782
+ @property st-global(--wds-marketing-layout-description-line-height-small);
783
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
784
+ @property st-global(--wds-marketing-layout-image-border-radius);
785
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
786
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
787
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
788
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
789
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
790
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
791
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
792
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
793
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
751
794
  @property st-global(--wds-marketing-layout-padding-left-medium);
752
795
  @property st-global(--wds-marketing-layout-padding-left-small);
753
796
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -757,6 +800,18 @@
757
800
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
758
801
  @property st-global(--wds-marketing-layout-padding-vertical-small);
759
802
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
803
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
804
+ @property st-global(--wds-marketing-layout-title-font-size-small);
805
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
806
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
807
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
808
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
809
+ @property st-global(--wds-marketing-layout-title-gap-medium);
810
+ @property st-global(--wds-marketing-layout-title-gap-small);
811
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
812
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
813
+ @property st-global(--wds-marketing-layout-title-line-height-small);
814
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
760
815
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
761
816
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
762
817
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1053,9 +1108,12 @@
1053
1108
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1054
1109
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1055
1110
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1111
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1056
1112
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1057
1113
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1058
1114
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1115
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1116
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1059
1117
  @property st-global(--wds-skeleton-border-radius-circle);
1060
1118
  @property st-global(--wds-skeleton-border-radius-line);
1061
1119
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1178,9 +1236,6 @@
1178
1236
  @property st-global(--wds-thumbnail-subtitle-fill);
1179
1237
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1180
1238
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1181
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1182
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1183
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1184
1239
  @property st-global(--wds-thumbnail-title-padding-top);
1185
1240
  @property st-global(--wds-timeline-title-font-line-height);
1186
1241
  @property st-global(--wds-timeline-title-font-size);
@@ -1438,7 +1493,12 @@
1438
1493
  --wds-accordion-caret-fill: #44485f;
1439
1494
  --wds-accordion-caret-fill-hover: #44485f;
1440
1495
  --wds-accordion-inner-content-fill: #f4f7ff;
1496
+ --wds-accordion-inner-content-padding-bottom: 15px;
1441
1497
  --wds-accordion-inner-content-padding-top: 15px;
1498
+ --wds-accordion-inner-content-padding-top-flat: 0px;
1499
+ --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset, 0 -22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
1500
+ --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
1501
+ --wds-accordion-padding-horizontal-large: 24px;
1442
1502
  --wds-accordion-title-fill: #000624;
1443
1503
  --wds-accordion-title-fill-hover: #000624;
1444
1504
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2069,11 +2129,17 @@
2069
2129
  --wds-list-item-action-gap: 0px;
2070
2130
  --wds-list-item-action-label-fill-active: #116dff;
2071
2131
  --wds-list-item-action-label-fill-hover-destructive: #e62214;
2132
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
2133
+ --wds-list-item-action-label-fill-hover-primary: #116dff;
2072
2134
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
2135
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
2136
+ --wds-list-item-action-label-fill-pressed-primary: #116dff;
2073
2137
  --wds-list-item-action-label-font-line-height-medium: 24px;
2074
2138
  --wds-list-item-action-label-font-line-height-small: 18px;
2075
2139
  --wds-list-item-action-label-font-size-medium: 16px;
2076
2140
  --wds-list-item-action-label-font-size-small: 14px;
2141
+ --wds-list-item-action-padding-horizontal-end-medium: 18px;
2142
+ --wds-list-item-action-padding-horizontal-end-small: 18px;
2077
2143
  --wds-list-item-action-padding-horizontal-medium: 18px;
2078
2144
  --wds-list-item-action-padding-horizontal-small: 18px;
2079
2145
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -2085,6 +2151,7 @@
2085
2151
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
2086
2152
  --wds-list-item-action-subtitle-font-line-height: 18px;
2087
2153
  --wds-list-item-action-subtitle-font-size: 14px;
2154
+ --wds-list-item-action-subtitle-offset: 0px;
2088
2155
  --wds-list-item-action-suffix-fill: #868aa5;
2089
2156
  --wds-list-item-action-suffix-fill-active: #868aa5;
2090
2157
  --wds-list-item-action-title-font-weight: 400;
@@ -2160,6 +2227,7 @@
2160
2227
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
2161
2228
  --wds-list-item-select-padding-vertical-small: 6px;
2162
2229
  --wds-list-item-select-padding-vertical-small-screen-small: 12px;
2230
+ --wds-list-item-select-prefix-subtitle-margin: 6px;
2163
2231
  --wds-list-item-select-subtitle: #868aa5;
2164
2232
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
2165
2233
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
@@ -2179,7 +2247,37 @@
2179
2247
  --wds-loader-stroke-width-medium: 4px;
2180
2248
  --wds-loader-stroke-width-small: 4px;
2181
2249
  --wds-loader-stroke-width-tiny: 3px;
2250
+ --wds-marketing-layout-actions-gap-medium: 24px;
2251
+ --wds-marketing-layout-actions-gap-small: 18px;
2252
+ --wds-marketing-layout-actions-gap-tiny: 18px;
2253
+ --wds-marketing-layout-badge-gap: 0px;
2254
+ --wds-marketing-layout-badge-offset-medium: 12px;
2255
+ --wds-marketing-layout-badge-offset-small: 12px;
2256
+ --wds-marketing-layout-badge-offset-tiny: 18px;
2257
+ --wds-marketing-layout-badge-position: absolute;
2258
+ --wds-marketing-layout-badge-side: -3px;
2259
+ --wds-marketing-layout-badge-top: 9px;
2182
2260
  --wds-marketing-layout-border: 8px;
2261
+ --wds-marketing-layout-description-color: #44485f;
2262
+ --wds-marketing-layout-description-font-size-medium: 16px;
2263
+ --wds-marketing-layout-description-font-size-small: 14px;
2264
+ --wds-marketing-layout-description-font-size-tiny: 14px;
2265
+ --wds-marketing-layout-description-font-weight-medium: 400;
2266
+ --wds-marketing-layout-description-font-weight-small: 400;
2267
+ --wds-marketing-layout-description-font-weight-tiny: 400;
2268
+ --wds-marketing-layout-description-line-height-medium: 24px;
2269
+ --wds-marketing-layout-description-line-height-small: 18px;
2270
+ --wds-marketing-layout-description-line-height-tiny: 18px;
2271
+ --wds-marketing-layout-image-border-radius: 0px;
2272
+ --wds-marketing-layout-image-padding-left-medium: 48px;
2273
+ --wds-marketing-layout-image-padding-left-small: 24px;
2274
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
2275
+ --wds-marketing-layout-image-padding-right-medium: 42px;
2276
+ --wds-marketing-layout-image-padding-right-small: 30px;
2277
+ --wds-marketing-layout-image-padding-right-tiny: 30px;
2278
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
2279
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
2280
+ --wds-marketing-layout-image-padding-vertical-tiny: 18px;
2183
2281
  --wds-marketing-layout-padding-left-medium: 48px;
2184
2282
  --wds-marketing-layout-padding-left-small: 24px;
2185
2283
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -2189,6 +2287,18 @@
2189
2287
  --wds-marketing-layout-padding-vertical-medium: 24px;
2190
2288
  --wds-marketing-layout-padding-vertical-small: 24px;
2191
2289
  --wds-marketing-layout-padding-vertical-tiny: 18px;
2290
+ --wds-marketing-layout-title-font-size-medium: 21px;
2291
+ --wds-marketing-layout-title-font-size-small: 18px;
2292
+ --wds-marketing-layout-title-font-size-tiny: 20px;
2293
+ --wds-marketing-layout-title-font-weight-medium: 700;
2294
+ --wds-marketing-layout-title-font-weight-small: 700;
2295
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2296
+ --wds-marketing-layout-title-gap-medium: 12px;
2297
+ --wds-marketing-layout-title-gap-small: 6px;
2298
+ --wds-marketing-layout-title-gap-tiny: 6px;
2299
+ --wds-marketing-layout-title-line-height-medium: 28px;
2300
+ --wds-marketing-layout-title-line-height-small: 24px;
2301
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2192
2302
  --wds-marketing-page-paddings-horizontal-large: 90px;
2193
2303
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2194
2304
  --wds-marketing-page-paddings-vertical-large: 48px;
@@ -2485,9 +2595,12 @@
2485
2595
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2486
2596
  --wds-sidebar-minimize-tooltip-text-light-default: #44485f;
2487
2597
  --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
2598
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
2488
2599
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2489
2600
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2490
2601
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
2602
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
2603
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
2491
2604
  --wds-skeleton-border-radius-circle: 1000px;
2492
2605
  --wds-skeleton-border-radius-line: 1000px;
2493
2606
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -2610,9 +2723,6 @@
2610
2723
  --wds-thumbnail-subtitle-fill: #44485f;
2611
2724
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
2612
2725
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2613
- --wds-thumbnail-title-font-line-height-tiny: 18px;
2614
- --wds-thumbnail-title-font-size-tiny: 12px;
2615
- --wds-thumbnail-title-font-weight-tiny: 400;
2616
2726
  --wds-thumbnail-title-padding-top: 6px;
2617
2727
  --wds-timeline-title-font-line-height: 18px;
2618
2728
  --wds-timeline-title-font-size: 14px;
package/odeditor/all.css CHANGED
@@ -349,11 +349,11 @@
349
349
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
350
350
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
351
351
  --wds-sidebar-item-text-dark-disabled: #898b8f;
352
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
353
352
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
354
353
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
355
354
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
356
355
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
356
+ --wds-sidebar-divider-fill-light-default: transparent;
357
357
  --wds-sidebar-divider-fill-dark-default: #42454c;
358
358
  --wds-sidebar-clear-button-fill: #5a5d63;
359
359
  --wds-side-panel-header-divider-height: 0;
@@ -362,10 +362,14 @@
362
362
  --wds-side-panel-control-layout-divider-border-width: false;
363
363
  --wds-section-helper-prefix-offset-margin: 0px;
364
364
  --wds-radio-dot-size: 4px;
365
+ --wds-marketing-layout-badge-top: auto;
366
+ --wds-marketing-layout-badge-side: auto;
367
+ --wds-marketing-layout-badge-position: static;
365
368
  --wds-loader-stroke-width-tiny: 2px;
366
369
  --wds-loader-stroke-width-small: 2px;
367
370
  --wds-loader-stroke-width-medium: 2px;
368
371
  --wds-loader-stroke-width-large: 2px;
372
+ --wds-list-item-action-subtitle-offset: -2px;
369
373
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
370
374
  --wds-internal-thumbnail-illustration-size-small: 51px;
371
375
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -395,6 +399,8 @@
395
399
  --wds-avatar-group-gap-condensed: -2px;
396
400
  --wds-angle-input-knob-size: 6px;
397
401
  --wds-angle-input-knob-border: 2px;
402
+ --wds-accordion-inner-content-shadow-last: none;
403
+ --wds-accordion-inner-content-shadow: none;
398
404
  --wds-width-default-2: var(--wds-border-width-none);
399
405
  --wds-width-default: var(--wds-border-width-none);
400
406
  --wds-inner-shadow-y-secondary: var(--wds-shadow-y-25);
@@ -935,7 +941,6 @@
935
941
  --wds-toast-horizontal-padding: var(--wds-space-300);
936
942
  --wds-toast-border-radius: var(--wds-border-radius-400);
937
943
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
938
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
939
944
  --wds-thumbnail-overlay-fill: var(--wds-color-white-transparent-0);
940
945
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
941
946
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -1023,18 +1028,17 @@
1023
1028
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1024
1029
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1025
1030
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1031
+ --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
1032
+ --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
1033
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1026
1034
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1027
1035
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1028
1036
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
1029
1037
  --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white);
1030
1038
  --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white);
1031
- --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-blue-100);
1032
- --wds-sidebar-minimize-action-text-light-default: var(--wds-color-blue-100);
1033
1039
  --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
1034
- --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-blue-400);
1035
- --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-blue-400);
1036
- --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
1037
- --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1040
+ --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-black-600);
1041
+ --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-black-600);
1038
1042
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1039
1043
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1040
1044
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
@@ -1051,21 +1055,21 @@
1051
1055
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1052
1056
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1053
1057
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1054
- --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1058
+ --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-750);
1059
+ --wds-sidebar-item-level-2-fill-light-default: var(--wds-color-black-750);
1055
1060
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1056
1061
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1057
1062
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1058
1063
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1059
- --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1060
- --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1061
- --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
1062
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
1063
- --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
1064
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1064
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-600);
1065
+ --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-750);
1066
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-550);
1067
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
1068
+ --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-black-750);
1069
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
1065
1070
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1066
1071
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1067
1072
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1068
- --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1069
1073
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1070
1074
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
1071
1075
  --wds-side-panel-header-padding-right: var(--wds-space-300);
@@ -1241,7 +1245,39 @@
1241
1245
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1242
1246
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1243
1247
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1248
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1249
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1250
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1251
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
1252
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1253
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
1254
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
1255
+ --wds-marketing-layout-padding-right-small: var(--wds-space-600);
1256
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
1257
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1258
+ --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1259
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
1260
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
1261
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1262
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1263
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
1264
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
1265
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
1266
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1267
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1268
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-400);
1269
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1270
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1271
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1272
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1244
1273
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1274
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1275
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1276
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1277
+ --wds-marketing-layout-badge-gap: var(--wds-space-300);
1278
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1279
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1280
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-300);
1245
1281
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1246
1282
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1247
1283
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1249,22 +1285,24 @@
1249
1285
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1250
1286
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1251
1287
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1288
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1252
1289
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1253
- --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1290
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1254
1291
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1255
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
1292
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1256
1293
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
1257
1294
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1258
1295
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1259
1296
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1260
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1261
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1297
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1298
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1262
1299
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1263
- --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
1264
- --wds-list-item-select-gap: var(--wds-space-50);
1300
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1301
+ --wds-list-item-select-gap: var(--wds-space-150);
1265
1302
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
1266
1303
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1267
- --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1304
+ --wds-list-item-select-active-fill-active: var(--wds-color-black-600);
1305
+ --wds-list-item-select-active-fill: var(--wds-color-black-600);
1268
1306
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1269
1307
  --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
1270
1308
  --wds-list-item-section-padding-top: var(--wds-space-200);
@@ -1275,15 +1313,26 @@
1275
1313
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
1276
1314
  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
1277
1315
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1278
- --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1316
+ --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-medium);
1279
1317
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1318
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-black-300);
1280
1319
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1281
1320
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1282
1321
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1283
1322
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1323
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1324
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1284
1325
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1285
1326
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1327
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-blue-50);
1328
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-blue-50);
1329
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-0);
1330
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-blue-50);
1331
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-blue-50);
1332
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1286
1333
  --wds-list-item-action-gap: var(--wds-space-50);
1334
+ --wds-list-item-action-fill-hover: var(--wds-color-black-700);
1335
+ --wds-list-item-action-fill-active: var(--wds-color-black-600);
1287
1336
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1288
1337
  --wds-list-item-action-affix-margin: var(--wds-space-100);
1289
1338
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1582,7 +1631,10 @@
1582
1631
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1583
1632
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1584
1633
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1585
- --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1634
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1635
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
1636
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
1637
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
1586
1638
  --wds-accordion-inner-content-fill: var(--wds-color-white);
1587
1639
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1588
1640
  --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
@@ -1688,7 +1740,6 @@
1688
1740
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1689
1741
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1690
1742
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1691
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1692
1743
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1693
1744
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1694
1745
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -1717,11 +1768,15 @@
1717
1768
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
1718
1769
  --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
1719
1770
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
1771
+ --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-text-standard-primary);
1772
+ --wds-sidebar-minimize-action-text-light-default: var(--wds-color-text-standard-primary);
1720
1773
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1721
1774
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1722
1775
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1776
+ --wds-sidebar-item-text-neutral-active: var(--wds-color-text-standard-primary);
1723
1777
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1724
1778
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1779
+ --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
1725
1780
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1726
1781
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1727
1782
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
@@ -1779,6 +1834,16 @@
1779
1834
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1780
1835
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1781
1836
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1837
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1838
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1839
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1840
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1841
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1842
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1843
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1844
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1845
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1846
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1782
1847
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1783
1848
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1784
1849
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1787,11 +1852,12 @@
1787
1852
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1788
1853
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1789
1854
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1855
+ --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1790
1856
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1791
1857
  --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1792
1858
  --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1793
1859
  --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1794
- --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1860
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-secondary);
1795
1861
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1796
1862
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1797
1863
  --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
@@ -1802,10 +1868,9 @@
1802
1868
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1803
1869
  --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1804
1870
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1871
+ --wds-list-item-select-active-fill-hover: var(--wds-color-fill-dark-secondary);
1805
1872
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1806
1873
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1807
- --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1808
- --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1809
1874
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1810
1875
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1811
1876
  --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
@@ -1813,13 +1878,9 @@
1813
1878
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1814
1879
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1815
1880
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1816
- --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1817
1881
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1818
1882
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1819
- --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1820
1883
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1821
- --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1822
- --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1823
1884
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
1824
1885
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1825
1886
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -2064,7 +2125,7 @@
2064
2125
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2065
2126
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2066
2127
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2067
- --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
2128
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
2068
2129
  --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
2069
2130
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
2070
2131
  --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
@@ -2073,7 +2134,6 @@
2073
2134
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2074
2135
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2075
2136
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2076
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2077
2137
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2078
2138
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2079
2139
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
@@ -2090,8 +2150,15 @@
2090
2150
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2091
2151
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2092
2152
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2093
- --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2094
- --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2153
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-heading-3);
2154
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2155
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-3);
2156
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2157
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2158
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2159
+ --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2160
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2161
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2095
2162
  --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2096
2163
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2097
2164
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);