@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/odeditor/component.st.css CHANGED
@@ -263,6 +263,8 @@
263
263
  @property st-global(--wds-card-content-padding-medium-top);
264
264
  @property st-global(--wds-card-content-paddings-horizontal);
265
265
  @property st-global(--wds-card-content-paddings-vertical);
266
+ @property st-global(--wds-card-controls-padding-horizontal);
267
+ @property st-global(--wds-card-controls-padding-vertical);
266
268
  @property st-global(--wds-card-divider-opacity);
267
269
  @property st-global(--wds-card-gallery-item-action-button-border-radius);
268
270
  @property st-global(--wds-card-gallery-item-action-button-font-size);
@@ -328,8 +330,48 @@
328
330
  @property st-global(--wds-card-tab-padding-horizontal-small);
329
331
  @property st-global(--wds-card-tab-padding-vertical-medium);
330
332
  @property st-global(--wds-card-tab-padding-vertical-small);
333
+ @property st-global(--wds-carousel-controls-border);
334
+ @property st-global(--wds-carousel-controls-border-disabled);
335
+ @property st-global(--wds-carousel-controls-border-radius);
336
+ @property st-global(--wds-carousel-controls-bottom-offset-dots);
337
+ @property st-global(--wds-carousel-controls-bottom-offset-no-dots);
338
+ @property st-global(--wds-carousel-controls-bottom-shift);
339
+ @property st-global(--wds-carousel-controls-fill-active);
340
+ @property st-global(--wds-carousel-controls-fill-hover);
341
+ @property st-global(--wds-carousel-controls-gap-large);
342
+ @property st-global(--wds-carousel-controls-gap-medium);
343
+ @property st-global(--wds-carousel-controls-gap-small);
344
+ @property st-global(--wds-carousel-controls-gap-tiny);
345
+ @property st-global(--wds-carousel-controls-icon-fill);
346
+ @property st-global(--wds-carousel-controls-icon-fill-active);
347
+ @property st-global(--wds-carousel-controls-icon-fill-disabled);
348
+ @property st-global(--wds-carousel-controls-icon-fill-hover);
349
+ @property st-global(--wds-carousel-controls-offset-bottom);
350
+ @property st-global(--wds-carousel-controls-offset-bottom-gradient);
351
+ @property st-global(--wds-carousel-controls-offset-overlay);
352
+ @property st-global(--wds-carousel-controls-offset-sides);
353
+ @property st-global(--wds-carousel-controls-offset-sides-gradient);
331
354
  @property st-global(--wds-carousel-controls-shadow);
355
+ @property st-global(--wds-carousel-controls-shadow-active);
356
+ @property st-global(--wds-carousel-controls-shadow-default);
357
+ @property st-global(--wds-carousel-controls-shadow-disabled);
358
+ @property st-global(--wds-carousel-controls-shadow-hover);
359
+ @property st-global(--wds-carousel-controls-size-large);
360
+ @property st-global(--wds-carousel-controls-size-medium);
361
+ @property st-global(--wds-carousel-controls-size-small);
362
+ @property st-global(--wds-carousel-controls-size-tiny);
363
+ @property st-global(--wds-carousel-dots-border-radius);
364
+ @property st-global(--wds-carousel-dots-fill);
365
+ @property st-global(--wds-carousel-dots-fill-active);
366
+ @property st-global(--wds-carousel-dots-fill-hover);
367
+ @property st-global(--wds-carousel-dots-gap);
368
+ @property st-global(--wds-carousel-dots-gap-bottom);
369
+ @property st-global(--wds-carousel-dots-gap-bottom-shift);
370
+ @property st-global(--wds-carousel-dots-height);
332
371
  @property st-global(--wds-carousel-dots-width);
372
+ @property st-global(--wds-carousel-gradient-color);
373
+ @property st-global(--wds-carousel-gradient-opacity);
374
+ @property st-global(--wds-carousel-gradient-width);
333
375
  @property st-global(--wds-checkbox-border);
334
376
  @property st-global(--wds-checkbox-border-active);
335
377
  @property st-global(--wds-checkbox-border-active-disabled);
@@ -638,6 +680,7 @@
638
680
  @property st-global(--wds-input-background-fill-default);
639
681
  @property st-global(--wds-input-background-fill-disabled);
640
682
  @property st-global(--wds-input-background-fill-hover);
683
+ @property st-global(--wds-input-background-fill-on-stage);
641
684
  @property st-global(--wds-input-background-fill-readonly);
642
685
  @property st-global(--wds-input-border-color);
643
686
  @property st-global(--wds-input-border-color-disabled);
@@ -803,6 +846,7 @@
803
846
  @property st-global(--wds-loader-stroke-width-medium);
