@wix/design-system-tokens 1.223.0 → 1.224.2

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 +60 -0
  2. package/all.css +71 -0
  3. package/all.scss +71 -0
  4. package/all.st.css +142 -0
  5. package/component.st.css +142 -0
  6. package/odeditor/all.css +78 -7
  7. package/odeditor/all.scss +78 -7
  8. package/odeditor/all.st.css +149 -7
  9. package/odeditor/component.st.css +149 -7
  10. package/odeditor-dark/all.css +79 -8
  11. package/odeditor-dark/all.scss +79 -8
  12. package/odeditor-dark/all.st.css +150 -8
  13. package/odeditor-dark/component.st.css +149 -7
  14. package/odeditor-dark/semantic.st.css +1 -1
  15. package/package.json +2 -2
  16. package/studio/all.css +71 -0
  17. package/studio/all.scss +71 -0
  18. package/studio/all.st.css +142 -0
  19. package/studio/component.st.css +142 -0
  20. package/wixel/all.css +71 -0
  21. package/wixel/all.scss +71 -0
  22. package/wixel/all.st.css +142 -0
  23. package/wixel/component.st.css +142 -0
package/studio/component.st.css CHANGED
@@ -268,6 +268,8 @@
268
268
  @property st-global(--wds-card-content-padding-medium-top);
269
269
  @property st-global(--wds-card-content-paddings-horizontal);
270
270
  @property st-global(--wds-card-content-paddings-vertical);
271
+ @property st-global(--wds-card-controls-padding-horizontal);
272
+ @property st-global(--wds-card-controls-padding-vertical);
271
273
  @property st-global(--wds-card-divider-opacity);
272
274
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
273
275
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -334,8 +336,48 @@
334
336
  @property st-global(--wds-card-tab-padding-horizontal-small);
335
337
  @property st-global(--wds-card-tab-padding-vertical-medium);
336
338
  @property st-global(--wds-card-tab-padding-vertical-small);
339
+ @property st-global(--wds-carousel-controls-border);
340
+ @property st-global(--wds-carousel-controls-border-disabled);
341
+ @property st-global(--wds-carousel-controls-border-radius);
342
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
343
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
344
+ @property st-global(--wds-carousel-controls-bottom-shift);
345
+ @property st-global(--wds-carousel-controls-fill-active);
346
+ @property st-global(--wds-carousel-controls-fill-hover);
347
+ @property st-global(--wds-carousel-controls-gap-large);
348
+ @property st-global(--wds-carousel-controls-gap-medium);
349
+ @property st-global(--wds-carousel-controls-gap-small);
350
+ @property st-global(--wds-carousel-controls-gap-tiny);
351
+ @property st-global(--wds-carousel-controls-icon-fill);
352
+ @property st-global(--wds-carousel-controls-icon-fill-active);
353
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
354
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
355
+ @property st-global(--wds-carousel-controls-offset-bottom);
356
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
357
+ @property st-global(--wds-carousel-controls-offset-overlay);
358
+ @property st-global(--wds-carousel-controls-offset-sides);
359
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
337
360
  @property st-global(--wds-carousel-controls-shadow);
361
+ @property st-global(--wds-carousel-controls-shadow-active);
362
+ @property st-global(--wds-carousel-controls-shadow-default);
363
+ @property st-global(--wds-carousel-controls-shadow-disabled);
364
+ @property st-global(--wds-carousel-controls-shadow-hover);
365
+ @property st-global(--wds-carousel-controls-size-large);
366
+ @property st-global(--wds-carousel-controls-size-medium);
367
+ @property st-global(--wds-carousel-controls-size-small);
368
+ @property st-global(--wds-carousel-controls-size-tiny);
369
+ @property st-global(--wds-carousel-dots-border-radius);
370
+ @property st-global(--wds-carousel-dots-fill);
371
+ @property st-global(--wds-carousel-dots-fill-active);
372
+ @property st-global(--wds-carousel-dots-fill-hover);
373
+ @property st-global(--wds-carousel-dots-gap);
374
+ @property st-global(--wds-carousel-dots-gap-bottom);
375
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
376
+ @property st-global(--wds-carousel-dots-height);
338
377
  @property st-global(--wds-carousel-dots-width);
