@wix/design-system-tokens 1.222.0 → 1.223.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/all.css +89 -2
  3. package/all.scss +89 -2
  4. package/all.st.css +176 -2
  5. package/component.st.css +174 -0
  6. package/odeditor/all.css +106 -14
  7. package/odeditor/all.scss +106 -14
  8. package/odeditor/all.st.css +198 -14
  9. package/odeditor/component.st.css +197 -13
  10. package/odeditor/semantic.st.css +1 -1
  11. package/odeditor-dark/all.css +101 -9
  12. package/odeditor-dark/all.scss +101 -9
  13. package/odeditor-dark/all.st.css +193 -9
  14. package/odeditor-dark/component.st.css +191 -7
  15. package/odeditor-dark/semantic.st.css +2 -2
  16. package/package.json +2 -2
  17. package/semantic.st.css +2 -2
  18. package/studio/all.css +88 -1
  19. package/studio/all.scss +88 -1
  20. package/studio/all.st.css +175 -1
  21. package/studio/component.st.css +174 -0
  22. package/studio/semantic.st.css +1 -1
  23. package/wixel/all.css +88 -1
  24. package/wixel/all.scss +88 -1
  25. package/wixel/all.st.css +175 -1
  26. package/wixel/component.st.css +174 -0
  27. package/wixel/semantic.st.css +1 -1
package/component.st.css CHANGED
@@ -274,26 +274,59 @@
274
274
  @property st-global(--wds-card-content-paddings-horizontal);
275
275
  @property st-global(--wds-card-content-paddings-vertical);
276
276
  @property st-global(--wds-card-divider-opacity);
277
+ @property st-global(--wds-card-gallery-item-action-button-border-radius);
278
+ @property st-global(--wds-card-gallery-item-action-button-font-size);
279
+ @property st-global(--wds-card-gallery-item-action-button-line-height);
280
+ @property st-global(--wds-card-gallery-item-action-button-min-width);
281
+ @property st-global(--wds-card-gallery-item-action-button-padding-horizontal);
282
+ @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
283
+ @property st-global(--wds-card-gallery-item-action-button-size);
284
+ @property st-global(--wds-card-gallery-item-actions-align);
285
+ @property st-global(--wds-card-gallery-item-actions-direction);
286
+ @property st-global(--wds-card-gallery-item-actions-secondary-position);
287
+ @property st-global(--wds-card-gallery-item-badge-offset-block);
288
+ @property st-global(--wds-card-gallery-item-badge-offset-inline);
289
+ @property st-global(--wds-card-gallery-item-base-shadow);
277
290
  @property st-global(--wds-card-gallery-item-border-radius-0);
278
291
  @property st-global(--wds-card-gallery-item-border-radius-100);
279
292
  @property st-global(--wds-card-gallery-item-buttons-gap);
280
293
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
294
+ @property st-global(--wds-card-gallery-item-drag-handle-gap);
281
295
  @property st-global(--wds-card-gallery-item-fill);
282
296
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
283
297
  @property st-global(--wds-card-gallery-item-image-border-radius-top);
298
+ @property st-global(--wds-card-gallery-item-image-inset);
299
+ @property st-global(--wds-card-gallery-item-image-side-size-medium);
300
+ @property st-global(--wds-card-gallery-item-image-side-size-small);
301
+ @property st-global(--wds-card-gallery-item-outline-border-color);
302
+ @property st-global(--wds-card-gallery-item-outline-border-color-hover);
303
+ @property st-global(--wds-card-gallery-item-overlay-backdrop-filter);
284
304
  @property st-global(--wds-card-gallery-item-overlay-fill);
305
+ @property st-global(--wds-card-gallery-item-overlay-hover-fill);
285
306
  @property st-global(--wds-card-gallery-item-padding-left-medium);
286
307
  @property st-global(--wds-card-gallery-item-padding-left-small);
287
308
  @property st-global(--wds-card-gallery-item-padding-right-medium);
288
309
  @property st-global(--wds-card-gallery-item-padding-right-small);
289
310
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
290
311
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
312
+ @property st-global(--wds-card-gallery-item-secondary-action-font-size);
313
+ @property st-global(--wds-card-gallery-item-secondary-action-line-height);
314
+ @property st-global(--wds-card-gallery-item-shadow);
315
+ @property st-global(--wds-card-gallery-item-shadow-hover);
316
+ @property st-global(--wds-card-gallery-item-shadow-hover-side);
291
317
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
318
+ @property st-global(--wds-card-gallery-item-subtitle-line-height-medium);
292
319
  @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