804
847
  @property st-global(--wds-loader-stroke-width-small);
805
848
  @property st-global(--wds-loader-stroke-width-tiny);
849
+ @property st-global(--wds-marketing-layout-actions-alignment-inverted);
806
850
  @property st-global(--wds-marketing-layout-actions-gap-medium);
807
851
  @property st-global(--wds-marketing-layout-actions-gap-small);
808
852
  @property st-global(--wds-marketing-layout-actions-gap-tiny);
@@ -824,7 +868,11 @@
824
868
  @property st-global(--wds-marketing-layout-description-line-height-medium);
825
869
  @property st-global(--wds-marketing-layout-description-line-height-small);
826
870
  @property st-global(--wds-marketing-layout-description-line-height-tiny);
871
+ @property st-global(--wds-marketing-layout-description-max-width);
872
+ @property st-global(--wds-marketing-layout-image-aspect-ratio);
827
873
  @property st-global(--wds-marketing-layout-image-border-radius);
874
+ @property st-global(--wds-marketing-layout-image-height);
875
+ @property st-global(--wds-marketing-layout-image-object-fit);
828
876
  @property st-global(--wds-marketing-layout-image-padding-left-medium);
829
877
  @property st-global(--wds-marketing-layout-image-padding-left-small);
830
878
  @property st-global(--wds-marketing-layout-image-padding-left-tiny);
@@ -834,6 +882,13 @@
834
882
  @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
835
883
  @property st-global(--wds-marketing-layout-image-padding-vertical-small);
836
884
  @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
885
+ @property st-global(--wds-marketing-layout-image-width);
886
+ @property st-global(--wds-marketing-layout-image-wrapper-contain);
887
+ @property st-global(--wds-marketing-layout-image-wrapper-flex);
888
+ @property st-global(--wds-marketing-layout-image-wrapper-width);
889
+ @property st-global(--wds-marketing-layout-min-height-medium);
890
+ @property st-global(--wds-marketing-layout-min-height-small);
891
+ @property st-global(--wds-marketing-layout-min-height-tiny);
837
892
  @property st-global(--wds-marketing-layout-padding-left-medium);
838
893
  @property st-global(--wds-marketing-layout-padding-left-small);
839
894
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -843,6 +898,7 @@
843
898
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
844
899
  @property st-global(--wds-marketing-layout-padding-vertical-small);
845
900
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
901
+ @property st-global(--wds-marketing-layout-title-font-family-tiny);
846
902
  @property st-global(--wds-marketing-layout-title-font-size-medium);
847
903
  @property st-global(--wds-marketing-layout-title-font-size-small);
848
904
  @property st-global(--wds-marketing-layout-title-font-size-tiny);
@@ -1193,6 +1249,8 @@
1193
1249
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1194
1250
  @property st-global(--wds-side-panel-title-font-line-height);
1195
1251
  @property st-global(--wds-side-panel-title-font-size);
1252
+ @property st-global(--wds-sidebar-border-inner-fill);
1253
+ @property st-global(--wds-sidebar-border-outer-fill);
1196
1254
  @property st-global(--wds-sidebar-clear-button-fill);
1197
1255
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1198
1256
  @property st-global(--wds-sidebar-divider-fill-light-default);
@@ -1200,6 +1258,10 @@
1200
1258
  @property st-global(--wds-sidebar-divider-padding-bottom);
1201
1259
  @property st-global(--wds-sidebar-divider-padding-inline);
1202
1260
  @property st-global(--wds-sidebar-divider-padding-top);
1261
+ @property st-global(--wds-sidebar-fill-dark);
1262
+ @property st-global(--wds-sidebar-fill-light);
1263
+ @property st-global(--wds-sidebar-fill-neutral);
1264
+ @property st-global(--wds-sidebar-footer-fade-height);
1203
1265
  @property st-global(--wds-sidebar-header-margin-bottom);
1204
1266
  @property st-global(--wds-sidebar-header-text-dark-default);
1205
1267
  @property st-global(--wds-sidebar-item-border-radius);
@@ -1288,6 +1350,7 @@
1288
1350
  @property st-global(--wds-sidebar-scrollbar-fill-light-hover);
1289
1351
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1290
1352
  @property st-global(--wds-sidebar-scrollbar-fill-neutral-hover);
1353
+ @property st-global(--wds-sidebar-submenu-level-2-padding-bottom);
1291
1354
  @property st-global(--wds-skeleton-border-radius-circle);
1292
1355
  @property st-global(--wds-skeleton-border-radius-line);
1293
1356
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1353,12 +1416,15 @@
1353
1416
  @property st-global(--wds-swatches-swatch-size-medium);
1354
1417
  @property st-global(--wds-swatches-swatch-size-small);