378
+ @property st-global(--wds-carousel-gradient-color);
379
+ @property st-global(--wds-carousel-gradient-opacity);
380
+ @property st-global(--wds-carousel-gradient-width);
339
381
  @property st-global(--wds-checkbox-border);
340
382
  @property st-global(--wds-checkbox-border-active);
341
383
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -651,6 +693,7 @@
651
693
  @property st-global(--wds-input-background-fill-default);
652
694
  @property st-global(--wds-input-background-fill-disabled);
653
695
  @property st-global(--wds-input-background-fill-hover);
696
+ @property st-global(--wds-input-background-fill-on-stage);
654
697
  @property st-global(--wds-input-background-fill-readonly);
655
698
  @property st-global(--wds-input-border-color);
656
699
  @property st-global(--wds-input-border-color-disabled);
@@ -836,6 +879,7 @@
836
879
  @property st-global(--wds-loader-stroke-width-medium);
837
880
  @property st-global(--wds-loader-stroke-width-small);
838
881
  @property st-global(--wds-loader-stroke-width-tiny);
882
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
839
883
  @property st-global(--wds-marketing-layout-actions-gap-medium);
840
884
  @property st-global(--wds-marketing-layout-actions-gap-small);
841
885
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -857,7 +901,11 @@
857
901
  @property st-global(--wds-marketing-layout-description-line-height-medium);
858
902
  @property st-global(--wds-marketing-layout-description-line-height-small);
859
903
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
904
+ @property st-global(--wds-marketing-layout-description-max-width);
905
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
860
906
  @property st-global(--wds-marketing-layout-image-border-radius);
907
+ @property st-global(--wds-marketing-layout-image-height);
908
+ @property st-global(--wds-marketing-layout-image-object-fit);
861
909
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
862
910
  @property st-global(--wds-marketing-layout-image-padding-left-small);
863
911
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -867,6 +915,13 @@
867
915
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
868
916
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
869
917
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
918
+ @property st-global(--wds-marketing-layout-image-width);
919
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
920
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
921
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
922
+ @property st-global(--wds-marketing-layout-min-height-medium);
923
+ @property st-global(--wds-marketing-layout-min-height-small);
924
+ @property st-global(--wds-marketing-layout-min-height-tiny);
870
925
  @property st-global(--wds-marketing-layout-padding-left-medium);
871
926
  @property st-global(--wds-marketing-layout-padding-left-small);
872
927
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -876,6 +931,7 @@
876
931
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
877
932
  @property st-global(--wds-marketing-layout-padding-vertical-small);
878
933
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
934
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
879
935
  @property st-global(--wds-marketing-layout-title-font-size-medium);
880
936
  @property st-global(--wds-marketing-layout-title-font-size-small);
881
937
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1216,6 +1272,8 @@
1216
1272
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1217
1273
  @property st-global(--wds-side-panel-title-font-line-height);
1218
1274
  @property st-global(--wds-side-panel-title-font-size);
1275
+ @property st-global(--wds-sidebar-border-inner-fill);
1276
+ @property st-global(--wds-sidebar-border-outer-fill);
1219
1277
  @property st-global(--wds-sidebar-clear-button-fill);
1220
1278
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1221
1279
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1223,6 +1281,10 @@
1223
1281
  @property st-global(--wds-sidebar-divider-padding-bottom);
1224
1282
  @property st-global(--wds-sidebar-divider-padding-inline);
1225
1283
  @property st-global(--wds-sidebar-divider-padding-top);
1284
+ @property st-global(--wds-sidebar-fill-dark);
1285
+ @property st-global(--wds-sidebar-fill-light);
1286
+ @property st-global(--wds-sidebar-fill-neutral);
1287
+ @property st-global(--wds-sidebar-footer-fade-height);
1226
1288
  @property st-global(--wds-sidebar-header-margin-bottom);