320
+ @property st-global(--wds-card-gallery-item-title-font-family);
321
+ @property st-global(--wds-card-gallery-item-title-font-heading-letter-spacing-medium);
322
+ @property st-global(--wds-card-gallery-item-title-font-heading-weight-medium);
323
+ @property st-global(--wds-card-gallery-item-title-font-letter-spacing);
293
324
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
294
325
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
295
326
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
296
327
  @property st-global(--wds-card-gallery-item-title-font-weight-medium);
328
+ @property st-global(--wds-card-gallery-item-title-font-weight-small);
329
+ @property st-global(--wds-card-gallery-item-title-gap);
297
330
  @property st-global(--wds-card-header-divider-width);
298
331
  @property st-global(--wds-card-header-padding-horizontal);
299
332
  @property st-global(--wds-card-header-padding-vertical);
@@ -445,6 +478,7 @@
445
478
  @property st-global(--wds-editable-title-marker-fill);
446
479
  @property st-global(--wds-editable-title-marker-fill-active);
447
480
  @property st-global(--wds-editable-title-marker-gap);
481
+ @property st-global(--wds-editable-title-marker-image);
448
482
  @property st-global(--wds-editable-title-marker-line-style);
449
483
  @property st-global(--wds-editable-title-placeholder-fill);
450
484
  @property st-global(--wds-empty-state-border-radius);
@@ -493,6 +527,9 @@
493
527
  @property st-global(--wds-google-preview-surface-fill);
494
528
  @property st-global(--wds-google-preview-text-fill);
495
529
  @property st-global(--wds-google-preview-title-fill);
530
+ @property st-global(--wds-horizontal-scroll-button-fill);
531
+ @property st-global(--wds-horizontal-scroll-button-fill-active);
532
+ @property st-global(--wds-horizontal-scroll-button-text);
496
533
  @property st-global(--wds-icon-button-color-border-dark-secondary);
497
534
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
498
535
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -863,10 +900,44 @@
863
900
  @property st-global(--wds-marketing-layout-title-line-height-medium);
864
901
  @property st-global(--wds-marketing-layout-title-line-height-small);
865
902
  @property st-global(--wds-marketing-layout-title-line-height-tiny);
903
+ @property st-global(--wds-marketing-page-content-actions-gap);
904
+ @property st-global(--wds-marketing-page-content-font-size);
905
+ @property st-global(--wds-marketing-page-content-line-height);
906
+ @property st-global(--wds-marketing-page-content-padding-end-large);
907
+ @property st-global(--wds-marketing-page-content-padding-end-medium);
908
+ @property st-global(--wds-marketing-page-content-padding-start-large);
909
+ @property st-global(--wds-marketing-page-content-padding-start-medium);
910
+ @property st-global(--wds-marketing-page-footer-divider-display);
911
+ @property st-global(--wds-marketing-page-footer-grid-column);
912
+ @property st-global(--wds-marketing-page-footer-padding-bottom);
913
+ @property st-global(--wds-marketing-page-image-display);
914
+ @property st-global(--wds-marketing-page-image-grid-row);
915
+ @property st-global(--wds-marketing-page-image-padding-end-large);
916
+ @property st-global(--wds-marketing-page-image-padding-end-medium);
917
+ @property st-global(--wds-marketing-page-image-padding-vertical-large);
918
+ @property st-global(--wds-marketing-page-image-padding-vertical-medium);
919
+ @property st-global(--wds-marketing-page-image-top-actions-gap);
920
+ @property st-global(--wds-marketing-page-image-top-columns-gap);
921
+ @property st-global(--wds-marketing-page-image-top-content-column-padding-vertical);
922
+ @property st-global(--wds-marketing-page-image-top-content-padding-bottom);
923
+ @property st-global(--wds-marketing-page-image-top-content-padding-horizontal);
924
+ @property st-global(--wds-marketing-page-image-top-content-padding-top);
925
+ @property st-global(--wds-marketing-page-image-top-footer-padding-bottom);
926
+ @property st-global(--wds-marketing-page-image-top-image-border-radius);
927
+ @property st-global(--wds-marketing-page-image-top-image-padding);
928
+ @property st-global(--wds-marketing-page-image-top-title-line-height);
929
+ @property st-global(--wds-marketing-page-image-top-title-subtitle-gap);
930
+ @property st-global(--wds-marketing-page-overline-divider-display);
931
+ @property st-global(--wds-marketing-page-overline-divider-margin-top);
932
+ @property st-global(--wds-marketing-page-overline-title-gap);
866
933
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
867
934
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
868
935
  @property st-global(--wds-marketing-page-paddings-vertical-large);
