@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/odeditor-dark/all.css CHANGED
@@ -43,11 +43,10 @@
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;
50
- --wds-shadow-y-secondary-overlay: 12;
51
50
  --wds-shadow-y-600: 20px;
52
51
  --wds-shadow-y-350: 10px;
53
52
  --wds-shadow-y-300: 12px;
@@ -309,6 +308,9 @@
309
308
  --wds-background-blur-100: 8px;
310
309
  --wds-background-blur-50: 4px;
311
310
  --wds-background-blur-0: 0px;
311
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 10px;
312
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 9px;
313
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
312
314
  --wds-variable-input-padding-vertical-tiny: 2px;
313
315
  --wds-variable-input-padding-vertical-small: 5px;
314
316
  --wds-top-banner-shadow: 0 0 0 transparent;
@@ -400,6 +402,22 @@
400
402
  --wds-page-header-breadcrumbs-offset-small: 0px;
401
403
  --wds-page-header-breadcrumbs-offset-medium: 0px;
402
404
  --wds-page-header-breadcrumbs-offset-large: 0px;
405
+ --wds-marketing-page-overline-divider-margin-top: 17px;
406
+ --wds-marketing-page-overline-divider-display: block;
407
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
408
+ --wds-marketing-page-image-top-image-padding: 24px;
409
+ --wds-marketing-page-image-top-image-border-radius: 8px;
410
+ --wds-marketing-page-image-top-footer-padding-bottom: 24px;
411
+ --wds-marketing-page-image-top-content-padding-top: 48px;
412
+ --wds-marketing-page-image-top-content-padding-horizontal: 48px;
413
+ --wds-marketing-page-image-top-content-padding-bottom: 48px;
414
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
415
+ --wds-marketing-page-image-top-columns-gap: 40px;
416
+ --wds-marketing-page-image-top-actions-gap: 38px;
417
+ --wds-marketing-page-image-grid-row: span 1;
418
+ --wds-marketing-page-image-display: block;
419
+ --wds-marketing-page-footer-grid-column: span 12;
420
+ --wds-marketing-page-footer-divider-display: block;
403
421
  --wds-marketing-layout-badge-top: auto;
404
422
  --wds-marketing-layout-badge-side: auto;
405
423
  --wds-marketing-layout-badge-position: static;
@@ -431,12 +449,28 @@
431
449
  --wds-google-preview-favicon-border-fill: #E6E6E6;
432
450
  --wds-google-preview-favicon-background-fill: #e4eefe;
433
451
  --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);
434
- --wds-editable-title-marker-line-style: dashed;
452
+ --wds-editable-title-marker-line-style: none;
435
453
  --wds-counter-badge-padding-horizontal-tiny: 4px;
436
454
  --wds-counter-badge-font-size-tiny: 10px;
437
455
  --wds-composer-sidebar-end-max-width: 240px;
438
456
  --wds-composer-sidebar-bottom-width: 88px;
439
457
  --wds-color-picker-width: 236px;
458
+ --wds-clickable-card-standard-box-shadow-hover: none;
459
+ --wds-card-gallery-item-title-gap: 0px;
460
+ --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
+ --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);
462
+ --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
463
+ --wds-card-gallery-item-overlay-backdrop-filter: none;
464
+ --wds-card-gallery-item-image-side-size-small: 30px;
465
+ --wds-card-gallery-item-image-side-size-medium: 40px;
466
+ --wds-card-gallery-item-drag-handle-gap: 12px;
467
+ --wds-card-gallery-item-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
468
+ --wds-card-gallery-item-badge-offset-inline: -6px;
469
+ --wds-card-gallery-item-badge-offset-block: 12px;
470
+ --wds-card-gallery-item-actions-secondary-position: absolute;
471
+ --wds-card-gallery-item-actions-direction: row;
472
+ --wds-card-gallery-item-actions-align: stretch;
473
+ --wds-card-gallery-item-action-button-min-width: 84px;
440
474
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
441
475
  --wds-card-header-suffix-align: flex-start;
442
476
  --wds-card-divider-opacity: 0;
@@ -518,6 +552,7 @@
518
552
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
519
553
  --wds-shadow-y-secondary-raised: var(--wds-shadow-y-100);
520
554
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
555
+ --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-300);
521
556
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
522
557
  --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
523
558
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
@@ -1057,6 +1092,14 @@
1057
1092
  --wds-table-list-item-checkbox-offset: var(--wds-space-0);