1355
1418
  @property st-global(--wds-swatches-swatch-size-tiny);
1419
+ @property st-global(--wds-table-action-cell-backdrop-opacity);
1356
1420
  @property st-global(--wds-table-action-cell-primary-action-gap-medium);
1357
1421
  @property st-global(--wds-table-action-cell-primary-action-gap-small);
1358
1422
  @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
1359
1423
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1360
1424
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1361
1425
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1426
+ @property st-global(--wds-table-cell-padding-inline);
1427
+ @property st-global(--wds-table-header-font-weight);
1362
1428
  @property st-global(--wds-table-list-header-checkbox-padding-left);
1363
1429
  @property st-global(--wds-table-list-header-checkbox-padding-right);
1364
1430
  @property st-global(--wds-table-list-header-divider-fill-bottom);
@@ -1381,10 +1447,15 @@
1381
1447
  @property st-global(--wds-table-list-item-fill-highlight);
1382
1448
  @property st-global(--wds-table-list-item-fill-hover);
1383
1449
  @property st-global(--wds-table-list-item-fill-hover-draggable);
1450
+ @property st-global(--wds-table-list-item-fill-overlay);
1384
1451
  @property st-global(--wds-table-list-item-gap);
1385
1452
  @property st-global(--wds-table-list-item-indentation-level-2);
1386
1453
  @property st-global(--wds-table-list-item-indentation-level-3);
1387
1454
  @property st-global(--wds-table-list-item-paddings);
1455
+ @property st-global(--wds-table-region-divider-fill);
1456
+ @property st-global(--wds-table-row-divider-fill);
1457
+ @property st-global(--wds-table-sub-toolbar-padding-block-end);
1458
+ @property st-global(--wds-table-sub-toolbar-padding-block-start);
1388
1459
  @property st-global(--wds-table-toolbar-button-gap);
1389
1460
  @property st-global(--wds-table-toolbar-divider-gap);
1390
1461
  @property st-global(--wds-table-toolbar-divider-gap-group-start);
@@ -1977,6 +2048,8 @@
1977
2048
  --wds-card-content-padding-medium-top: 4px;
1978
2049
  --wds-card-content-paddings-horizontal: 12px;
1979
2050
  --wds-card-content-paddings-vertical: 12px;
2051
+ --wds-card-controls-padding-horizontal: 12px;
2052
+ --wds-card-controls-padding-vertical: 12px;
1980
2053
  --wds-card-divider-opacity: 0;
1981
2054
  --wds-card-gallery-item-action-button-border-radius: 6px;
1982
2055
  --wds-card-gallery-item-action-button-font-size: 12px;
@@ -2042,8 +2115,48 @@
2042
2115
  --wds-card-tab-padding-horizontal-small: 20px;
2043
2116
  --wds-card-tab-padding-vertical-medium: 16px;
2044
2117
  --wds-card-tab-padding-vertical-small: 16px;
2118
+ --wds-carousel-controls-border: none;
2119
+ --wds-carousel-controls-border-disabled: none;
2120
+ --wds-carousel-controls-border-radius: 100px;
2121
+ --wds-carousel-controls-bottom-offset-dots: 37px;
2122
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
2123
+ --wds-carousel-controls-bottom-shift: -0.5;
2124
+ --wds-carousel-controls-fill-active: #CFD1DC;
2125
+ --wds-carousel-controls-fill-hover: #FFFFFF;
2126
+ --wds-carousel-controls-gap-large: 32px;
2127
+ --wds-carousel-controls-gap-medium: 32px;
2128
+ --wds-carousel-controls-gap-small: 32px;
2129
+ --wds-carousel-controls-gap-tiny: 32px;
2130
+ --wds-carousel-controls-icon-fill: #151414;
2131
+ --wds-carousel-controls-icon-fill-active: #000624;
2132
+ --wds-carousel-controls-icon-fill-disabled: #a8a6a5;
2133
+ --wds-carousel-controls-icon-fill-hover: #000624;
2134
+ --wds-carousel-controls-offset-bottom: 0px;
2135
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
2136
+ --wds-carousel-controls-offset-overlay: -16px;
2137
+ --wds-carousel-controls-offset-sides: 0px;
2138
+ --wds-carousel-controls-offset-sides-gradient: 0px;
2045
2139
  --wds-carousel-controls-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