869
936
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
937
+ @property st-global(--wds-marketing-page-subtitle-fill);
938
+ @property st-global(--wds-marketing-page-title-content-gap);
939
+ @property st-global(--wds-marketing-page-title-font-weight);
940
+ @property st-global(--wds-marketing-page-title-line-height);
870
941
  @property st-global(--wds-message-modal-close-button-fill);
871
942
  @property st-global(--wds-message-modal-close-button-icon-size);
872
943
  @property st-global(--wds-message-modal-close-button-size);
@@ -902,6 +973,7 @@
902
973
  @property st-global(--wds-notification-padding-vertical);
903
974
  @property st-global(--wds-number-input-icon-fill);
904
975
  @property st-global(--wds-page-header-back-button-gap);
976
+ @property st-global(--wds-page-header-back-button-offset);
905
977
  @property st-global(--wds-page-header-breadcrumbs-color);
906
978
  @property st-global(--wds-page-header-breadcrumbs-font-size);
907
979
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
@@ -909,6 +981,7 @@
909
981
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
910
982
  @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
911
983
  @property st-global(--wds-page-header-divider-color);
984
+ @property st-global(--wds-page-header-padding-bottom-with-tail);
912
985
  @property st-global(--wds-page-header-padding-horizontal);
913
986
  @property st-global(--wds-page-header-padding-horizontal-small);
914
987
  @property st-global(--wds-page-header-padding-vertical);
@@ -925,6 +998,7 @@
925
998
  @property st-global(--wds-page-header-title-minimised-font-weight);
926
999
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
927
1000
  @property st-global(--wds-page-header-title-minimised-line-height);
1001
+ @property st-global(--wds-page-header-title-padding-start);
928
1002
  @property st-global(--wds-page-section-divider-display);
929
1003
  @property st-global(--wds-page-section-gap);
930
1004
  @property st-global(--wds-page-section-padding-bottom);
@@ -1312,6 +1386,16 @@
1312
1386
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1313
1387
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1314
1388
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1389
+ @property st-global(--wds-table-list-header-checkbox-padding-left);
1390
+ @property st-global(--wds-table-list-header-checkbox-padding-right);
1391
+ @property st-global(--wds-table-list-header-divider-fill-bottom);
1392
+ @property st-global(--wds-table-list-header-divider-fill-top);
1393
+ @property st-global(--wds-table-list-header-fill);
1394
+ @property st-global(--wds-table-list-header-icon-fill);
1395
+ @property st-global(--wds-table-list-header-min-height);
1396
+ @property st-global(--wds-table-list-header-option-gap);
1397
+ @property st-global(--wds-table-list-header-option-margin-inline);
1398
+ @property st-global(--wds-table-list-header-padding-inline);
1315
1399
  @property st-global(--wds-table-list-item-border-color);
1316
1400
  @property st-global(--wds-table-list-item-border-radius);
1317
1401
  @property st-global(--wds-table-list-item-checkbox-offset);
@@ -1630,8 +1714,11 @@
1630
1714
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
1631
1715
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
1632
1716
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
1717
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
1633
1718
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
1719
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
1634
1720
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
1721
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
1635
1722
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
1636
1723
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
1637
1724
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -1935,26 +2022,59 @@
1935
2022
  --wds-card-content-paddings-horizontal: 24px;
1936
2023
  --wds-card-content-paddings-vertical: 18px;
1937
2024
  --wds-card-divider-opacity: 1;
2025
+ --wds-card-gallery-item-action-button-border-radius: 1000px;
2026
+ --wds-card-gallery-item-action-button-font-size: 16px;
2027
+ --wds-card-gallery-item-action-button-line-height: 24px;
2028
+ --wds-card-gallery-item-action-button-min-width: 84px;
2029
+ --wds-card-gallery-item-action-button-padding-horizontal: 24px;
2030
+ --wds-card-gallery-item-action-button-padding-vertical: 6px;
2031
+ --wds-card-gallery-item-action-button-size: 36px;
2032
+ --wds-card-gallery-item-actions-align: stretch;
2033
+ --wds-card-gallery-item-actions-direction: row;
2034
+ --wds-card-gallery-item-actions-secondary-position: absolute;
2035
+ --wds-card-gallery-item-badge-offset-block: 12px;
2036
+ --wds-card-gallery-item-badge-offset-inline: -6px;
2037
+ --wds-card-gallery-item-base-shadow: none;
1938
2038
  --wds-card-gallery-item-border-radius-0: 0px;
1939
2039
  --wds-card-gallery-item-border-radius-100: 8px;
1940
2040
  --wds-card-gallery-item-buttons-gap: 6px;
1941
2041
  --wds-card-gallery-item-content-margin-vertical: 0px;