1058
1093
  --wds-table-list-item-border-radius: var(--wds-border-radius-400);
1059
1094
  --wds-table-list-item-border-color: var(--wds-color-black-550);
1095
+ --wds-table-list-header-padding-inline: var(--wds-space-600);
1096
+ --wds-table-list-header-option-margin-inline: var(--wds-space-0);
1097
+ --wds-table-list-header-option-gap: var(--wds-space-400);
1098
+ --wds-table-list-header-min-height: var(--wds-space-1200);
1099
+ --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
1100
+ --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
1101
+ --wds-table-list-header-checkbox-padding-right: var(--wds-space-350);
1102
+ --wds-table-list-header-checkbox-padding-left: var(--wds-space-0);
1060
1103
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
1061
1104
  --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
1062
1105
  --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
@@ -1319,19 +1362,22 @@
1319
1362
  --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1320
1363
  --wds-page-section-padding-bottom: var(--wds-space-200);
1321
1364
  --wds-page-section-gap: var(--wds-space-0);
1365
+ --wds-page-header-title-padding-start: var(--wds-space-200);
1322
1366
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1323
1367
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1324
1368
  --wds-page-header-title-actions-gap: var(--wds-space-0);
1325
- --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1369
+ --wds-page-header-subtitle-padding-start: var(--wds-space-200);
1326
1370
  --wds-page-header-subtitle-gap: var(--wds-space-100);
1327
1371
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1328
1372
  --wds-page-header-padding-vertical: var(--wds-space-600);
1329
1373
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1330
1374
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1375
+ --wds-page-header-padding-bottom-with-tail: var(--wds-space-300);
1331
1376
  --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1332
1377
  --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
1333
1378
  --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
1334
- --wds-page-header-back-button-gap: var(--wds-space-200);
1379
+ --wds-page-header-back-button-offset: var(--wds-space-100);
1380
+ --wds-page-header-back-button-gap: var(--wds-space-0);
1335
1381
  --wds-padding-vertical-tiny: var(--wds-space-500);
1336
1382
  --wds-padding-vertical-small: var(--wds-space-600);
1337
1383
  --wds-padding-vertical-medium: var(--wds-space-600);
@@ -1370,10 +1416,22 @@
1370
1416
  --wds-message-modal-content-gap: var(--wds-space-300);
1371
1417
  --wds-message-modal-close-button-size: var(--wds-space-600);
1372
1418
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1419
+ --wds-marketing-page-title-content-gap: var(--wds-space-400);
1373
1420
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1374
1421
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1375
1422
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1376
1423
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1424
+ --wds-marketing-page-overline-title-gap: var(--wds-space-200);
1425
+ --wds-marketing-page-image-padding-vertical-medium: var(--wds-space-500);
1426
+ --wds-marketing-page-image-padding-vertical-large: var(--wds-space-800);
1427
+ --wds-marketing-page-image-padding-end-medium: var(--wds-space-1200);
1428
+ --wds-marketing-page-image-padding-end-large: var(--wds-space-1500);
1429
+ --wds-marketing-page-footer-padding-bottom: var(--wds-space-0);
1430
+ --wds-marketing-page-content-padding-start-medium: var(--wds-space-1200);
1431
+ --wds-marketing-page-content-padding-start-large: var(--wds-space-1500);
1432
+ --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1433
+ --wds-marketing-page-content-padding-end-large: var(--wds-space-1500);
1434
+ --wds-marketing-page-content-actions-gap: var(--wds-space-700);
1377
1435
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1378
1436
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1379
1437
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
@@ -1560,6 +1618,7 @@
1560
1618
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1561
1619
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1562
1620
  --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1621
+ --wds-editable-title-marker-image: repeating-linear-gradient(to right, var(--wds-color-black-400) 0px, var(--wds-color-black-400) 1px, transparent 1px, transparent 4px);
1563
1622
  --wds-editable-title-marker-gap: var(--wds-space-100);
1564
1623
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1565
1624
  --wds-editable-title-marker-fill: var(--wds-color-black-400);
@@ -1615,6 +1674,11 @@
1615
1674
  --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1616
1675
  --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1617
1676
  --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1677
+ --wds-clickable-card-standard-border-width: var(--wds-border-width-100);
1678
+ --wds-clickable-card-standard-border-color-hover: var(--wds-color-black-500);
1679
+ --wds-clickable-card-standard-border-color-active: var(--wds-color-black-400);
1680
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-black-500);
1681
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-black-400);
1618
1682
  --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1619
