@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.
package/odeditor/all.scss CHANGED
@@ -1,4 +1,7 @@
1
1
  @mixin tokens {
2
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
3
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
4
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
2
5
  --wds-variable-input-padding-vertical-tiny: 2px;
3
6
  --wds-variable-input-padding-vertical-small: 5px;
4
7
  --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
@@ -122,7 +125,7 @@
122
125
  --wds-shadow-x-50: 2px;
123
126
  --wds-shadow-x-25: 1px;
124
127
  --wds-shadow-x-0: 0px;
125
- --wds-shadow-spread-secondary-raised: -0.70;
128
+ --wds-shadow-spread-secondary-raised: -0.7px;
126
129
  --wds-shadow-focus-spread: 0;
127
130
  --wds-shadow-blur-tertiary-toggle-button: 0.6px;
128
131
  --wds-shadow-blur-secondary-toggle-button: 1.7px;
@@ -147,6 +150,18 @@
147
150
  --wds-page-header-breadcrumbs-offset-small: 0px;
148
151
  --wds-page-header-breadcrumbs-offset-medium: 0px;
149
152
  --wds-page-header-breadcrumbs-offset-large: 0px;
153
+ --wds-marketing-page-title-line-height: 38px;
154
+ --wds-marketing-page-overline-divider-display: none;
155
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
156
+ --wds-marketing-page-image-top-title-line-height: 36px;
157
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
158
+ --wds-marketing-page-image-top-actions-gap: 38px;
159
+ --wds-marketing-page-image-grid-row: span 2;
160
+ --wds-marketing-page-image-display: flex;
161
+ --wds-marketing-page-footer-grid-column: span 6;
162
+ --wds-marketing-page-footer-divider-display: none;
163
+ --wds-marketing-page-content-padding-start-medium: 72px;
164
+ --wds-marketing-page-content-padding-start-large: 72px;
150
165
  --wds-marketing-layout-badge-top: auto;
151
166
  --wds-marketing-layout-badge-side: auto;
152
167
  --wds-marketing-layout-badge-position: static;
@@ -183,6 +198,9 @@
183
198
  --wds-illustration-color-3: #B8C4FF;
184
199
  --wds-illustration-color-2: #7896FF;
185
200
  --wds-illustration-color-1: #002294;
201
+ --wds-horizontal-scroll-button-text: #000624;
202
+ --wds-horizontal-scroll-button-fill-active: #CFD1DC;
203
+ --wds-horizontal-scroll-button-fill: #FFFFFF;
186
204
  --wds-google-preview-title-fill: #260AA8;
187
205
  --wds-google-preview-text-fill: #4D5156;
188
206
  --wds-google-preview-site-name-fill: #202124;
@@ -210,7 +228,7 @@
210
228
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
211
229
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
212
230
  --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);
213
- --wds-editable-title-marker-line-style: dotted;
231
+ --wds-editable-title-marker-line-style: none;
214
232
  --wds-counter-badge-padding-horizontal-tiny: 4px;
215
233
  --wds-counter-badge-font-size-tiny: 10px;
216
234
  --wds-composer-sidebar-end-max-width: 240px;
@@ -393,9 +411,21 @@
393
411
  --wds-color-black-100-transparent-5: rgba(19, 23, 32, .05);
394
412
  --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
395
413
  --wds-color-black-100: #151414;
414
+ --wds-clickable-card-standard-box-shadow-hover: none;
396
415
  --wds-card-subtitle-color: #44485f;
397
416
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
398
417
  --wds-card-header-suffix-align: flex-start;
418
+ --wds-card-gallery-item-title-gap: 2px;
419
+ --wds-card-gallery-item-overlay-hover-fill: rgba(54, 64, 97, 0.52);
420
+ --wds-card-gallery-item-overlay-backdrop-filter: blur(28px);
421
+ --wds-card-gallery-item-image-side-size-small: 32px;
422
+ --wds-card-gallery-item-image-side-size-medium: 48px;
423
+ --wds-card-gallery-item-drag-handle-gap: 8px;
424
+ --wds-card-gallery-item-base-shadow: none;
425
+ --wds-card-gallery-item-actions-secondary-position: static;
426
+ --wds-card-gallery-item-actions-direction: column;
427
+ --wds-card-gallery-item-actions-align: center;
428
+ --wds-card-gallery-item-action-button-min-width: 72px;
399
429
  --wds-card-divider-opacity: 0;