2042
+ --wds-card-gallery-item-drag-handle-gap: 12px;
1942
2043
  --wds-card-gallery-item-fill: #ffffff;
1943
2044
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
1944
2045
  --wds-card-gallery-item-image-border-radius-top: 8px;
2046
+ --wds-card-gallery-item-image-inset: 0px;
2047
+ --wds-card-gallery-item-image-side-size-medium: 40px;
2048
+ --wds-card-gallery-item-image-side-size-small: 30px;
2049
+ --wds-card-gallery-item-outline-border-color: #d6e6fe;
2050
+ --wds-card-gallery-item-outline-border-color-hover: #a8caff;
2051
+ --wds-card-gallery-item-overlay-backdrop-filter: none;
1945
2052
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2053
+ --wds-card-gallery-item-overlay-hover-fill: rgba(68, 72, 95, .5);
1946
2054
  --wds-card-gallery-item-padding-left-medium: 18px;
1947
2055
  --wds-card-gallery-item-padding-left-small: 12px;
1948
2056
  --wds-card-gallery-item-padding-right-medium: 24px;
1949
2057
  --wds-card-gallery-item-padding-right-small: 18px;
1950
2058
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1951
2059
  --wds-card-gallery-item-padding-vertical-small: 12px;
2060
+ --wds-card-gallery-item-secondary-action-font-size: 16px;
2061
+ --wds-card-gallery-item-secondary-action-line-height: 24px;
2062
+ --wds-card-gallery-item-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2063
+ --wds-card-gallery-item-shadow-hover: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2064
+ --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);
1952
2065
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2066
+ --wds-card-gallery-item-subtitle-line-height-medium: 18px;
1953
2067
  --wds-card-gallery-item-subtitle-side-font-size-medium: 12px;
2068
+ --wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2069
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: 0px;
2070
+ --wds-card-gallery-item-title-font-heading-weight-medium: 500;
2071
+ --wds-card-gallery-item-title-font-letter-spacing: 0px;
1954
2072
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
1955
2073
  --wds-card-gallery-item-title-font-line-height-small: 18px;
1956
2074
  --wds-card-gallery-item-title-font-size-medium: 14px;
1957
2075
  --wds-card-gallery-item-title-font-weight-medium: 500;
2076
+ --wds-card-gallery-item-title-font-weight-small: 500;
2077
+ --wds-card-gallery-item-title-gap: 0px;
1958
2078
  --wds-card-header-divider-width: 0px;
1959
2079
  --wds-card-header-padding-horizontal: 24px;
1960
2080
  --wds-card-header-padding-vertical: 18px;
@@ -2106,6 +2226,7 @@
2106
2226
  --wds-editable-title-marker-fill: #868aa5;
2107
2227
  --wds-editable-title-marker-fill-active: #116dff;
2108
2228
  --wds-editable-title-marker-gap: 6px;
2229
+ --wds-editable-title-marker-image: none;
2109
2230
  --wds-editable-title-marker-line-style: dashed;
2110
2231
  --wds-editable-title-placeholder-fill: #cfd1dc;
2111
2232
  --wds-empty-state-border-radius: 8px;
@@ -2154,6 +2275,9 @@
2154
2275
  --wds-google-preview-surface-fill: #ffffff;
2155
2276
  --wds-google-preview-text-fill: #4D5156;
2156
2277
  --wds-google-preview-title-fill: #260AA8;
2278
+ --wds-horizontal-scroll-button-fill: #FFFFFF;
2279
+ --wds-horizontal-scroll-button-fill-active: #CFD1DC;
2280
+ --wds-horizontal-scroll-button-text: #000624;
2157
2281
  --wds-icon-button-color-border-dark-secondary: #868aa5;
2158
2282
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
2159
2283
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2524,10 +2648,44 @@
2524
2648
  --wds-marketing-layout-title-line-height-medium: 28px;
2525
2649
  --wds-marketing-layout-title-line-height-small: 24px;
2526
2650
  --wds-marketing-layout-title-line-height-tiny: 24px;