1683
  --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1620
1684
  --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
@@ -1637,17 +1701,27 @@
1637
1701
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1638
1702
  --wds-checkbox-border: var(--wds-color-black-200);
1639
1703
  --wds-carousel-dots-width: var(--wds-space-100);
1704
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1640
1705
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1706
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1707
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1641
1708
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1642
1709
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1643
1710
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1644
1711
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1645
1712
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1646
1713
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1714
+ --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-blue-300);
1715
+ --wds-card-gallery-item-outline-border-color: var(--wds-color-blue-400);
1716
+ --wds-card-gallery-item-image-inset: var(--wds-space-0);
1647
1717
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1648
1718
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1649
1719
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1650
1720
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1721
+ --wds-card-gallery-item-action-button-size: var(--wds-space-950);
1722
+ --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1723
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1724
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1651
1725
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1652
1726
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1653
1727
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -1925,6 +1999,8 @@
1925
1999
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1926
2000
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1927
2001
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2002
+ --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2003
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1928
2004
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1929
2005
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1930
2006
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
@@ -2011,6 +2087,9 @@
2011
2087
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
2012
2088
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
2013
2089
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2090
+ --wds-marketing-page-title-font-weight: var(--wds-font-weight-heading-1);
2091
+ --wds-marketing-page-subtitle-fill: var(--wds-color-text-standard-primary);
2092
+ --wds-marketing-page-content-font-size: var(--wds-font-size-body-medium);
2014
2093
  --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
2015
2094
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
2016
2095
  --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
@@ -2153,6 +2232,9 @@
2153
2232
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2154
2233
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2155
2234
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2235
+ --wds-horizontal-scroll-button-text: var(--wds-color-text-standard-primary);
2236
+ --wds-horizontal-scroll-button-fill-active: var(--wds-color-fill-dark-secondary-active);
2237
+ --wds-horizontal-scroll-button-fill: var(--wds-color-fill-dark-secondary);
2156
2238
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2157
2239
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
2158
2240
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
@@ -2184,9 +2266,8 @@
2184
2266
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2185
2267
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-dark-secondary-disabled);
2186
2268
  --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active);
2187
- --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-secondary-hover);
2269
+ --wds-clickable-card-standard-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2188
2270
  --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2189
- --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-secondary-active);
2190
2271
  --wds-circular-progress-bar-label-font-line-height: var(--wds-font-line-height-300);
2191
2272
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
2192
2273
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
@@ -2211,10 +2292,15 @@
2211
2292
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2212
2293
  --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);
2213
2294
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2295
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2296
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
2214
2297
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2215
2298
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2299
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2300
+ --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2216
2301
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2217
2302
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2303
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
2218
2304
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2219
2305
  --wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
2220
2306
  --wds-card-border-radius: var(--wds-border-radius-surface-raised);
@@ -2303,10 +2389,10 @@
2303
2389
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2304
2390
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2305
2391
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2306
- --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-transparent-tertiary);
2392
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
2307
2393
  --wds-accordion-background-fill-standard: var(--wds-color-fill-transparent-tertiary);
2308
2394
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
2309
- --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
2395
+ --wds-accordion-background-fill-light: var(--wds-color-fill-transparent-tertiary);
2310
2396
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
2311
2397
  --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
2312
2398
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -2335,6 +2421,9 @@
2335
2421
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2336
2422
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2337
2423
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2424
+ --wds-marketing-page-title-line-height: var(--wds-font-line-height-heading-1);
2425
+ --wds-marketing-page-image-top-title-line-height: var(--wds-font-line-height-heading-1);
2426
+ --wds-marketing-page-content-line-height: var(--wds-font-line-height-body-medium);
2338
2427
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2339
2428
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2340
2429
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
@@ -2359,6 +2448,9 @@
2359
2448
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2360
2449
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2361
2450
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2451
+ --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);
2452
+ --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-medium);
2453
+ --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-medium);
2362
2454
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2363
2455
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2364
2456
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/odeditor-dark/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 0 0 transparent;
@@ -116,7 +119,6 @@
116
119
  --wds-side-panel-control-layout-divider-border-width: false;
117
120
  --wds-shadow-y-tertiary-toggle-button: 0.4px;