1227
1289
  @property st-global(--wds-sidebar-header-text-dark-default);
1228
1290
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1305,6 +1367,7 @@
1305
1367
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1306
1368
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1307
1369
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1370
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
1308
1371
  @property st-global(--wds-skeleton-border-radius-circle);
1309
1372
  @property st-global(--wds-skeleton-border-radius-line);
1310
1373
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1366,6 +1429,9 @@
1366
1429
  @property st-global(--wds-swatches-swatch-size-medium);
1367
1430
  @property st-global(--wds-swatches-swatch-size-small);
1368
1431
  @property st-global(--wds-swatches-swatch-size-tiny);
1432
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
1433
+ @property st-global(--wds-table-cell-padding-inline);
1434
+ @property st-global(--wds-table-header-font-weight);
1369
1435
  @property st-global(--wds-table-list-header-checkbox-padding-left);
1370
1436
  @property st-global(--wds-table-list-header-checkbox-padding-right);
1371
1437
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -1388,10 +1454,15 @@
1388
1454
  @property st-global(--wds-table-list-item-fill-highlight);
1389
1455
  @property st-global(--wds-table-list-item-fill-hover);
1390
1456
  @property st-global(--wds-table-list-item-fill-hover-draggable);
1457
+ @property st-global(--wds-table-list-item-fill-overlay);
1391
1458
  @property st-global(--wds-table-list-item-gap);
1392
1459
  @property st-global(--wds-table-list-item-indentation-level-2);
1393
1460
  @property st-global(--wds-table-list-item-indentation-level-3);
1394
1461
  @property st-global(--wds-table-list-item-paddings);
1462
+ @property st-global(--wds-table-region-divider-fill);
1463
+ @property st-global(--wds-table-row-divider-fill);
1464
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
1465
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
1395
1466
  @property st-global(--wds-table-toolbar-button-gap);
1396
1467
  @property st-global(--wds-table-toolbar-divider-gap);
1397
1468
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -1995,6 +2066,8 @@
1995
2066
  --wds-card-content-padding-medium-top: 24px;
1996
2067
  --wds-card-content-paddings-horizontal: 24px;
1997
2068
  --wds-card-content-paddings-vertical: 24px;
2069
+ --wds-card-controls-padding-horizontal: 24px;
2070
+ --wds-card-controls-padding-vertical: 16px;
1998
2071
  --wds-card-divider-opacity: 1;
1999
2072
  --wds-card-gallery-item-action-button-border-radius: 4px;
2000
2073
  --wds-card-gallery-item-action-button-font-size: 14px;
@@ -2061,8 +2134,48 @@
2061
2134
  --wds-card-tab-padding-horizontal-small: 20px;
2062
2135
  --wds-card-tab-padding-vertical-medium: 16px;
2063
2136
  --wds-card-tab-padding-vertical-small: 16px;
2137
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2138
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2139
+ --wds-carousel-controls-border-radius: 4px;
2140
+ --wds-carousel-controls-bottom-offset-dots: 10px;
2141
+ --wds-carousel-controls-bottom-offset-no-dots: 4px;
2142
+ --wds-carousel-controls-bottom-shift: 0;
2143
+ --wds-carousel-controls-fill-active: #116dff;
2144
+ --wds-carousel-controls-fill-hover: #0f62e6;
2145
+ --wds-carousel-controls-gap-large: 8px;
2146
+ --wds-carousel-controls-gap-medium: 8px;
2147
+ --wds-carousel-controls-gap-small: 12px;
2148
+ --wds-carousel-controls-gap-tiny: 16px;
2149
+ --wds-carousel-controls-icon-fill: #116dff;
2150
+ --wds-carousel-controls-icon-fill-active: #ffffff;
2151
+ --wds-carousel-controls-icon-fill-disabled: #bebebe;
2152
+ --wds-carousel-controls-icon-fill-hover: #ffffff;
2153
+ --wds-carousel-controls-offset-bottom: 0px;
2154
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
2155
+ --wds-carousel-controls-offset-overlay: 12px;
2156
+ --wds-carousel-controls-offset-sides: 0px;
2157
+ --wds-carousel-controls-offset-sides-gradient: 12px;
2064
2158
  --wds-carousel-controls-shadow: 0 12px 20px rgba(19, 23, 32, .1);