2651
+ --wds-marketing-page-content-actions-gap: 42px;
2652
+ --wds-marketing-page-content-font-size: 16px;
2653
+ --wds-marketing-page-content-line-height: 24px;
2654
+ --wds-marketing-page-content-padding-end-large: 90px;
2655
+ --wds-marketing-page-content-padding-end-medium: 48px;
2656
+ --wds-marketing-page-content-padding-start-large: 90px;
2657
+ --wds-marketing-page-content-padding-start-medium: 48px;
2658
+ --wds-marketing-page-footer-divider-display: block;
2659
+ --wds-marketing-page-footer-grid-column: span 12;
2660
+ --wds-marketing-page-footer-padding-bottom: 0px;
2661
+ --wds-marketing-page-image-display: block;
2662
+ --wds-marketing-page-image-grid-row: span 1;
2663
+ --wds-marketing-page-image-padding-end-large: 90px;
2664
+ --wds-marketing-page-image-padding-end-medium: 48px;
2665
+ --wds-marketing-page-image-padding-vertical-large: 48px;
2666
+ --wds-marketing-page-image-padding-vertical-medium: 30px;
2667
+ --wds-marketing-page-image-top-actions-gap: 38px;
2668
+ --wds-marketing-page-image-top-columns-gap: 40px;
2669
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
2670
+ --wds-marketing-page-image-top-content-padding-bottom: 48px;
2671
+ --wds-marketing-page-image-top-content-padding-horizontal: 48px;
2672
+ --wds-marketing-page-image-top-content-padding-top: 48px;
2673
+ --wds-marketing-page-image-top-footer-padding-bottom: 24px;
2674
+ --wds-marketing-page-image-top-image-border-radius: 8px;
2675
+ --wds-marketing-page-image-top-image-padding: 24px;
2676
+ --wds-marketing-page-image-top-title-line-height: 36px;
2677
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
2678
+ --wds-marketing-page-overline-divider-display: block;
2679
+ --wds-marketing-page-overline-divider-margin-top: 17px;
2680
+ --wds-marketing-page-overline-title-gap: 12px;
2527
2681
  --wds-marketing-page-paddings-horizontal-large: 90px;
2528
2682
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2529
2683
  --wds-marketing-page-paddings-vertical-large: 48px;
2530
2684
  --wds-marketing-page-paddings-vertical-medium: 30px;
2685
+ --wds-marketing-page-subtitle-fill: #000624;
2686
+ --wds-marketing-page-title-content-gap: 24px;
2687
+ --wds-marketing-page-title-font-weight: 700;
2688
+ --wds-marketing-page-title-line-height: 36px;
2531
2689
  --wds-message-modal-close-button-fill: transparent;
2532
2690
  --wds-message-modal-close-button-icon-size: 12px;
2533
2691
  --wds-message-modal-close-button-size: 30px;
@@ -2563,6 +2721,7 @@
2563
2721
  --wds-notification-padding-vertical: 9px;
2564
2722
  --wds-number-input-icon-fill: #116dff;
2565
2723
  --wds-page-header-back-button-gap: 8px;
2724
+ --wds-page-header-back-button-offset: 0px;
2566
2725
  --wds-page-header-breadcrumbs-color: #000624;
2567
2726
  --wds-page-header-breadcrumbs-font-size: 14px;
2568
2727
  --wds-page-header-breadcrumbs-offset-large: -15px;
@@ -2570,6 +2729,7 @@
2570
2729
  --wds-page-header-breadcrumbs-offset-small: -6px;
2571
2730
  --wds-page-header-breadcrumbs-selected-font-weight: 500;
2572
2731
  --wds-page-header-divider-color: #dfe5eb;
2732
+ --wds-page-header-padding-bottom-with-tail: 12px;
2573
2733
  --wds-page-header-padding-horizontal: 48px;
2574
2734
  --wds-page-header-padding-horizontal-small: 24px;
2575
2735
  --wds-page-header-padding-vertical: 24px;
@@ -2586,6 +2746,7 @@
2586
2746
  --wds-page-header-title-minimised-font-weight: 500;
2587
2747
  --wds-page-header-title-minimised-letter-spacing: 0px;
2588
2748
  --wds-page-header-title-minimised-line-height: 30px;
2749
+ --wds-page-header-title-padding-start: 0px;
2589
2750
  --wds-page-section-divider-display: block;
2590
2751
  --wds-page-section-gap: 0px;
2591
2752
  --wds-page-section-padding-bottom: 12px;
@@ -2973,6 +3134,16 @@
2973
3134
  --wds-table-action-cell-secondary-action-gap-medium: 12px;
2974
3135
  --wds-table-action-cell-secondary-action-gap-small: 12px;
2975
3136
  --wds-table-action-cell-secondary-action-gap-tiny: 6px;
3137
+ --wds-table-list-header-checkbox-padding-left: 6px;
3138
+ --wds-table-list-header-checkbox-padding-right: 12px;
3139
+ --wds-table-list-header-divider-fill-bottom: #a8caff;
3140
+ --wds-table-list-header-divider-fill-top: #a8caff;
3141
+ --wds-table-list-header-fill: #e7f0ff;
3142
+ --wds-table-list-header-icon-fill: #116dff;
3143
+ --wds-table-list-header-min-height: 42px;
3144
+ --wds-table-list-header-option-gap: 18px;
3145
+ --wds-table-list-header-option-margin-inline: 6px;
3146
+ --wds-table-list-header-padding-inline: 0px;
2976
3147
  --wds-table-list-item-border-color: #d6e6fe;