118
121
  --wds-shadow-y-secondary-toggle-button: 1.2px;
119
- --wds-shadow-y-secondary-overlay: 12;
120
122
  --wds-shadow-y-600: 20px;
121
123
  --wds-shadow-y-350: 10px;
122
124
  --wds-shadow-y-300: 12px;
@@ -132,7 +134,7 @@
132
134
  --wds-shadow-x-50: 2px;
133
135
  --wds-shadow-x-25: 1px;
134
136
  --wds-shadow-x-0: 0px;
135
- --wds-shadow-spread-secondary-raised: -0.70;
137
+ --wds-shadow-spread-secondary-raised: -0.7px;
136
138
  --wds-shadow-inner-300-vertical: 0;
137
139
  --wds-shadow-inner-300-top: 0 0 0;
138
140
  --wds-shadow-focus-spread: 0;
@@ -159,6 +161,22 @@
159
161
  --wds-page-header-breadcrumbs-offset-small: 0px;
160
162
  --wds-page-header-breadcrumbs-offset-medium: 0px;
161
163
  --wds-page-header-breadcrumbs-offset-large: 0px;
164
+ --wds-marketing-page-overline-divider-margin-top: 17px;
165
+ --wds-marketing-page-overline-divider-display: block;
166
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
167
+ --wds-marketing-page-image-top-image-padding: 24px;
168
+ --wds-marketing-page-image-top-image-border-radius: 8px;
169
+ --wds-marketing-page-image-top-footer-padding-bottom: 24px;
170
+ --wds-marketing-page-image-top-content-padding-top: 48px;
171
+ --wds-marketing-page-image-top-content-padding-horizontal: 48px;
172
+ --wds-marketing-page-image-top-content-padding-bottom: 48px;
173
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
174
+ --wds-marketing-page-image-top-columns-gap: 40px;
175
+ --wds-marketing-page-image-top-actions-gap: 38px;
176
+ --wds-marketing-page-image-grid-row: span 1;
177
+ --wds-marketing-page-image-display: block;
178
+ --wds-marketing-page-footer-grid-column: span 12;
179
+ --wds-marketing-page-footer-divider-display: block;
162
180
  --wds-marketing-layout-badge-top: auto;
163
181
  --wds-marketing-layout-badge-side: auto;
164
182
  --wds-marketing-layout-badge-position: static;
@@ -223,7 +241,7 @@
223
241
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
224
242
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
225
243
  --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);
226
- --wds-editable-title-marker-line-style: dashed;
244
+ --wds-editable-title-marker-line-style: none;
227
245
  --wds-counter-badge-padding-horizontal-tiny: 4px;
228
246
  --wds-counter-badge-font-size-tiny: 10px;
229
247
  --wds-composer-sidebar-end-max-width: 240px;
@@ -407,8 +425,24 @@
407
425
  --wds-color-black-100-transparent-5: rgba(255, 255, 255, .05);
408
426
  --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
409
427
  --wds-color-black-100: #FFFFFF;
428
+ --wds-clickable-card-standard-box-shadow-hover: none;
410
429
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
411
430
  --wds-card-header-suffix-align: flex-start;
431
+ --wds-card-gallery-item-title-gap: 0px;
432
+ --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);
433
+ --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);
434
+ --wds-card-gallery-item-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
435
+ --wds-card-gallery-item-overlay-backdrop-filter: none;
436
+ --wds-card-gallery-item-image-side-size-small: 30px;
437
+ --wds-card-gallery-item-image-side-size-medium: 40px;
438
+ --wds-card-gallery-item-drag-handle-gap: 12px;
439
+ --wds-card-gallery-item-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
440
+ --wds-card-gallery-item-badge-offset-inline: -6px;
441
+ --wds-card-gallery-item-badge-offset-block: 12px;
442
+ --wds-card-gallery-item-actions-secondary-position: absolute;
443
+ --wds-card-gallery-item-actions-direction: row;
444
+ --wds-card-gallery-item-actions-align: stretch;
445
+ --wds-card-gallery-item-action-button-min-width: 84px;
412
446
  --wds-card-divider-opacity: 0;
413
447
  --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
414
448
  --wds-button-border-ai-secondary-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0);
@@ -637,6 +671,14 @@
637
671
  --wds-table-list-item-checkbox-offset: var(--wds-space-0);
638
672
  --wds-table-list-item-border-radius: var(--wds-border-radius-400);