2159
+ --wds-carousel-controls-shadow-active: none;
2160
+ --wds-carousel-controls-shadow-default: none;
2161
+ --wds-carousel-controls-shadow-disabled: 0 12px 20px rgba(19, 23, 32, .1);
2162
+ --wds-carousel-controls-shadow-hover: none;
2163
+ --wds-carousel-controls-size-large: 36px;
2164
+ --wds-carousel-controls-size-medium: 32px;
2165
+ --wds-carousel-controls-size-small: 28px;
2166
+ --wds-carousel-controls-size-tiny: 24px;
2167
+ --wds-carousel-dots-border-radius: 2px;
2168
+ --wds-carousel-dots-fill: #c3daff;
2169
+ --wds-carousel-dots-fill-active: #084ebd;
2170
+ --wds-carousel-dots-fill-hover: #418aff;
2171
+ --wds-carousel-dots-gap: 16px;
2172
+ --wds-carousel-dots-gap-bottom: 10px;
2173
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
2174
+ --wds-carousel-dots-height: 4px;
2065
2175
  --wds-carousel-dots-width: 12px;
2176
+ --wds-carousel-gradient-color: #ffffff;
2177
+ --wds-carousel-gradient-opacity: 50%;
2178
+ --wds-carousel-gradient-width: 32px;
2066
2179
  --wds-checkbox-border: #868aa5;
2067
2180
  --wds-checkbox-border-active: #116dff;
2068
2181
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -2378,6 +2491,7 @@
2378
2491
  --wds-input-background-fill-default: #ffffff;
2379
2492
  --wds-input-background-fill-disabled: #ffffff;
2380
2493
  --wds-input-background-fill-hover: #f7f8f8;
2494
+ --wds-input-background-fill-on-stage: #f7f8f8;
2381
2495
  --wds-input-background-fill-readonly: #edeef2;
2382
2496
  --wds-input-border-color: #e2e3ea;
2383
2497
  --wds-input-border-color-disabled: rgba(19, 23, 32, .1);
@@ -2563,6 +2677,7 @@
2563
2677
  --wds-loader-stroke-width-medium: 4px;
2564
2678
  --wds-loader-stroke-width-small: 4px;
2565
2679
  --wds-loader-stroke-width-tiny: 3px;
2680
+ --wds-marketing-layout-actions-alignment-inverted: auto;
2566
2681
  --wds-marketing-layout-actions-gap-medium: 16px;
2567
2682
  --wds-marketing-layout-actions-gap-small: 12px;
2568
2683
  --wds-marketing-layout-actions-gap-tiny: 12px;
@@ -2584,7 +2699,11 @@
2584
2699
  --wds-marketing-layout-description-line-height-medium: 24px;
2585
2700
  --wds-marketing-layout-description-line-height-small: 20px;
2586
2701
  --wds-marketing-layout-description-line-height-tiny: 20px;
2702
+ --wds-marketing-layout-description-max-width: none;
2703
+ --wds-marketing-layout-image-aspect-ratio: auto;
2587
2704
  --wds-marketing-layout-image-border-radius: 0px;
2705
+ --wds-marketing-layout-image-height: auto;
2706
+ --wds-marketing-layout-image-object-fit: fill;
2588
2707
  --wds-marketing-layout-image-padding-left-medium: 48px;
2589
2708
  --wds-marketing-layout-image-padding-left-small: 24px;
2590
2709
  --wds-marketing-layout-image-padding-left-tiny: 24px;
@@ -2594,6 +2713,13 @@
2594
2713
  --wds-marketing-layout-image-padding-vertical-medium: 24px;