400
430
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
401
431
  --wds-button-border-ai-secondary-mask: none;
@@ -627,6 +657,14 @@
627
657
  --wds-table-list-item-checkbox-offset: var(--wds-space-100);
628
658
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
629
659
  --wds-table-list-item-border-color: var(--wds-color-black-550);
660
+ --wds-table-list-header-padding-inline: var(--wds-space-600);
661
+ --wds-table-list-header-option-margin-inline: var(--wds-space-0);
662
+ --wds-table-list-header-option-gap: var(--wds-space-400);
663
+ --wds-table-list-header-min-height: var(--wds-space-1200);
664
+ --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
665
+ --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
666
+ --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
667
+ --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
630
668
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
631
669
  --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
632
670
  --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
@@ -965,20 +1003,23 @@
965
1003
  --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
966
1004
  --wds-page-section-padding-bottom: var(--wds-space-100);
967
1005
  --wds-page-section-gap: var(--wds-space-100);
1006
+ --wds-page-header-title-padding-start: var(--wds-space-200);
968
1007
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
969
1008
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
970
1009
  --wds-page-header-title-actions-gap: var(--wds-space-1000);
971
- --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1010
+ --wds-page-header-subtitle-padding-start: var(--wds-space-200);
972
1011
  --wds-page-header-subtitle-gap: var(--wds-space-100);
973
1012
  --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
974
1013
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
975
1014
  --wds-page-header-padding-vertical: var(--wds-space-600);
976
1015
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
977
1016
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1017
+ --wds-page-header-padding-bottom-with-tail: var(--wds-space-300);
978
1018
  --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
979
1019
  --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
980
1020
  --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
981
- --wds-page-header-back-button-gap: var(--wds-space-200);
1021
+ --wds-page-header-back-button-offset: var(--wds-space-100);
1022
+ --wds-page-header-back-button-gap: var(--wds-space-0);
982
1023
  --wds-padding-vertical-tiny: var(--wds-space-500);
983
1024
  --wds-padding-vertical-small: var(--wds-space-600);
984
1025
  --wds-padding-vertical-medium: var(--wds-space-600);
@@ -1017,10 +1058,29 @@
1017
1058
  --wds-message-modal-content-gap: var(--wds-space-300);
1018
1059
  --wds-message-modal-close-button-size: var(--wds-space-600);
1019
1060
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1061
+ --wds-marketing-page-title-font-weight: var(--wds-font-weight-regular);
1062
+ --wds-marketing-page-title-content-gap: var(--wds-space-800);
1020
1063
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1021
1064
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1022
1065
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1023
1066
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1067
+ --wds-marketing-page-overline-title-gap: var(--wds-space-300);
1068
+ --wds-marketing-page-overline-divider-margin-top: var(--wds-space-0);
1069
+ --wds-marketing-page-image-top-image-padding: var(--wds-space-600);
1070
+ --wds-marketing-page-image-top-image-border-radius: var(--wds-space-200);
1071
+ --wds-marketing-page-image-top-footer-padding-bottom: var(--wds-space-600);
1072
+ --wds-marketing-page-image-top-content-padding-top: var(--wds-space-1200);
1073
+ --wds-marketing-page-image-top-content-padding-horizontal: var(--wds-space-1200);
1074
+ --wds-marketing-page-image-top-content-padding-bottom: var(--wds-space-1200);
1075
+ --wds-marketing-page-image-top-columns-gap: var(--wds-space-1000);
1076
+ --wds-marketing-page-image-padding-vertical-medium: var(--wds-space-600);
1077
+ --wds-marketing-page-image-padding-vertical-large: var(--wds-space-600);
1078
+ --wds-marketing-page-image-padding-end-medium: var(--wds-space-600);
1079
+ --wds-marketing-page-image-padding-end-large: var(--wds-space-600);
1080
+ --wds-marketing-page-footer-padding-bottom: var(--wds-space-1200);
1081
+ --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1082
+ --wds-marketing-page-content-padding-end-large: var(--wds-space-1200);
1083
+ --wds-marketing-page-content-actions-gap: var(--wds-space-1000);
1024
1084
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1025
1085
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1026
1086
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
@@ -1192,6 +1252,7 @@
1192
1252
  --wds-icon-button-color-fill-premium-primary-disabled: var(--wds-color-black-700);
1193
1253
  --wds-icon-button-color-fill-light-secondary-disabled: var(--wds-color-black-700);