639
673
  --wds-table-list-item-border-color: var(--wds-color-black-550);
674
+ --wds-table-list-header-padding-inline: var(--wds-space-600);
675
+ --wds-table-list-header-option-margin-inline: var(--wds-space-0);
676
+ --wds-table-list-header-option-gap: var(--wds-space-400);
677
+ --wds-table-list-header-min-height: var(--wds-space-1200);
678
+ --wds-table-list-header-fill: var(--wds-color-black-100-transparent-0);
679
+ --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
680
+ --wds-table-list-header-checkbox-padding-right: var(--wds-space-350);
681
+ --wds-table-list-header-checkbox-padding-left: var(--wds-space-0);
640
682
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
641
683
  --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
642
684
  --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
@@ -783,6 +825,7 @@
783
825
  --wds-shadow-y-secondary-toggle: var(--wds-shadow-y-0);
784
826
  --wds-shadow-y-secondary-raised: var(--wds-shadow-y-100);
785
827
  --wds-shadow-y-secondary-overlay-dark: var(--wds-shadow-y-0);
828
+ --wds-shadow-y-secondary-overlay: var(--wds-shadow-y-300);
786
829
  --wds-shadow-y-secondary-modal: var(--wds-shadow-y-0);
787
830
  --wds-shadow-y-primary-toggle-button: var(--wds-shadow-y-100);
788
831
  --wds-shadow-y-primary-toggle: var(--wds-shadow-y-0);
@@ -979,19 +1022,22 @@
979
1022
  --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
980
1023
  --wds-page-section-padding-bottom: var(--wds-space-200);
981
1024
  --wds-page-section-gap: var(--wds-space-0);
1025
+ --wds-page-header-title-padding-start: var(--wds-space-200);
982
1026
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
983
1027
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
984
1028
  --wds-page-header-title-actions-gap: var(--wds-space-0);
985
- --wds-page-header-subtitle-padding-start: var(--wds-space-100);
1029
+ --wds-page-header-subtitle-padding-start: var(--wds-space-200);
986
1030
  --wds-page-header-subtitle-gap: var(--wds-space-100);
987
1031
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
988
1032
  --wds-page-header-padding-vertical: var(--wds-space-600);
989
1033
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
990
1034
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1035
+ --wds-page-header-padding-bottom-with-tail: var(--wds-space-300);
991
1036
  --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
992
1037
  --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-200);
993
1038
  --wds-page-header-breadcrumbs-color: var(--wds-color-black-300);
994
- --wds-page-header-back-button-gap: var(--wds-space-200);
1039
+ --wds-page-header-back-button-offset: var(--wds-space-100);
1040
+ --wds-page-header-back-button-gap: var(--wds-space-0);
995
1041
  --wds-padding-vertical-tiny: var(--wds-space-500);
996
1042
  --wds-padding-vertical-small: var(--wds-space-600);
997
1043
  --wds-padding-vertical-medium: var(--wds-space-600);
@@ -1030,10 +1076,22 @@
1030
1076
  --wds-message-modal-content-gap: var(--wds-space-300);
1031
1077
  --wds-message-modal-close-button-size: var(--wds-space-600);
1032
1078
  --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1079
+ --wds-marketing-page-title-content-gap: var(--wds-space-400);
1033
1080
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1034
1081
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1035
1082
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1036
1083
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1084
+ --wds-marketing-page-overline-title-gap: var(--wds-space-200);
1085
+ --wds-marketing-page-image-padding-vertical-medium: var(--wds-space-500);
1086
+ --wds-marketing-page-image-padding-vertical-large: var(--wds-space-800);
1087
+ --wds-marketing-page-image-padding-end-medium: var(--wds-space-1200);
1088
+ --wds-marketing-page-image-padding-end-large: var(--wds-space-1500);
1089
+ --wds-marketing-page-footer-padding-bottom: var(--wds-space-0);
1090
+ --wds-marketing-page-content-padding-start-medium: var(--wds-space-1200);
1091
+ --wds-marketing-page-content-padding-start-large: var(--wds-space-1500);
1092
+ --wds-marketing-page-content-padding-end-medium: var(--wds-space-1200);
1093
+ --wds-marketing-page-content-padding-end-large: var(--wds-space-1500);
1094
+ --wds-marketing-page-content-actions-gap: var(--wds-space-700);
1037
1095
  --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1038
1096
  --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1039