2595
2714
  --wds-marketing-layout-image-padding-vertical-small: 24px;
2596
2715
  --wds-marketing-layout-image-padding-vertical-tiny: 20px;
2716
+ --wds-marketing-layout-image-width: 100%;
2717
+ --wds-marketing-layout-image-wrapper-contain: none;
2718
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
2719
+ --wds-marketing-layout-image-wrapper-width: auto;
2720
+ --wds-marketing-layout-min-height-medium: auto;
2721
+ --wds-marketing-layout-min-height-small: auto;
2722
+ --wds-marketing-layout-min-height-tiny: auto;
2597
2723
  --wds-marketing-layout-padding-left-medium: 48px;
2598
2724
  --wds-marketing-layout-padding-left-small: 24px;
2599
2725
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -2603,6 +2729,7 @@
2603
2729
  --wds-marketing-layout-padding-vertical-medium: 24px;
2604
2730
  --wds-marketing-layout-padding-vertical-small: 24px;
2605
2731
  --wds-marketing-layout-padding-vertical-tiny: 20px;
2732
+ --wds-marketing-layout-title-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2606
2733
  --wds-marketing-layout-title-font-size-medium: 22px;
2607
2734
  --wds-marketing-layout-title-font-size-small: 20px;
2608
2735
  --wds-marketing-layout-title-font-size-tiny: 20px;
@@ -2943,6 +3070,8 @@
2943
3070
  --wds-side-panel-title-font-letter-spacing: 0px;
2944
3071
  --wds-side-panel-title-font-line-height: 28px;
2945
3072
  --wds-side-panel-title-font-size: 20px;
3073
+ --wds-sidebar-border-inner-fill: transparent;
3074
+ --wds-sidebar-border-outer-fill: #cfd1dc;
2946
3075
  --wds-sidebar-clear-button-fill: #5a5d63;
2947
3076
  --wds-sidebar-divider-fill-dark-default: #42454C;
2948
3077
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
@@ -2950,6 +3079,10 @@
2950
3079
  --wds-sidebar-divider-padding-bottom: 9px;
2951
3080
  --wds-sidebar-divider-padding-inline: 20px;
2952
3081
  --wds-sidebar-divider-padding-top: 8px;
3082
+ --wds-sidebar-fill-dark: #131720;
3083
+ --wds-sidebar-fill-light: #ffffff;
3084
+ --wds-sidebar-fill-neutral: #edeef2;
3085
+ --wds-sidebar-footer-fade-height: 0px;
2953
3086
  --wds-sidebar-header-margin-bottom: 12px;
2954
3087
  --wds-sidebar-header-text-dark-default: #ffffff;
2955
3088
  --wds-sidebar-item-content-gap: 8px;
@@ -3032,6 +3165,7 @@
3032
3165
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
3033
3166
  --wds-sidebar-scrollbar-fill-light-hover: rgba(19, 23, 32, 0.6600);
3034
3167
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
3168
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
3035
3169
  --wds-skeleton-border-radius-circle: 1000px;
3036
3170
  --wds-skeleton-border-radius-line: 4px;
3037
3171
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -3093,6 +3227,9 @@
3093
3227
  --wds-swatches-swatch-size-medium: 32px;
3094
3228
  --wds-swatches-swatch-size-small: 28px;
3095
3229
  --wds-swatches-swatch-size-tiny: 24px;
3230
+ --wds-table-action-cell-backdrop-opacity: 0;
3231
+ --wds-table-cell-padding-inline: 12px;
3232
+ --wds-table-header-font-weight: 400;
3096
3233
  --wds-table-list-header-checkbox-padding-left: 6px;
3097
3234
  --wds-table-list-header-checkbox-padding-right: 12px;
3098
3235
  --wds-table-list-header-divider-fill-bottom: #c3daff;
@@ -3115,10 +3252,15 @@
3115
3252
  --wds-table-list-item-fill-highlight: #f8faff;
3116
3253
  --wds-table-list-item-fill-hover: #f7f8f8;