2046
- --wds-carousel-dots-width: 4px;
2140
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
2141
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
2142
+ --wds-carousel-controls-shadow-disabled: none;
2143
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
2144
+ --wds-carousel-controls-size-large: 46px;
2145
+ --wds-carousel-controls-size-medium: 32px;
2146
+ --wds-carousel-controls-size-small: 24px;
2147
+ --wds-carousel-controls-size-tiny: 18px;
2148
+ --wds-carousel-dots-border-radius: 10000px;
2149
+ --wds-carousel-dots-fill: #e8e7e7;
2150
+ --wds-carousel-dots-fill-active: #151414;
2151
+ --wds-carousel-dots-fill-hover: #a8a6a5;
2152
+ --wds-carousel-dots-gap: 34px;
2153
+ --wds-carousel-dots-gap-bottom: 34px;
2154
+ --wds-carousel-dots-gap-bottom-shift: 0;
2155
+ --wds-carousel-dots-height: 6px;
2156
+ --wds-carousel-dots-width: 6px;
2157
+ --wds-carousel-gradient-color: #ffffff;
2158
+ --wds-carousel-gradient-opacity: 100%;
2159
+ --wds-carousel-gradient-width: 30px;
2047
2160
  --wds-checkbox-border: #383838;
2048
2161
  --wds-checkbox-border-active: #2f5dff;
2049
2162
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -2352,6 +2465,7 @@
2352
2465
  --wds-input-background-fill-default: #f8f6f6;
2353
2466
  --wds-input-background-fill-disabled: #f8f6f6;
2354
2467
  --wds-input-background-fill-hover: #f8f6f6;
2468
+ --wds-input-background-fill-on-stage: #f0efef;
2355
2469
  --wds-input-background-fill-readonly: #ffffff;
2356
2470
  --wds-input-border-color: rgba(19, 23, 32, 0);
2357
2471
  --wds-input-border-color-disabled: #f0efef;
@@ -2517,9 +2631,10 @@
2517
2631
  --wds-loader-stroke-width-medium: 2px;
2518
2632
  --wds-loader-stroke-width-small: 2px;
2519
2633
  --wds-loader-stroke-width-tiny: 2px;
2634
+ --wds-marketing-layout-actions-alignment-inverted: flex-end;
2520
2635
  --wds-marketing-layout-actions-gap-medium: 24px;
2521
2636
  --wds-marketing-layout-actions-gap-small: 24px;
2522
- --wds-marketing-layout-actions-gap-tiny: 24px;
2637
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2523
2638
  --wds-marketing-layout-badge-gap: 8px;
2524
2639
  --wds-marketing-layout-badge-offset-medium: 0px;
2525
2640
  --wds-marketing-layout-badge-offset-small: 0px;
@@ -2538,7 +2653,11 @@
2538
2653
  --wds-marketing-layout-description-line-height-medium: 16px;
2539
2654
  --wds-marketing-layout-description-line-height-small: 16px;
2540
2655
  --wds-marketing-layout-description-line-height-tiny: 16px;
2656
+ --wds-marketing-layout-description-max-width: 80%;
2657
+ --wds-marketing-layout-image-aspect-ratio: 1;
2541
2658
  --wds-marketing-layout-image-border-radius: 8px;
2659
+ --wds-marketing-layout-image-height: 100%;
2660
+ --wds-marketing-layout-image-object-fit: cover;
2542
2661
  --wds-marketing-layout-image-padding-left-medium: 12px;
2543
2662
  --wds-marketing-layout-image-padding-left-small: 12px;
2544
2663
  --wds-marketing-layout-image-padding-left-tiny: 12px;
@@ -2548,6 +2667,13 @@
2548
2667
  --wds-marketing-layout-image-padding-vertical-medium: 12px;
2549
2668
  --wds-marketing-layout-image-padding-vertical-small: 12px;
2550
2669
  --wds-marketing-layout-image-padding-vertical-tiny: 12px;
2670
+ --wds-marketing-layout-image-width: auto;
2671
+ --wds-marketing-layout-image-wrapper-contain: size;
2672
+ --wds-marketing-layout-image-wrapper-flex: none;
2673
+ --wds-marketing-layout-image-wrapper-width: auto;
2674
+ --wds-marketing-layout-min-height-medium: 180px;
2675
+ --wds-marketing-layout-min-height-small: 160px;
2676
+ --wds-marketing-layout-min-height-tiny: 140px;
2551
2677
  --wds-marketing-layout-padding-left-medium: 20px;
2552
2678
  --wds-marketing-layout-padding-left-small: 8px;
2553
2679
  --wds-marketing-layout-padding-left-tiny: 8px;
@@ -2557,15 +2683,16 @@
2557
2683
  --wds-marketing-layout-padding-vertical-medium: 20px;
2558
2684
  --wds-marketing-layout-padding-vertical-small: 20px;
2559
2685
  --wds-marketing-layout-padding-vertical-tiny: 20px;
2686
+ --wds-marketing-layout-title-font-family-tiny: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2560
2687
  --wds-marketing-layout-title-font-size-medium: 16px;
2561
2688
  --wds-marketing-layout-title-font-size-small: 16px;