1097
  --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
@@ -1259,6 +1317,7 @@
1259
1317
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1260
1318
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1261
1319
  --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1320
+ --wds-editable-title-marker-image: repeating-linear-gradient(to right, var(--wds-color-black-400) 0px, var(--wds-color-black-400) 1px, transparent 1px, transparent 4px);
1262
1321
  --wds-editable-title-marker-gap: var(--wds-space-100);
1263
1322
  --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1264
1323
  --wds-editable-title-marker-fill: var(--wds-color-black-400);
@@ -1604,6 +1663,11 @@
1604
1663
  --wds-close-button-standard-filled-size-small: var(--wds-space-475);
1605
1664
  --wds-close-button-standard-filled-size-medium: var(--wds-space-600);
1606
1665
  --wds-close-button-standard-filled-size-large: var(--wds-space-750);
1666
+ --wds-clickable-card-standard-border-width: var(--wds-border-width-100);
1667
+ --wds-clickable-card-standard-border-color-hover: var(--wds-color-black-500);
1668
+ --wds-clickable-card-standard-border-color-active: var(--wds-color-black-400);
1669
+ --wds-clickable-card-outline-border-color-hover: var(--wds-color-black-500);
1670
+ --wds-clickable-card-outline-border-color-active: var(--wds-color-black-400);
1607
1671
  --wds-clickable-card-outline-border-color: var(--wds-color-black-550);
1608
1672
  --wds-clickable-card-filled-fill-hover: var(--wds-color-black-700);
1609
1673
  --wds-clickable-card-filled-fill-disabled: var(--wds-color-black-750);
@@ -1635,17 +1699,27 @@
1635
1699
  --wds-card-header-padding-vertical: var(--wds-space-400);
1636
1700
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1637
1701
  --wds-card-header-divider-width: var(--wds-border-width-none);
1702
+ --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-medium);
1638
1703
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1704
+ --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1705
+ --wds-card-gallery-item-title-font-family: var(--wds-font-family-default);
1639
1706
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1640
1707
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1641
1708
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
1642
1709
  --wds-card-gallery-item-padding-right-medium: var(--wds-space-600);
1643
1710
  --wds-card-gallery-item-padding-left-small: var(--wds-space-300);
1644
1711
  --wds-card-gallery-item-padding-left-medium: var(--wds-space-475);
1712
+ --wds-card-gallery-item-outline-border-color-hover: var(--wds-color-blue-300);
1713
+ --wds-card-gallery-item-outline-border-color: var(--wds-color-blue-400);
1714
+ --wds-card-gallery-item-image-inset: var(--wds-space-0);
1645
1715
  --wds-card-gallery-item-image-border-radius-bottom: var(--wds-border-radius-600);
1646
1716
  --wds-card-gallery-item-content-margin-vertical: var(--wds-space-0);
1647
1717
  --wds-card-gallery-item-content-margin-horizontal: var(--wds-space-200);
1648
1718
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1719
+ --wds-card-gallery-item-action-button-size: var(--wds-space-950);
1720
+ --wds-card-gallery-item-action-button-padding-vertical: var(--wds-space-150);
1721
+ --wds-card-gallery-item-action-button-padding-horizontal: var(--wds-space-500);
1722
+ --wds-card-gallery-item-action-button-border-radius: var(--wds-border-radius-400);
1649
1723
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1650
1724
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1651
1725
  --wds-card-content-padding-medium-top: var(--wds-space-100);
@@ -1910,6 +1984,8 @@
1910
1984
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1911
1985
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1912
1986
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1987
+ --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
1988
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
1913
1989
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1914
1990
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
1915
1991
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
@@ -2001,6 +2077,9 @@
2001
2077
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
2002
2078
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
2003
2079
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2080
+ --wds-marketing-page-title-font-weight: var(--wds-font-weight-heading-1);
2081
+ --wds-marketing-page-subtitle-fill: var(--wds-color-text-standard-primary);
2082
+ --wds-marketing-page-content-font-size: var(--wds-font-size-body-medium);
2004
2083
  --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
2005
2084
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
2006
2085
  --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
@@ -2143,6 +2222,9 @@
2143
2222
  --wds-icon-button-color-border-dark-secondary-hover: var(--wds-color-border-dark-secondary-hover);
2144
2223
  --wds-icon-button-color-border-dark-secondary-active: var(--wds-color-border-dark-secondary-active);