3117
3254
  --wds-table-list-item-fill-hover-draggable: #ebf2ff;
3255
+ --wds-table-list-item-fill-overlay: #f8faff;
3118
3256
  --wds-table-list-item-gap: 24px;
3119
3257
  --wds-table-list-item-indentation-level-2: 12px;
3120
3258
  --wds-table-list-item-indentation-level-3: 28px;
3121
3259
  --wds-table-list-item-paddings: 0px;
3260
+ --wds-table-region-divider-fill: #e2e3ea;
3261
+ --wds-table-row-divider-fill: #e2e3ea;
3262
+ --wds-table-sub-toolbar-padding-block-end: 9px;
3263
+ --wds-table-sub-toolbar-padding-block-start: 9px;
3122
3264
  --wds-table-toolbar-button-gap: 6px;
3123
3265
  --wds-table-toolbar-divider-gap: 12px;
3124
3266
  --wds-table-toolbar-divider-gap-group-start: 24px;
package/wixel/all.css CHANGED
@@ -324,6 +324,10 @@
324
324
  --wds-table-toolbar-divider-gap-group-start: 24px;
325
325
  --wds-table-toolbar-divider-gap: 12px;
326
326
  --wds-table-toolbar-button-gap: 6px;
327
+ --wds-table-action-cell-backdrop-opacity: 0;
328
+ --wds-table-sub-toolbar-padding-block-start: 9px;
329
+ --wds-table-sub-toolbar-padding-block-end: 9px;
330
+ --wds-table-cell-padding-inline: 12px;
327
331
  --wds-status-toast-width: 600px;
328
332
  --wds-statistics-widget-trend-space-top: 5px;
329
333
  --wds-statistics-widget-description-info-gap: 6px;
@@ -334,6 +338,7 @@
334
338
  --wds-slider-slider-knob-size: 6px;
335
339
  --wds-slider-slider-knob-border-width-hover: 12px;
336
340
  --wds-slider-slider-knob-border-width: 5px;
341
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
337
342
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
338
343
  --wds-sidebar-scrollbar-fill-light-hover: rgba(0, 6, 36, 0.6600);
339
344
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -353,9 +358,11 @@
353
358
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
354
359
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
355
360
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
361
+ --wds-sidebar-footer-fade-height: 0px;
356
362
  --wds-sidebar-divider-padding-bottom: 9px;
357
363
  --wds-sidebar-divider-fill-dark-default: #42454c;
358
364
  --wds-sidebar-clear-button-fill: #5a5d63;
365
+ --wds-sidebar-border-inner-fill: transparent;
359
366
  --wds-side-panel-title-font-letter-spacing: -0.50;
360
367
  --wds-side-panel-standard-shadow: none;
361
368
  --wds-side-panel-standard-overflow: visible;
@@ -387,7 +394,18 @@
387
394
  --wds-marketing-page-footer-grid-column: span 12;
388
395
  --wds-marketing-page-footer-divider-display: block;
389
396
  --wds-marketing-layout-title-font-size-tiny: 20px;
397
+ --wds-marketing-layout-min-height-tiny: auto;
398
+ --wds-marketing-layout-min-height-small: auto;
399
+ --wds-marketing-layout-min-height-medium: auto;
400
+ --wds-marketing-layout-image-wrapper-width: auto;
401
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
402
+ --wds-marketing-layout-image-wrapper-contain: none;
403
+ --wds-marketing-layout-image-width: 100%;
404
+ --wds-marketing-layout-image-object-fit: fill;
405
+ --wds-marketing-layout-image-height: auto;
390
406
  --wds-marketing-layout-image-border-radius: 0px;
407
+ --wds-marketing-layout-image-aspect-ratio: auto;
408
+ --wds-marketing-layout-description-max-width: none;
391
409
  --wds-marketing-layout-badge-top: 9px;
392
410
  --wds-marketing-layout-badge-side: -3px;
393
411
  --wds-marketing-layout-badge-position: absolute;