2562
2689
  --wds-marketing-layout-title-font-size-tiny: 16px;
2563
2690
  --wds-marketing-layout-title-font-weight-medium: 700;
2564
2691
  --wds-marketing-layout-title-font-weight-small: 700;
2565
2692
  --wds-marketing-layout-title-font-weight-tiny: 700;
2566
- --wds-marketing-layout-title-gap-medium: 8px;
2567
- --wds-marketing-layout-title-gap-small: 8px;
2568
- --wds-marketing-layout-title-gap-tiny: 8px;
2693
+ --wds-marketing-layout-title-gap-medium: 4px;
2694
+ --wds-marketing-layout-title-gap-small: 4px;
2695
+ --wds-marketing-layout-title-gap-tiny: 2px;
2569
2696
  --wds-marketing-layout-title-line-height-medium: 20px;
2570
2697
  --wds-marketing-layout-title-line-height-small: 20px;
2571
2698
  --wds-marketing-layout-title-line-height-tiny: 20px;
@@ -2907,6 +3034,8 @@
2907
3034
  --wds-side-panel-title-font-letter-spacing: -0.5px;
2908
3035
  --wds-side-panel-title-font-line-height: 24px;
2909
3036
  --wds-side-panel-title-font-size: 16px;
3037
+ --wds-sidebar-border-inner-fill: #FFFFFF;
3038
+ --wds-sidebar-border-outer-fill: #EEEEEE;
2910
3039
  --wds-sidebar-clear-button-fill: #5a5d63;
2911
3040
  --wds-sidebar-divider-fill-dark-default: #42454c;
2912
3041
  --wds-sidebar-divider-fill-light-default: transparent;
@@ -2914,6 +3043,10 @@
2914
3043
  --wds-sidebar-divider-padding-bottom: 12px;
2915
3044
  --wds-sidebar-divider-padding-inline: 8px;
2916
3045
  --wds-sidebar-divider-padding-top: 12px;
3046
+ --wds-sidebar-fill-dark: #131720;
3047
+ --wds-sidebar-fill-light: #F7F7F7;
3048
+ --wds-sidebar-fill-neutral: #F7F7F7;
3049
+ --wds-sidebar-footer-fade-height: 60px;
2917
3050
  --wds-sidebar-header-margin-bottom: 12px;
2918
3051
  --wds-sidebar-header-text-dark-default: #ffffff;
2919
3052
  --wds-sidebar-item-border-radius: 8px;
@@ -2988,7 +3121,7 @@
2988
3121
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2989
3122
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
2990
3123
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
2991
- --wds-sidebar-minimized-padding-inline: 14px;
3124
+ --wds-sidebar-minimized-padding-inline: 16px;
2992
3125
  --wds-sidebar-minimized-width: 62px;
2993
3126
  --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
2994
3127
  --wds-sidebar-padding-bottom: 24px;
@@ -3002,6 +3135,7 @@
3002
3135
  --wds-sidebar-scrollbar-fill-light-hover: #a8a6a5;
3003
3136
  --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
3004
3137
  --wds-sidebar-scrollbar-fill-neutral-hover: #a8a6a5;
3138
+ --wds-sidebar-submenu-level-2-padding-bottom: 0px;
3005
3139
  --wds-skeleton-border-radius-circle: 1000px;
3006
3140
  --wds-skeleton-border-radius-line: 4px;
3007
3141
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -3067,17 +3201,20 @@
3067
3201
  --wds-swatches-swatch-size-medium: 36px;
3068
3202
  --wds-swatches-swatch-size-small: 28px;
3069
3203
  --wds-swatches-swatch-size-tiny: 22px;
3204
+ --wds-table-action-cell-backdrop-opacity: 1;
3070
3205
  --wds-table-action-cell-primary-action-gap-medium: 8px;
3071
3206
  --wds-table-action-cell-primary-action-gap-small: 8px;
3072
3207
  --wds-table-action-cell-primary-action-gap-tiny: 8px;
3073
3208
  --wds-table-action-cell-secondary-action-gap-medium: 4px;
3074
3209
  --wds-table-action-cell-secondary-action-gap-small: 4px;
3075
3210
  --wds-table-action-cell-secondary-action-gap-tiny: 4px;
3211
+ --wds-table-cell-padding-inline: 8px;
3212
+ --wds-table-header-font-weight: 500;
3076
3213
  --wds-table-list-header-checkbox-padding-left: 4px;
3077
3214
  --wds-table-list-header-checkbox-padding-right: 10px;
3078
3215
  --wds-table-list-header-divider-fill-bottom: #dedede;
3079
3216
  --wds-table-list-header-divider-fill-top: rgba(19, 23, 32, 0);