2145
2224
  --wds-icon-button-color-border-dark-secondary: var(--wds-color-border-dark-primary);
2225
+ --wds-horizontal-scroll-button-text: var(--wds-color-text-standard-primary);
2226
+ --wds-horizontal-scroll-button-fill-active: var(--wds-color-fill-dark-secondary-active);
2227
+ --wds-horizontal-scroll-button-fill: var(--wds-color-fill-dark-secondary);
2146
2228
  --wds-form-field-label-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2147
2229
  --wds-form-field-label-font-size-small: var(--wds-font-size-body-tiny);
2148
2230
  --wds-form-field-label-fill: var(--wds-color-text-standard-secondary);
@@ -2184,9 +2266,8 @@
2184
2266
  --wds-close-button-standard-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2185
2267
  --wds-close-button-standard-fill-disabled: var(--wds-color-fill-dark-secondary-disabled);
2186
2268
  --wds-close-button-standard-fill-active: var(--wds-color-fill-dark-tertiary-active);
2187
- --wds-clickable-card-outline-border-color-hover: var(--wds-color-border-standard-secondary-hover);
2269
+ --wds-clickable-card-standard-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2188
2270
  --wds-clickable-card-outline-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2189
- --wds-clickable-card-outline-border-color-active: var(--wds-color-border-standard-secondary-active);
2190
2271
  --wds-circular-progress-bar-label-font-line-height: var(--wds-font-line-height-300);
2191
2272
  --wds-circular-progress-bar-foreground-fill-success: var(--wds-color-fill-success-primary);
2192
2273
  --wds-circular-progress-bar-foreground-fill-standard: var(--wds-color-fill-standard-primary);
@@ -2213,10 +2294,15 @@
2213
2294
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2214
2295
  --wds-card-subtitle-color: var(--wds-color-text-standard-secondary);
2215
2296
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2297
+ --wds-card-gallery-item-title-font-heading-weight-medium: var(--wds-font-weight-heading-4);
2298
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: var(--wds-font-letter-spacing-heading-4);
2216
2299
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2217
2300
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
2301
+ --wds-card-gallery-item-secondary-action-font-size: var(--wds-font-size-body-medium);
2302
+ --wds-card-gallery-item-overlay-hover-fill: var(--wds-color-fill-transparent-primary);
2218
2303
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
2219
2304
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
2305
+ --wds-card-gallery-item-action-button-font-size: var(--wds-font-size-body-small);
2220
2306
  --wds-card-border-radius: var(--wds-border-radius-surface-raised);
2221
2307
  --wds-button-label-font-size-large: var(--wds-font-size-body-medium);
2222
2308
  --wds-button-label-fill-standard-secondary-hover: var(--wds-color-fill-standard-primary-active);
@@ -2303,10 +2389,10 @@
2303
2389
  --wds-accordion-inner-content-fill: var(--wds-color-fill-transparent-tertiary);
2304
2390
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2305
2391
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2306
- --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-transparent-tertiary);
2392
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
2307
2393
  --wds-accordion-background-fill-standard: var(--wds-color-fill-transparent-tertiary);
2308
2394
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
2309
- --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
2395
+ --wds-accordion-background-fill-light: var(--wds-color-fill-transparent-tertiary);
2310
2396
  --wds-vertical-tabs-section-text-font-line-height-small: var(--wds-font-line-height-body-tiny);
2311
2397
  --wds-tooltip-label-font-line-height-small: var(--wds-font-line-height-body-extra-tiny);
2312
2398
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
@@ -2335,6 +2421,9 @@
2335
2421
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2336
2422
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2337
2423
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2424
+ --wds-marketing-page-title-line-height: var(--wds-font-line-height-heading-1);
2425
+ --wds-marketing-page-image-top-title-line-height: var(--wds-font-line-height-heading-1);
2426
+ --wds-marketing-page-content-line-height: var(--wds-font-line-height-body-medium);
2338
2427
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2339
2428
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2340
2429
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
@@ -2359,6 +2448,9 @@
2359
2448
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2360
2449
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-tiny);
2361
2450
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2451
+ --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-small);
2452
+ --wds-card-gallery-item-secondary-action-line-height: var(--wds-font-line-height-body-medium);
2453
+ --wds-card-gallery-item-action-button-line-height: var(--wds-font-line-height-body-medium);
2362
2454
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2363
2455
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2364
2456
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);