@@ -395,6 +413,7 @@
395
413
  --wds-marketing-layout-badge-offset-small: 12px;
396
414
  --wds-marketing-layout-badge-offset-medium: 12px;
397
415
  --wds-marketing-layout-badge-gap: 0px;
416
+ --wds-marketing-layout-actions-alignment-inverted: auto;
398
417
  --wds-loader-stroke-width-tiny: 3px;
399
418
  --wds-loader-stroke-width-small: 4px;
400
419
  --wds-loader-stroke-width-medium: 4px;
@@ -439,6 +458,23 @@
439
458
  --wds-counter-badge-font-size-tiny: 10px;
440
459
  --wds-composer-sidebar-end-max-width: 240px;
441
460
  --wds-composer-sidebar-bottom-width: 88px;
461
+ --wds-carousel-gradient-opacity: 50%;
462
+ --wds-carousel-dots-height: 4px;
463
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
464
+ --wds-carousel-dots-gap-bottom: 10px;
465
+ --wds-carousel-dots-border-radius: 2px;
466
+ --wds-carousel-controls-shadow-hover: none;
467
+ --wds-carousel-controls-shadow-default: none;
468
+ --wds-carousel-controls-shadow-active: none;
469
+ --wds-carousel-controls-offset-sides-gradient: 12px;
470
+ --wds-carousel-controls-offset-sides: 0px;
471
+ --wds-carousel-controls-offset-overlay: 12px;
472
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
473
+ --wds-carousel-controls-offset-bottom: 0px;
474
+ --wds-carousel-controls-bottom-shift: 0;
475
+ --wds-carousel-controls-bottom-offset-dots: 10px;
476
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
477
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
442
478
  --wds-card-gallery-item-title-gap: 0px;
443
479
  --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
444
480
  --wds-card-gallery-item-overlay-fill: rgba(76, 73, 251, 0.1500);
@@ -1038,6 +1074,7 @@
1038
1074
  --wds-table-list-item-indentation-level-3: var(--wds-space-700);
1039
1075
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
1040
1076
  --wds-table-list-item-gap: var(--wds-space-600);
1077
+ --wds-table-list-item-fill-overlay: var(--wds-color-blue-600);
1041
1078
  --wds-table-list-item-fill-hover-draggable: var(--wds-color-blue-500);
1042
1079
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
1043
1080
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
@@ -1051,6 +1088,7 @@
1051
1088
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-300);
1052
1089
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-150);
1053
1090
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
1091
+ --wds-table-header-font-weight: var(--wds-font-weight-regular);
1054
1092
  --wds-swatches-swatch-size-tiny: var(--wds-space-700);
1055
1093
  --wds-swatches-swatch-size-small: var(--wds-space-800);
1056
1094
  --wds-swatches-swatch-size-medium: var(--wds-space-1100);
@@ -1146,6 +1184,7 @@
1146
1184
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1147
1185
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1148
1186
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1187
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
1149
1188
  --wds-sidebar-divider-padding-top: var(--wds-space-200);
1150
1189
  --wds-sidebar-divider-padding-inline: var(--wds-space-500);
1151
1190
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
@@ -1347,6 +1386,7 @@
1347
1386
  --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1348
1387
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1349
1388
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1389
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1350
1390
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1351
1391
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1352
1392
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
@@ -1570,7 +1610,18 @@
1570
1610
  --wds-checkbox-border-radius: var(--wds-border-radius-200);
1571
1611
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1572
1612
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1613
+ --wds-carousel-gradient-color: var(--wds-color-white);
1573
1614
  --wds-carousel-dots-width: var(--wds-space-300);
1615
+ --wds-carousel-dots-gap: var(--wds-space-400);
1616
+ --wds-carousel-dots-fill-hover: var(--wds-color-blue-200);
1617
+ --wds-carousel-dots-fill-active: var(--wds-color-blue-0);
1618
+ --wds-carousel-dots-fill: var(--wds-color-blue-300);
1619
+ --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1620
+ --wds-carousel-controls-gap-small: var(--wds-space-300);
1621
+ --wds-carousel-controls-gap-medium: var(--wds-space-200);
1622
+ --wds-carousel-controls-gap-large: var(--wds-space-200);
1623
+ --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1624
+ --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1574
1625
  --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1575