1194
1254
  --wds-icon-button-color-fill-light-primary-disabled: var(--wds-color-black-700);
1255
+ --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-black-600);
1195
1256
  --wds-icon-button-color-fill-dark-secondary-disabled: var(--wds-color-black-700);
1196
1257
  --wds-icon-button-color-fill-dark-primary-disabled: var(--wds-color-black-700);
1197
1258
  --wds-icon-button-color-border-standard-secondary-disabled: var(--wds-color-black-700);
@@ -1244,6 +1305,7 @@
1244
1305
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1245
1306
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1246
1307
  --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1308
+ --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);
1247
1309
  --wds-editable-title-marker-gap: var(--wds-space-100);
1248
1310
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1249
1311
  --wds-editable-title-marker-fill: var(--wds-color-black-100);
@@ -1585,6 +1647,11 @@
1585
1647
  --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1586
1648
  --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1587
1649
  --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1650
+ --wds-clickable-card-standard-border-width: var(--wds-border-width-100);
1651
+ --wds-clickable-card-standard-border-color-hover: var(--wds-color-black-500);
1652
+ --wds-clickable-card-standard-border-color-active: var(--wds-color-black-400);
1653
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-black-500);
1654
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-black-400);
1588
1655
  --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1589
1656
  --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1590
1657
  --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
@@ -1616,17 +1683,34 @@
1616
1683
  --wds-card-header-padding-vertical: var(--wds-space-600);
1617
1684
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1618
1685
  --wds-card-header-divider-width: var(--wds-border-width-none);
1619
- --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1686
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1687
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1688
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1689
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-3);
1690
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-3);
1691
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-display);
1692
+ --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);
1693
+ --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);
1694
+ --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);
1620
1695
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1621
- --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1622
- --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1623
- --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1696
+ --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-400);
1697
+ --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
1698
+ --wds-card-gallery-item-padding-right-medium: var(--wds-space-400);
1624
1699
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1625
- --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1626
- --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1700
+ --wds-card-gallery-item-padding-left-medium: var(--wds-space-400);
1701
+ --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-black-500);
1702
+ --wds-card-gallery-item-outline-border-color: var(--wds-color-black-550);
1703
+ --wds-card-gallery-item-image-inset: var(--wds-space-200);
1704
+ --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-400);
1627
1705
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1628
1706
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1629
1707
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1708
+ --wds-card-gallery-item-badge-offset-inline: var(--wds-space-300);
1709
+ --wds-card-gallery-item-badge-offset-block: var(--wds-space-300);
1710
+ --wds-card-gallery-item-action-button-size: var(--wds-space-750);
1711
+ --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1712
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-400);
1713
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-300);
1630
1714
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1631
1715
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1632
1716
  --wds-card-content-padding-medium-top: var(--wds-space-100);
@@ -1889,6 +1973,8 @@
1889
1973
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
1890
1974
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1891
1975
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1976
+ --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
1977
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1892
1978
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1893
1979
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1894
1980
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
@@ -1990,6 +2076,8 @@
1990
2076
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1991
2077
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1992
2078
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2079
+ --wds-marketing-page-subtitle-fill: var(--wds-color-text-standard-secondary-light);
2080
+ --wds-marketing-page-content-font-size: var(--wds-font-size-body-small);
1993
2081
  --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1994
2082
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1995
2083
  --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
@@ -2112,7 +2200,6 @@
2112
2200
  --wds-icon-button-color-fill-light-primary-hover: var(--wds-color-fill-light-primary-hover);
2113
2201
  --wds-icon-button-color-fill-light-primary-active: var(--wds-color-fill-light-primary-active);
2114
2202
  --wds-icon-button-color-fill-light-primary: var(--wds-color-fill-light-primary);
2115
- --wds-icon-button-color-fill-dark-tertiary-hover: var(--wds-color-fill-dark-tertiary-hover);
2116
2203
  --wds-icon-button-color-fill-dark-tertiary-disabled: var(--wds-color-fill-light-secondary);
2117
2204
  --wds-icon-button-color-fill-dark-tertiary-active: var(--wds-color-fill-dark-tertiary-active);
2118
2205
  --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);
@@ -2208,8 +2294,10 @@
2208
2294
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2209
2295
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2210
2296
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2297
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-tiny);
2211
2298
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2212
2299
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2300
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-tiny);
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);
2215
2303
  --wds-button-label-fill-standard-secondary-active: 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);