3080
- --wds-table-list-header-fill: rgba(19, 23, 32, 0);
3217
+ --wds-table-list-header-fill: #ffffff;
3081
3218
  --wds-table-list-header-icon-fill: #151414;
3082
3219
  --wds-table-list-header-min-height: 48px;
3083
3220
  --wds-table-list-header-option-gap: 16px;
@@ -3095,10 +3232,15 @@
3095
3232
  --wds-table-list-item-fill-highlight: #f5f7ff;
3096
3233
  --wds-table-list-item-fill-hover: #f8f6f6;
3097
3234
  --wds-table-list-item-fill-hover-draggable: #f8f6f6;
3235
+ --wds-table-list-item-fill-overlay: #ffffff;
3098
3236
  --wds-table-list-item-gap: 16px;
3099
3237
  --wds-table-list-item-indentation-level-2: 12px;
3100
3238
  --wds-table-list-item-indentation-level-3: 28px;
3101
3239
  --wds-table-list-item-paddings: 0px;
3240
+ --wds-table-region-divider-fill: rgba(19, 23, 32, 0);
3241
+ --wds-table-row-divider-fill: rgba(19, 23, 32, 0);
3242
+ --wds-table-sub-toolbar-padding-block-end: 16px;
3243
+ --wds-table-sub-toolbar-padding-block-start: 8px;
3102
3244
  --wds-table-toolbar-button-gap: 8px;
3103
3245
  --wds-table-toolbar-divider-gap: 16px;
3104
3246
  --wds-table-toolbar-divider-gap-group-start: 16px;
package/odeditor-dark/all.css CHANGED
@@ -359,6 +359,7 @@
359
359
  --wds-table-toolbar-divider-gap-group-start: 16px;
360
360
  --wds-table-toolbar-divider-gap: 16px;
361
361
  --wds-table-toolbar-button-gap: 8px;
362
+ --wds-table-action-cell-backdrop-opacity: 1;
362
363
  --wds-swatches-swatch-size-tiny: 22px;
363
364
  --wds-status-toast-width: 600px;
364
365
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -370,6 +371,7 @@
370
371
  --wds-slider-slider-knob-shadow: false;
371
372
  --wds-slider-slider-knob-border-width-hover: 12px;
372
373
  --wds-slider-slider-knob-border-width: 2px;
374
+ --wds-sidebar-submenu-level-2-padding-bottom: 6px;
373
375
  --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
374
376
  --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
375
377
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -386,8 +388,10 @@
386
388
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
387
389
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
388
390
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
391
+ --wds-sidebar-footer-fade-height: 0px;
389
392
  --wds-sidebar-divider-fill-dark-default: #42454c;
390
393
  --wds-sidebar-clear-button-fill: #5a5d63;
394
+ --wds-sidebar-border-inner-fill: transparent;
391
395
  --wds-side-panel-standard-shadow: none;
392
396
  --wds-side-panel-standard-overflow: visible;
393
397
  --wds-side-panel-header-divider-height: 0;
@@ -418,9 +422,21 @@
418
422
  --wds-marketing-page-image-display: block;
419
423
  --wds-marketing-page-footer-grid-column: span 12;
420
424
  --wds-marketing-page-footer-divider-display: block;
425
+ --wds-marketing-layout-min-height-tiny: auto;
426
+ --wds-marketing-layout-min-height-small: auto;
427
+ --wds-marketing-layout-min-height-medium: auto;
428
+ --wds-marketing-layout-image-wrapper-width: auto;
429
+ --wds-marketing-layout-image-wrapper-flex: 0 1 auto;
430
+ --wds-marketing-layout-image-wrapper-contain: none;
431
+ --wds-marketing-layout-image-width: 100%;
432
+ --wds-marketing-layout-image-object-fit: fill;
433
+ --wds-marketing-layout-image-height: auto;
434
+ --wds-marketing-layout-image-aspect-ratio: auto;
435
+ --wds-marketing-layout-description-max-width: none;
421
436
  --wds-marketing-layout-badge-top: auto;
422
437
  --wds-marketing-layout-badge-side: auto;
423
438
  --wds-marketing-layout-badge-position: static;
439
+ --wds-marketing-layout-actions-alignment-inverted: auto;
424
440
  --wds-loader-stroke-width-tiny: 2px;
425
441
  --wds-loader-stroke-width-small: 2px;
426
442
  --wds-loader-stroke-width-medium: 2px;
@@ -456,6 +472,23 @@
456
472
  --wds-composer-sidebar-bottom-width: 88px;
457
473
  --wds-color-picker-width: 236px;
458
474
  --wds-clickable-card-standard-box-shadow-hover: none;