1626
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1576
1627
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
@@ -1601,6 +1652,8 @@
1601
1652
  --wds-card-header-padding-vertical: var(--wds-space-400);
1602
1653
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1603
1654
  --wds-card-header-divider-width: var(--wds-border-width-none);
1655
+ --wds-card-controls-padding-vertical: var(--wds-space-400);
1656
+ --wds-card-controls-padding-horizontal: var(--wds-space-600);
1604
1657
  --wds-card-content-paddings-vertical: var(--wds-space-600);
1605
1658
  --wds-card-content-paddings-horizontal: var(--wds-space-600);
1606
1659
  --wds-card-content-padding-medium-top: var(--wds-space-600);
@@ -1859,6 +1912,8 @@
1859
1912
  --wds-table-list-header-fill: var(--wds-color-fill-surface-standard);
1860
1913
  --wds-table-list-header-divider-fill-top: var(--wds-color-border-standard-primary);
1861
1914
  --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-standard-primary);
1915
+ --wds-table-row-divider-fill: var(--wds-color-border-dark-secondary);
1916
+ --wds-table-region-divider-fill: var(--wds-color-border-dark-secondary);
1862
1917
  --wds-swatches-fill-border-selected: var(--wds-color-border-standard-secondary-active);
1863
1918
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-fill-destructive-primary);
1864
1919
  --wds-swatches-fill-border-no-value: var(--wds-color-border-standard-secondary);
@@ -1874,6 +1929,9 @@
1874
1929
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1875
1930
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1876
1931
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1932
+ --wds-sidebar-fill-neutral: var(--wds-sidebar-item-level-1-fill-neutral-default);
1933
+ --wds-sidebar-fill-light: var(--wds-sidebar-item-level-1-fill-light-default);
1934
+ --wds-sidebar-border-outer-fill: var(--wds-sidebar-divider-fill-light-default);
1877
1935
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1878
1936
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
1879
1937
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
@@ -2023,6 +2081,7 @@
2023
2081
  --wds-input-border-color-focus: var(--wds-color-border-standard-secondary-active);
2024
2082
  --wds-input-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
2025
2083
  --wds-input-background-fill-readonly: var(--wds-color-fill-standard-tertiary-readonly);
2084
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2026
2085
  --wds-input-background-fill-hover: var(--wds-color-fill-standard-secondary-hover);
2027
2086
  --wds-input-background-fill-disabled: var(--wds-color-fill-standard-tertiary-disabled);
2028
2087
  --wds-input-background-fill-default: var(--wds-color-fill-standard-secondary);
@@ -2180,6 +2239,12 @@
2180
2239
  --wds-checkbox-border-disabled: var(--wds-color-border-dark-primary-disabled);
2181
2240
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
2182
2241
  --wds-checkbox-border: var(--wds-color-border-standard-secondary-active);
2242
+ --wds-carousel-gradient-width: var(--wds-button-size-medium);
2243
+ --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2244
+ --wds-carousel-controls-size-small: var(--wds-button-size-small);
2245
+ --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2246
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2247
+ --wds-carousel-controls-shadow-disabled: var(--wds-shadow-300);
2183
2248
  --wds-carousel-controls-shadow: var(--wds-shadow-300);
2184
2249
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
2185
2250
  --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
@@ -2386,6 +2451,12 @@
2386
2451
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2387
2452
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-small);
2388
2453
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2454
+ --wds-carousel-controls-icon-fill-hover: var(--wds-icon-button-color-text-standard-secondary-hover);
2455
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2456
+ --wds-carousel-controls-icon-fill-active: var(--wds-icon-button-color-text-standard-secondary-active);
2457
+ --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2458
+ --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2459
+ --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2389
2460
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2390
2461
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2391
2462
  --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);