2977
3148
  --wds-table-list-item-border-radius: 0px;
2978
3149
  --wds-table-list-item-checkbox-offset: 0px;
@@ -3291,8 +3462,11 @@
3291
3462
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
3292
3463
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
3293
3464
  --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
3465
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
3294
3466
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
3467
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
3295
3468
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
3469
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
3296
3470
  --wds-vertical-tabs-item-padding-vertical-medium: 12px;
3297
3471
  --wds-vertical-tabs-item-padding-vertical-small: 12px;
3298
3472
  --wds-vertical-tabs-item-padding-vertical-tiny: 6px;
package/odeditor/all.css CHANGED
@@ -43,7 +43,7 @@
43
43
  --wds-space-50: 2px;
44
44
  --wds-space-25: 1px;
45
45
  --wds-space-0: 0px;
46
- --wds-shadow-spread-secondary-raised: -0.70;
46
+ --wds-shadow-spread-secondary-raised: -0.7px;
47
47
  --wds-shadow-focus-spread: 0;
48
48
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
49
49
  --wds-shadow-y-secondary-toggle-button: 1.2px;
@@ -305,6 +305,9 @@
305
305
  --wds-background-blur-100: 8px;
306
306
  --wds-background-blur-50: 4px;
307
307
  --wds-background-blur-0: 0px;
308
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
309
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
310
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
308
311
  --wds-variable-input-padding-vertical-tiny: 2px;
309
312
  --wds-variable-input-padding-vertical-small: 5px;
310
313
  --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
@@ -387,6 +390,18 @@
387
390
  --wds-page-header-breadcrumbs-offset-small: 0px;
388
391
  --wds-page-header-breadcrumbs-offset-medium: 0px;
389
392
  --wds-page-header-breadcrumbs-offset-large: 0px;
393
+ --wds-marketing-page-title-line-height: 38px;
394
+ --wds-marketing-page-overline-divider-display: none;
395
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
396
+ --wds-marketing-page-image-top-title-line-height: 36px;
397
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
398
+ --wds-marketing-page-image-top-actions-gap: 38px;
399
+ --wds-marketing-page-image-grid-row: span 2;
400
+ --wds-marketing-page-image-display: flex;
401
+ --wds-marketing-page-footer-grid-column: span 6;
402
+ --wds-marketing-page-footer-divider-display: none;
403
+ --wds-marketing-page-content-padding-start-medium: 72px;
404
+ --wds-marketing-page-content-padding-start-large: 72px;
390
405
  --wds-marketing-layout-badge-top: auto;
391
406
  --wds-marketing-layout-badge-side: auto;
392
407
  --wds-marketing-layout-badge-position: static;
@@ -411,18 +426,33 @@
411
426
  --wds-input-shadow-focus-warning: transparent;
412
427
  --wds-input-shadow-focus-standard: transparent;
413
428
  --wds-input-shadow-focus-destructive: transparent;
429
+ --wds-horizontal-scroll-button-text: #000624;
430
+ --wds-horizontal-scroll-button-fill-active: #CFD1DC;
431
+ --wds-horizontal-scroll-button-fill: #FFFFFF;
414
432
  --wds-google-preview-title-fill: #260AA8;
415
433
  --wds-google-preview-text-fill: #4D5156;
416
434
  --wds-google-preview-site-name-fill: #202124;
417
435
  --wds-google-preview-favicon-border-fill: #E6E6E6;
418
436
  --wds-google-preview-favicon-background-fill: #F1F3F4;
419
437
  --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
420
- --wds-editable-title-marker-line-style: dotted;
438
+ --wds-editable-title-marker-line-style: none;
421
439
  --wds-counter-badge-padding-horizontal-tiny: 4px;
422
440
  --wds-counter-badge-font-size-tiny: 10px;
423
441
  --wds-composer-sidebar-end-max-width: 240px;
424
442
  --wds-composer-sidebar-bottom-width: 88px;
425
443
  --wds-color-picker-width: 236px;
444
+ --wds-clickable-card-standard-box-shadow-hover: none;
445
+ --wds-card-gallery-item-title-gap: 2px;
446
+ --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
447
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
448
+ --wds-card-gallery-item-image-side-size-small: 32px;
449
+ --wds-card-gallery-item-image-side-size-medium: 48px;
450
+ --wds-card-gallery-item-drag-handle-gap: 8px;
451
+ --wds-card-gallery-item-base-shadow: none;
452
+ --wds-card-gallery-item-actions-secondary-position: static;
453
+ --wds-card-gallery-item-actions-direction: column;
454
+ --wds-card-gallery-item-actions-align: center;
455
+ --wds-card-gallery-item-action-button-min-width: 72px;
426
456
  --wds-card-subtitle-color: #44485f;