475
+ --wds-carousel-gradient-opacity: 50%;
476
+ --wds-carousel-dots-height: 4px;
477
+ --wds-carousel-dots-gap-bottom-shift: 0.5;
478
+ --wds-carousel-dots-gap-bottom: 10px;
479
+ --wds-carousel-dots-border-radius: 2px;
480
+ --wds-carousel-controls-shadow-hover: none;
481
+ --wds-carousel-controls-shadow-default: none;
482
+ --wds-carousel-controls-shadow-active: none;
483
+ --wds-carousel-controls-offset-sides-gradient: 12px;
484
+ --wds-carousel-controls-offset-sides: 0px;
485
+ --wds-carousel-controls-offset-overlay: 12px;
486
+ --wds-carousel-controls-offset-bottom-gradient: 12px;
487
+ --wds-carousel-controls-offset-bottom: 0px;
488
+ --wds-carousel-controls-bottom-shift: 0;
489
+ --wds-carousel-controls-bottom-offset-dots: 10px;
490
+ --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
491
+ --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
459
492
  --wds-card-gallery-item-title-gap: 0px;
460
493
  --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);
461
494
  --wds-card-gallery-item-shadow-hover: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
@@ -786,7 +819,7 @@
786
819
  --wds-color-fill-light-primary: var(--wds-color-white);
787
820
  --wds-color-fill-destructive-tertiary-hover: var(--wds-color-red-500);
788
821
  --wds-color-fill-destructive-tertiary-disabled: var(--wds-color-white);
789
- --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-500);
822
+ --wds-color-fill-destructive-tertiary-active: var(--wds-color-red-400);
790
823
  --wds-color-fill-destructive-tertiary: var(--wds-color-white);
791
824
  --wds-color-fill-destructive-secondary-hover: var(--wds-color-red-300);
792
825
  --wds-color-fill-destructive-secondary-disabled: var(--wds-color-black-100-transparent-10);
@@ -1096,7 +1129,6 @@
1096
1129
  --wds-table-list-header-option-margin-inline: var(--wds-space-0);
1097
1130
  --wds-table-list-header-option-gap: var(--wds-space-400);
1098
1131
  --wds-table-list-header-min-height: var(--wds-space-1200);
1099
- --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
1100
1132
  --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
1101
1133
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-350);
1102
1134
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-0);
@@ -1107,6 +1139,12 @@
1107
1139
  --wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
1108
1140
  --wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
1109
1141
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
1142
+ --wds-table-sub-toolbar-padding-block-start: var(--wds-space-200);
1143
+ --wds-table-sub-toolbar-padding-block-end: var(--wds-space-400);
1144
+ --wds-table-row-divider-fill: var(--wds-color-black-100-transparent-0);
1145
+ --wds-table-region-divider-fill: var(--wds-color-black-100-transparent-0);
1146
+ --wds-table-header-font-weight: var(--wds-font-weight-medium);
1147
+ --wds-table-cell-padding-inline: var(--wds-space-200);
1110
1148
  --wds-swatches-swatch-size-small: var(--wds-space-700);
1111
1149
  --wds-swatches-swatch-size-medium: var(--wds-space-900);
1112
1150
  --wds-swatches-swatch-size-large: var(--wds-space-1100);
@@ -1199,6 +1237,7 @@
1199
1237
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
1200
1238
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1201
1239
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1240
+ --wds-sidebar-fill-dark: var(--wds-sidebar-item-level-1-fill-dark-default);
1202
1241
  --wds-sidebar-divider-padding-top: var(--wds-space-300);
1203
1242
  --wds-sidebar-divider-padding-inline: var(--wds-space-200);
1204
1243
  --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
@@ -1441,6 +1480,7 @@
1441
1480
  --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1442
1481
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1443
1482
  --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1483
+ --wds-marketing-layout-title-font-family-tiny: var(--wds-font-family-default);
1444
1484
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1445
1485
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1446
1486
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
@@ -1513,7 +1553,6 @@
1513
1553
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1514
1554
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1515
1555
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1516
- --wds-list-item-action-subtitle-destructive: var(--wds-color-red-0);
1517
1556
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1518
1557
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1519
1558
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1522,11 +1561,7 @@
1522
1561
  --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-200);
1523
1562
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1524
1563
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1525
- --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-50);
1526
- --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1527
1564
  --wds-list-item-action-gap: var(--wds-space-50);
1528
- --wds-list-item-action-fill-hover-destructive: var(--wds-color-red-400);
1529
- --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
1530
1565
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1531
1566
  --wds-list-item-action-affix-margin: var(--wds-space-100);
1532
1567
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1700,7 +1735,18 @@
1700
1735
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1701
1736
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1702
1737
  --wds-checkbox-border: var(--wds-color-black-200);
1738
+ --wds-carousel-gradient-color: var(--wds-color-white);
1703
1739
  --wds-carousel-dots-width: var(--wds-space-100);