427
457
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
428
458
  --wds-card-header-suffix-align: flex-start;
@@ -1047,6 +1077,14 @@
1047
1077
  --wds-table-list-item-checkbox-offset: var(--wds-space-100);
1048
1078
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
1049
1079
  --wds-table-list-item-border-color: var(--wds-color-black-550);
1080
+ --wds-table-list-header-padding-inline: var(--wds-space-600);
1081
+ --wds-table-list-header-option-margin-inline: var(--wds-space-0);
1082
+ --wds-table-list-header-option-gap: var(--wds-space-400);
1083
+ --wds-table-list-header-min-height: var(--wds-space-1200);
1084
+ --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
1085
+ --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
1086
+ --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
1087
+ --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
1050
1088
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
1051
1089
  --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
1052
1090
  --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
@@ -1303,20 +1341,23 @@
1303
1341
  --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1304
1342
  --wds-page-section-padding-bottom: var(--wds-space-100);
1305
1343
  --wds-page-section-gap: var(--wds-space-100);
1344
+ --wds-page-header-title-padding-start: var(--wds-space-200);
1306
1345
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1307
1346
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1308
1347
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
1309
- --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1348
+ --wds-page-header-subtitle-padding-start: var(--wds-space-200);
1310
1349
  --wds-page-header-subtitle-gap: var(--wds-space-100);
1311
1350
  --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1312
1351
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1313
1352
  --wds-page-header-padding-vertical: var(--wds-space-600);
1314
1353
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1315
1354
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1355
+ --wds-page-header-padding-bottom-with-tail: var(--wds-space-300);
1316
1356
  --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1317
1357
  --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1318
1358
  --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1319
- --wds-page-header-back-button-gap: var(--wds-space-200);
1359
+ --wds-page-header-back-button-offset: var(--wds-space-100);
1360
+ --wds-page-header-back-button-gap: var(--wds-space-0);
1320
1361
  --wds-padding-vertical-tiny: var(--wds-space-500);
1321
1362
  --wds-padding-vertical-small: var(--wds-space-600);
1322
1363
  --wds-padding-vertical-medium: var(--wds-space-600);
@@ -1355,10 +1396,29 @@
1355
1396
  --wds-message-modal-content-gap: var(--wds-space-300);
1356
1397
  --wds-message-modal-close-button-size: var(--wds-space-600);
1357
1398
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1399
+ --wds-marketing-page-title-font-weight: var(--wds-font-weight-regular);
1400
+ --wds-marketing-page-title-content-gap: var(--wds-space-800);
1358
1401
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1359
1402
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1360
1403
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1361
1404
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1405
+ --wds-marketing-page-overline-title-gap: var(--wds-space-300);
1406
+ --wds-marketing-page-overline-divider-margin-top: var(--wds-space-0);
1407
+ --wds-marketing-page-image-top-image-padding: var(--wds-space-600);
1408
+ --wds-marketing-page-image-top-image-border-radius: var(--wds-space-200);
1409
+ --wds-marketing-page-image-top-footer-padding-bottom: var(--wds-space-600);
1410
+ --wds-marketing-page-image-top-content-padding-top: var(--wds-space-1200);
1411
+ --wds-marketing-page-image-top-content-padding-horizontal: var(--wds-space-1200);
1412
+ --wds-marketing-page-image-top-content-padding-bottom: var(--wds-space-1200);
1413
+ --wds-marketing-page-image-top-columns-gap: var(--wds-space-1000);
1414
+ --wds-marketing-page-image-padding-vertical-medium: var(--wds-space-600);
1415
+ --wds-marketing-page-image-padding-vertical-large: var(--wds-space-600);
1416
+ --wds-marketing-page-image-padding-end-medium: var(--wds-space-600);
1417
+ --wds-marketing-page-image-padding-end-large: var(--wds-space-600);
1418
+ --wds-marketing-page-footer-padding-bottom: var(--wds-space-1200);
1419
+ --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1420
+ --wds-marketing-page-content-padding-end-large: var(--wds-space-1200);
1421
+ --wds-marketing-page-content-actions-gap: var(--wds-space-1000);
1362
1422
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1363
1423
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1364
1424
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
@@ -1517,6 +1577,7 @@
1517
1577
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
1518
1578
  --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
1519
1579
  --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