1740
+ --wds-carousel-dots-gap: var(--wds-space-400);
1741
+ --wds-carousel-dots-fill-hover: var(--wds-color-blue-200);
1742
+ --wds-carousel-dots-fill-active: var(--wds-color-blue-0);
1743
+ --wds-carousel-dots-fill: var(--wds-color-blue-300);
1744
+ --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1745
+ --wds-carousel-controls-gap-small: var(--wds-space-300);
1746
+ --wds-carousel-controls-gap-medium: var(--wds-space-200);
1747
+ --wds-carousel-controls-gap-large: var(--wds-space-200);
1748
+ --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1749
+ --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1704
1750
  --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1705
1751
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1706
1752
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
@@ -1731,6 +1777,8 @@
1731
1777
  --wds-card-header-padding-vertical: var(--wds-space-400);
1732
1778
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1733
1779
  --wds-card-header-divider-width: var(--wds-border-width-none);
1780
+ --wds-card-controls-padding-vertical: var(--wds-space-400);
1781
+ --wds-card-controls-padding-horizontal: var(--wds-space-600);
1734
1782
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1735
1783
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1736
1784
  --wds-card-content-padding-medium-top: var(--wds-space-100);
@@ -1994,12 +2042,14 @@
1994
2042
  --wds-tabs-label-fill-disabled: var(--wds-color-text-disabled);
1995
2043
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1996
2044
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2045
+ --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
1997
2046
  --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1998
2047
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1999
2048
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
2000
2049
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
2001
2050
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2002
2051
  --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2052
+ --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
2003
2053
  --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
2004
2054
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
2005
2055
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -2024,6 +2074,9 @@
2024
2074
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
2025
2075
  --wds-sidebar-item-text-dark-default: var(--wds-color-text-standard-primary);
2026
2076
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary);
2077
+ --wds-sidebar-fill-neutral: var(--wds-sidebar-item-level-1-fill-neutral-default);
2078
+ --wds-sidebar-fill-light: var(--wds-sidebar-item-level-1-fill-light-default);
2079
+ --wds-sidebar-border-outer-fill: var(--wds-sidebar-divider-fill-light-default);
2027
2080
  --wds-side-panel-title-font-size: var(--wds-font-size-body-small);
2028
2081
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-tiny);
2029
2082
  --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
@@ -2127,16 +2180,21 @@
2127
2180
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
2128
2181
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
2129
2182
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
2130
- --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-primary);
2183
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
2184
+ --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
2131
2185
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
2132
2186
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
2133
2187
  --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
2134
2188
  --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
2189
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-fill-destructive-primary-hover);
2135
2190
  --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
2136
2191
  --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
2192
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
2137
2193
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
2194
+ --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
2138
2195
  --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2139
2196
  --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
2197
+ --wds-list-item-action-fill: var(--wds-color-fill-destructive-tertiary);
2140
2198
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
2141
2199
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
2142
2200
  --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
@@ -2146,6 +2204,7 @@
2146
2204
  --wds-input-icon-affix-fill: var(--wds-color-text-standard-primary);
2147
2205
  --wds-input-border-color-hover: var(--wds-color-border-standard-primary);
2148
2206
  --wds-input-border-color-focus: var(--wds-color-border-standard-primary-active);
2207
+ --wds-input-background-fill-on-stage: var(--wds-color-fill-dark-secondary);
2149
2208
  --wds-info-icon-fill-hover: var(--wds-color-text-primary);
2150
2209
  --wds-info-icon-fill: var(--wds-color-text-placeholder);
2151
2210
  --wds-icon-button-color-text-standard-tertiary-hover: var(--wds-color-fill-standard-primary-active);
@@ -2290,7 +2349,14 @@
2290
2349
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2291
2350
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2292
2351
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2352
+ --wds-carousel-gradient-width: var(--wds-button-size-medium);
2353
+ --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2354
+ --wds-carousel-controls-size-small: var(--wds-button-size-small);
2355
+ --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2356
+ --wds-carousel-controls-size-large: var(--wds-button-size-large);
2357
+ --wds-carousel-controls-shadow-disabled: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
2293
2358
  --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
2359
+ --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2294
2360
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2295
2361
  --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2296
2362
  --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
@@ -2446,6 +2512,11 @@
2446
2512
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2447
2513
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2448
2514
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2515
+ --wds-carousel-controls-icon-fill-hover: var(--wds-icon-button-color-text-standard-secondary-hover);
2516
+ --wds-carousel-controls-icon-fill-active: var(--wds-icon-button-color-text-standard-secondary-active);
2517
+ --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2518
+ --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2519
+ --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2449
2520
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2450
2521
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2451
2522
  --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);