1580
+ --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
1520
1581
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1521
1582
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1522
1583
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
@@ -1543,6 +1604,7 @@
1543
1604
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1544
1605
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1545
1606
  --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1607
+ --wds-editable-title-marker-image: repeating-linear-gradient(to right, var(--wds-color-black-100) 0px, var(--wds-color-black-100) 1px, transparent 1px, transparent 4px);
1546
1608
  --wds-editable-title-marker-gap: var(--wds-space-100);
1547
1609
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1548
1610
  --wds-editable-title-marker-fill: var(--wds-color-black-100);
@@ -1596,6 +1658,11 @@
1596
1658
  --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1597
1659
  --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1598
1660
  --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1661
+ --wds-clickable-card-standard-border-width: var(--wds-border-width-100);
1662
+ --wds-clickable-card-standard-border-color-hover: var(--wds-color-black-500);
1663
+ --wds-clickable-card-standard-border-color-active: var(--wds-color-black-400);
1664
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-black-500);
1665
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-black-400);
1599
1666
  --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1600
1667
  --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1601
1668
  --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
@@ -1618,17 +1685,34 @@
1618
1685
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1619
1686
  --wds-checkbox-border: var(--wds-color-black-200);
1620
1687
  --wds-carousel-dots-width: var(--wds-space-100);
1621
- --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1688
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1689
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1690
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1691
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1692
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1693
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1694
+ --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1695
+ --wds-card-gallery-item-shadow-hover: 0 0 30px 0 var(--wds-color-black-100-transparent-10), 0 20px 0 0 var(--wds-color-black-100-transparent-0);
1696
+ --wds-card-gallery-item-shadow: 0 1px 10px 0 var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5);
1622
1697
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1623
- --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1624
- --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1625
- --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1698
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1699
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1700
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1626
1701
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1627
- --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1628
- --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1702
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1703
+ --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-black-500);
1704
+ --wds-card-gallery-item-outline-border-color: var(--wds-color-black-550);
1705
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1706
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1629
1707
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1630
1708
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1631
1709
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1710
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1711
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1712
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1713
+ --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1714
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1715
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1632
1716
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1633
1717
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1634
1718
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1907,6 +1991,8 @@
1907
1991
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1908
1992
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1909
1993
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1994
+ --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
1995
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1910
1996
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1911
1997
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1912
1998
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
@@ -2002,6 +2088,8 @@
2002
2088
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
2003
2089
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
2004
2090
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2091
+ --wds-marketing-page-subtitle-fill: var(--wds-color-text-standard-secondary-light);
2092
+ --wds-marketing-page-content-font-size: var(--wds-font-size-body-small);
2005
2093
  --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
2006
2094
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
2007
2095
  --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
@@ -2124,7 +2212,6 @@
2124
2212
  --wds-icon-button-color-fill-light-primary-hover: var(--wds-color-fill-light-primary-hover);
2125
2213
  --wds-icon-button-color-fill-light-primary-active: var(--wds-color-fill-light-primary-active);
2126
2214
  --wds-icon-button-color-fill-light-primary: var(--wds-color-fill-light-primary);
2127
- --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-fill-dark-tertiary-hover);
2128
2215
  --wds-icon-button-color-fill-dark-tertiary-disabled: var(--wds-color-fill-light-secondary);
2129
2216
  --wds-icon-button-color-fill-dark-tertiary-active: var(--wds-color-fill-dark-tertiary-active);
2130
2217
  --wds-icon-button-color-fill-dark-tertiary: var(--wds-color-fill-light-secondary);
@@ -2178,9 +2265,8 @@
2178
2265
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2179
2266
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-dark-secondary-disabled);
2180
2267
  --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active);
2181
- --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-secondary-hover);
2268
+ --wds-clickable-card-standard-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2182
2269
  --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2183
- --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-secondary-active);
2184
2270
  --wds-circular-progress-bar-label-font-line-height: var(--wds-font-line-height-300);
2185
2271
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
2186
2272
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
@@ -2207,8 +2293,10 @@
2207
2293
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2208
2294
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2209
2295
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2296
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2210
2297
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2211
2298
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2299
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
2212
2300
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2213
2301
  --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
2214
2302
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
@@ -2333,6 +2421,7 @@
2333
2421
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2334
2422
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2335
2423
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2424
+ --wds-marketing-page-content-line-height: var(--wds-font-line-height-body-small);
2336
2425
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2337
2426
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2338
2427
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
@@ -2355,8 +2444,11 @@
2355
2444
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2356
2445
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2357
2446
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2358
- --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2447
+ --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2359
2448
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2449
+ --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-tiny);
2450
+ --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-tiny);
2451
+ --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-tiny);
2360
2452
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2361
2453
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2362
2454
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);