@wix/design-system-tokens 1.225.3 → 1.226.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 (22) hide show
  1. package/CHANGELOG.md +27 -0
  2. package/all.css +33 -0
  3. package/all.scss +33 -0
  4. package/all.st.css +66 -0
  5. package/component.st.css +66 -0
  6. package/odeditor/all.css +37 -4
  7. package/odeditor/all.scss +37 -4
  8. package/odeditor/all.st.css +70 -4
  9. package/odeditor/component.st.css +70 -4
  10. package/odeditor-dark/all.css +44 -11
  11. package/odeditor-dark/all.scss +44 -11
  12. package/odeditor-dark/all.st.css +77 -11
  13. package/odeditor-dark/component.st.css +77 -11
  14. package/package.json +2 -2
  15. package/studio/all.css +33 -0
  16. package/studio/all.scss +33 -0
  17. package/studio/all.st.css +66 -0
  18. package/studio/component.st.css +66 -0
  19. package/wixel/all.css +33 -0
  20. package/wixel/all.scss +33 -0
  21. package/wixel/all.st.css +66 -0
  22. package/wixel/component.st.css +66 -0
package/CHANGELOG.md CHANGED
@@ -1,3 +1,30 @@
1
+ ## 1.226.0
2
+
3
+ ### Minor Changes
4
+
5
+ - [#16923](https://github.com/wix-private/wix-design-systems/pull/16923) [`daa76aa`](https://github.com/wix-private/wix-design-systems/commit/daa76aa8dc43832142a34a0b795de322a253e3ff) - **SectionHeader:** new `bold` skin, an addition alongside the existing `standard`, `neutral` and `light` skins. It renders the title in Madefor Display at 14px/24px with heading weight and letter spacing, and uses asymmetric vertical padding (20px top, 4px bottom in Harmony) for a 48px total height. Backed by new `section-header.bold.*` tokens in all themes; existing skins are unchanged.
6
+
7
+ ### Patch Changes
8
+
9
+ - [#16907](https://github.com/wix-private/wix-design-systems/pull/16907) [`b802d1c`](https://github.com/wix-private/wix-design-systems/commit/b802d1c80bc6327b7113b7773a4685bfb0bd04b9) - Add Harmony (odeditor) AvatarGroup tokens: divider width, radius, vertical inset and side margins, a counter font-size, a condensed ring width, a condensed counter ring width, a stretched gap and a counter gradient mix percentage. The counter gradient fills are adjusted to match the Figma spec. Harmony Dark (odeditor-dark) gets the matching QA values: the counter fill and gradient stops per the Studio 2.0 dark spec and the same shortened, rounded 1.5px divider geometry as odeditor.
10
+
11
+ - [#16938](https://github.com/wix-private/wix-design-systems/pull/16938) [`bd31c01`](https://github.com/wix-private/wix-design-systems/commit/bd31c01578e09a7f9b89a027926c12369b784a07) - Studio 2.0 (odeditor-dark): AddItem, Dock, PreviewWidget, SegmentedToggle and Thumbnail now sit on `black.700` instead of `black.750`, so these surfaces read one step lighter against the panel. Only the odeditor-dark theme changes; every other theme keeps its current values.
12
+
13
+ Retargeted in odeditor-dark: `--wds-add-item-fill`, `--wds-dock-area-fill`, `--wds-segmented-toggle-fill` and `--wds-segmented-toggle-fill-disabled`.
14
+
15
+ Three new tokens replace hardcoded or over-shared values so these surfaces are themeable, each defined as a no-op in the default, Harmony (odeditor), Studio and Wixel themes:
16
+ - `--wds-preview-widget-fill` — PreviewWidget's neutral skin, previously the shared `--wds-color-fill-surface-neutral`, which also drives Table `skin="neutral"`, SocialPreview and Carousel.
17
+ - `--wds-thumbnail-fill-secondary` — Thumbnail's secondary skin, previously a raw `--wds-color-black-750` reference.
18
+ - `--wds-add-item-fill-plain` — the resting background of AddItem's `plain` and `dashes` skins, previously the shared `--wds-color-fill-standard-tertiary`. It gets its own token rather than reusing `--wds-add-item-fill` (which drives the `filled` and `image` skins) because those two resolve differently in every theme, so sharing them would have moved AddItem outside Studio 2.0 as well.
19
+
20
+ - [#16922](https://github.com/wix-private/wix-design-systems/pull/16922) [`ac68781`](https://github.com/wix-private/wix-design-systems/commit/ac687818c6dce08b505dd8b90cf5314951e6ba80) - TableListHeader in Harmony (odeditor) now follows the phase 2 spec: column title text is Small/Thin (weight 400 instead of 500) and colored black 400 (`#767574`), and the bottom divider is black 700 (`#F0EFEF`, previously black 550 `#DEDEDE`). New `table-list-header.text.fill` and `table-list-header.text.weight` tokens back the change; in all other themes, including Studio 2.0 (odeditor-dark), they reference the same values the component rendered before, so those themes are unchanged.
21
+
22
+ Designer QA follow-up: the sort arrow icon in odeditor is now smaller and colored black 300 instead of black 100. The odeditor `table-list-header.icon-fill` token moved to `color.black.300`, and a new `table-list-header.icon-size` token controls the rendered height (10px in odeditor instead of the hardcoded 12px, 12px in every other theme so those keep their exact current rendering).
23
+
24
+ - [#16951](https://github.com/wix-private/wix-design-systems/pull/16951) [`42d7eff`](https://github.com/wix-private/wix-design-systems/commit/42d7eff3568a8ebd03ea973bad049baaf84ca367) - Add nine TextButton tokens covering the label font size, label line height and button height for the medium, small and tiny sizes. Only Harmony (odeditor) diverges, all other themes carry no-op values.
25
+
26
+ ## 1.225.4
27
+
1
28
  ## 1.225.3
2
29
 
3
30
  ### Patch Changes
package/all.css CHANGED
@@ -486,8 +486,17 @@
486
486
  --wds-breadcrumbs-height-medium: 30px;
487
487
  --wds-breadcrumbs-height-large: 36px;
488
488
  --wds-breadcrumbs-divider-margin-horizontal: 8px;
489
+ --wds-avatar-group-gap-stretched: 6px;
489
490
  --wds-avatar-group-gap-condensed: -3px;
491
+ --wds-avatar-group-divider-radius: 0px;
492
+ --wds-avatar-group-divider-margin-start-condensed: 18px;
493
+ --wds-avatar-group-divider-margin-start: 6px;
494
+ --wds-avatar-group-divider-margin-end: 12px;
495
+ --wds-avatar-group-divider-inset-vertical: 0px;
496
+ --wds-avatar-group-counter-fill-gradient-1-mix: 20%;
490
497
  --wds-avatar-group-counter-background-blur: 0px;
498
+ --wds-avatar-group-condensed-ring-width: 2px;
499
+ --wds-avatar-group-condensed-counter-ring-width: 2px;
491
500
  --wds-avatar-size-tiny: 18px;
492
501
  --wds-announcement-modal-help-button-fill: transparent;
493
502
  --wds-announcement-modal-footnote-content-alignment: center;
@@ -1057,10 +1066,14 @@
1057
1066
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
1058
1067
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
1059
1068
  --wds-thumbnail-gap: var(--wds-space-200);
1069
+ --wds-thumbnail-fill-secondary: var(--wds-color-black-750);
1060
1070
  --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
1061
1071
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
1062
1072
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
1063
1073
  --wds-thumbnail-border-radius: var(--wds-border-radius-300);
1074
+ --wds-text-button-size-tiny: var(--wds-space-300);
1075
+ --wds-text-button-size-small: var(--wds-space-300);
1076
+ --wds-text-button-size-medium: var(--wds-space-400);
1064
1077
  --wds-text-button-font-weight-thin: var(--wds-font-weight-regular);
1065
1078
  --wds-text-button-font-weight-normal: var(--wds-font-weight-medium);
1066
1079
  --wds-testimonial-list-gap: var(--wds-space-500);
@@ -1108,10 +1121,12 @@
1108
1121
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
1109
1122
  --wds-table-list-item-checkbox-offset: var(--wds-space-0);
1110
1123
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
1124
+ --wds-table-list-header-text-weight: var(--wds-font-weight-medium);
1111
1125
  --wds-table-list-header-padding-inline: var(--wds-space-0);
1112
1126
  --wds-table-list-header-option-margin-inline: var(--wds-space-100);
1113
1127
  --wds-table-list-header-option-gap: var(--wds-space-300);
1114
1128
  --wds-table-list-header-min-height: var(--wds-space-700);
1129
+ --wds-table-list-header-icon-size: var(--wds-space-200);
1115
1130
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-200);
1116
1131
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
1117
1132
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
@@ -1315,6 +1330,9 @@
1315
1330
  --wds-section-header-padding-vertical-small: var(--wds-space-150);
1316
1331
  --wds-section-header-padding-vertical-medium: var(--wds-space-150);
1317
1332
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
1333
+ --wds-section-header-bold-padding-top: var(--wds-space-350);
1334
+ --wds-section-header-bold-padding-bottom: var(--wds-space-50);
1335
+ --wds-section-header-bold-label-font-family: var(--wds-font-family-display);
1318
1336
  --wds-search-expandable-padding-medium: var(--wds-space-100);
1319
1337
  --wds-search-expandable-padding-large: var(--wds-space-150);
1320
1338
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
@@ -1750,6 +1768,8 @@
1750
1768
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1751
1769
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1752
1770
  --wds-avatar-group-gap-default: var(--wds-space-100);
1771
+ --wds-avatar-group-divider-width: var(--wds-border-width-100);
1772
+ --wds-avatar-group-counter-font-size: var(--wds-font-size-200);
1753
1773
  --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1754
1774
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1755
1775
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
@@ -1926,6 +1946,9 @@
1926
1946
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1927
1947
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1928
1948
  --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1949
+ --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
1950
+ --wds-text-button-font-size-small: var(--wds-font-size-body-small);
1951
+ --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
1929
1952
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1930
1953
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1931
1954
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
@@ -1941,6 +1964,7 @@
1941
1964
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1942
1965
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1943
1966
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1967
+ --wds-table-list-header-text-fill: var(--wds-color-text-standard-primary);
1944
1968
  --wds-table-list-header-icon-fill: var(--wds-color-text-primary);
1945
1969
  --wds-table-list-header-fill: var(--wds-color-fill-surface-standard);
1946
1970
  --wds-table-list-header-divider-fill-top: var(--wds-color-border-standard-primary);
@@ -2022,6 +2046,9 @@
2022
2046
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
2023
2047
  --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
2024
2048
  --wds-section-header-border-light: var(--wds-color-border-dark-secondary);
2049
+ --wds-section-header-bold-label-font-weight: var(--wds-font-weight-heading-3);
2050
+ --wds-section-header-bold-label-font-size: var(--wds-font-size-body-small);
2051
+ --wds-section-header-bold-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
2025
2052
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
2026
2053
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
2027
2054
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2037,6 +2064,7 @@
2037
2064
  --wds-radio-border-active-disabled: var(--wds-color-border-standard-secondary-disabled);
2038
2065
  --wds-radio-border-active: var(--wds-color-border-standard-secondary-active);
2039
2066
  --wds-radio-border: var(--wds-color-border-standard-secondary-active);
2067
+ --wds-preview-widget-fill: var(--wds-color-fill-surface-neutral);
2040
2068
  --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay);
2041
2069
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
2042
2070
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
@@ -2489,6 +2517,7 @@
2489
2517
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
2490
2518
  --wds-add-item-label-color: var(--wds-color-text-primary);
2491
2519
  --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
2520
+ --wds-add-item-fill-plain: var(--wds-color-fill-standard-tertiary);
2492
2521
  --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
2493
2522
  --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover);
2494
2523
  --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
@@ -2513,6 +2542,9 @@
2513
2542
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
2514
2543
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
2515
2544
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2545
+ --wds-text-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2546
+ --wds-text-button-font-line-height-small: var(--wds-font-line-height-body-small);
2547
+ --wds-text-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
2516
2548
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2517
2549
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
2518
2550
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
@@ -2525,6 +2557,7 @@
2525
2557
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
2526
2558
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
2527
2559
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2560
+ --wds-section-header-bold-label-font-line-height: var(--wds-font-line-height-body-medium);
2528
2561
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
2529
2562
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2530
2563
  --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
package/all.scss CHANGED
@@ -487,8 +487,17 @@
487
487
  --wds-background-blur-50: 0px;
488
488
  --wds-background-blur-0: 0px;
489
489
  --wds-avatar-size-tiny: 18px;
490
+ --wds-avatar-group-gap-stretched: 6px;
490
491
  --wds-avatar-group-gap-condensed: -3px;
492
+ --wds-avatar-group-divider-radius: 0px;
493
+ --wds-avatar-group-divider-margin-start-condensed: 18px;
494
+ --wds-avatar-group-divider-margin-start: 6px;
495
+ --wds-avatar-group-divider-margin-end: 12px;
496
+ --wds-avatar-group-divider-inset-vertical: 0px;
497
+ --wds-avatar-group-counter-fill-gradient-1-mix: 20%;
491
498
  --wds-avatar-group-counter-background-blur: 0px;
499
+ --wds-avatar-group-condensed-ring-width: 2px;
500
+ --wds-avatar-group-condensed-counter-ring-width: 2px;
492
501
  --wds-announcement-modal-help-button-fill: transparent;
493
502
  --wds-announcement-modal-footnote-content-alignment: center;
494
503
  --wds-announcement-modal-close-button-icon-size: 12px;
@@ -616,10 +625,14 @@
616
625
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
617
626
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
618
627
  --wds-thumbnail-gap: var(--wds-space-200);
628
+ --wds-thumbnail-fill-secondary: var(--wds-color-black-750);
619
629
  --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
620
630
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
621
631
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
622
632
  --wds-thumbnail-border-radius: var(--wds-border-radius-300);
633
+ --wds-text-button-size-tiny: var(--wds-space-300);
634
+ --wds-text-button-size-small: var(--wds-space-300);
635
+ --wds-text-button-size-medium: var(--wds-space-400);
623
636
  --wds-text-button-font-weight-thin: var(--wds-font-weight-regular);
624
637
  --wds-text-button-font-weight-normal: var(--wds-font-weight-medium);
625
638
  --wds-testimonial-list-gap: var(--wds-space-500);
@@ -668,10 +681,12 @@
668
681
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
669
682
  --wds-table-list-item-checkbox-offset: var(--wds-space-0);
670
683
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
684
+ --wds-table-list-header-text-weight: var(--wds-font-weight-medium);
671
685
  --wds-table-list-header-padding-inline: var(--wds-space-0);
672
686
  --wds-table-list-header-option-margin-inline: var(--wds-space-100);
673
687
  --wds-table-list-header-option-gap: var(--wds-space-300);
674
688
  --wds-table-list-header-min-height: var(--wds-space-700);
689
+ --wds-table-list-header-icon-size: var(--wds-space-200);
675
690
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-200);
676
691
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
677
692
  --wds-table-header-font-weight: var(--wds-font-weight-regular);
@@ -962,6 +977,9 @@
962
977
  --wds-section-header-padding-vertical-small: var(--wds-space-150);
963
978
  --wds-section-header-padding-vertical-medium: var(--wds-space-150);
964
979
  --wds-section-header-font-weight: var(--wds-font-weight-regular);
980
+ --wds-section-header-bold-padding-top: var(--wds-space-350);
981
+ --wds-section-header-bold-padding-bottom: var(--wds-space-50);
982
+ --wds-section-header-bold-label-font-family: var(--wds-font-family-display);
965
983
  --wds-search-expandable-padding-medium: var(--wds-space-100);
966
984
  --wds-search-expandable-padding-large: var(--wds-space-150);
967
985
  --wds-search-border-radius-tiny: var(--wds-border-radius-full);
@@ -1750,6 +1768,8 @@
1750
1768
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1751
1769
  --wds-background-blur-modal: var(--wds-background-blur-0);
1752
1770
  --wds-avatar-group-gap-default: var(--wds-space-100);
1771
+ --wds-avatar-group-divider-width: var(--wds-border-width-100);
1772
+ --wds-avatar-group-counter-font-size: var(--wds-font-size-200);
1753
1773
  --wds-avatar-group-counter-border-width: var(--wds-border-width-200);
1754
1774
  --wds-avatar-color-7-fill: var(--wds-color-fill-accent-12);
1755
1775
  --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
@@ -1908,6 +1928,9 @@
1908
1928
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1909
1929
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
1910
1930
  --wds-thumbnail-border-color: var(--wds-color-border-standard-secondary);
1931
+ --wds-text-button-font-size-tiny: var(--wds-font-size-body-tiny);
1932
+ --wds-text-button-font-size-small: var(--wds-font-size-body-small);
1933
+ --wds-text-button-font-size-medium: var(--wds-font-size-body-medium);
1911
1934
  --wds-tag-label-font-size-small: var(--wds-font-size-body-small);
1912
1935
  --wds-tabs-selection-fill-secondary: var(--wds-color-fill-standard-primary);
1913
1936
  --wds-tabs-selection-fill-primary: var(--wds-color-fill-standard-primary);
@@ -1925,6 +1948,7 @@
1925
1948
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-fill-standard-primary);
1926
1949
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-primary);
1927
1950
  --wds-table-list-item-border-color: var(--wds-color-border-standard-secondary);
1951
+ --wds-table-list-header-text-fill: var(--wds-color-text-standard-primary);
1928
1952
  --wds-table-list-header-icon-fill: var(--wds-color-text-primary);
1929
1953
  --wds-table-list-header-fill: var(--wds-color-fill-surface-standard);
1930
1954
  --wds-table-list-header-divider-fill-top: var(--wds-color-border-standard-primary);
@@ -2011,6 +2035,9 @@
2011
2035
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
2012
2036
  --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
2013
2037
  --wds-section-header-border-light: var(--wds-color-border-dark-secondary);
2038
+ --wds-section-header-bold-label-font-weight: var(--wds-font-weight-heading-3);
2039
+ --wds-section-header-bold-label-font-size: var(--wds-font-size-body-small);
2040
+ --wds-section-header-bold-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
2014
2041
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
2015
2042
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
2016
2043
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2026,6 +2053,7 @@
2026
2053
  --wds-radio-border-active-disabled: var(--wds-color-border-standard-secondary-disabled);
2027
2054
  --wds-radio-border-active: var(--wds-color-border-standard-secondary-active);
2028
2055
  --wds-radio-border: var(--wds-color-border-standard-secondary-active);
2056
+ --wds-preview-widget-fill: var(--wds-color-fill-surface-neutral);
2029
2057
  --wds-popover-menu-border-radius: var(--wds-border-radius-surface-overlay);
2030
2058
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
2031
2059
  --wds-pagination-fill-hover: var(--wds-color-fill-standard-primary-hover);
@@ -2489,6 +2517,7 @@
2489
2517
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-medium);
2490
2518
  --wds-add-item-label-color: var(--wds-color-text-primary);
2491
2519
  --wds-add-item-fill-pressed: var(--wds-color-fill-standard-tertiary-active);
2520
+ --wds-add-item-fill-plain: var(--wds-color-fill-standard-tertiary);
2492
2521
  --wds-add-item-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
2493
2522
  --wds-add-item-border-color-hover: var(--wds-color-border-standard-primary-hover);
2494
2523
  --wds-add-item-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
@@ -2513,6 +2542,9 @@
2513
2542
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
2514
2543
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
2515
2544
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2545
+ --wds-text-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2546
+ --wds-text-button-font-line-height-small: var(--wds-font-line-height-body-small);
2547
+ --wds-text-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
2516
2548
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2517
2549
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
2518
2550
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
@@ -2525,6 +2557,7 @@
2525
2557
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
2526
2558
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-medium);
2527
2559
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2560
+ --wds-section-header-bold-label-font-line-height: var(--wds-font-line-height-body-medium);
2528
2561
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
2529
2562
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2530
2563
  --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
package/all.st.css CHANGED
@@ -29,6 +29,7 @@
29
29
  @property st-global(--wds-add-item-fill);
30
30
  @property st-global(--wds-add-item-fill-disabled);
31
31
  @property st-global(--wds-add-item-fill-hover);
32
+ @property st-global(--wds-add-item-fill-plain);
32
33
  @property st-global(--wds-add-item-fill-pressed);
33
34
  @property st-global(--wds-add-item-label-color);
34
35
  @property st-global(--wds-add-item-padding-horizontal-large);
@@ -68,15 +69,26 @@
68
69
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
69
70
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
70
71
  @property st-global(--wds-avatar-color-7-fill);
72
+ @property st-global(--wds-avatar-group-condensed-counter-ring-width);
73
+ @property st-global(--wds-avatar-group-condensed-ring-width);
71
74
  @property st-global(--wds-avatar-group-counter-background-blur);
72
75
  @property st-global(--wds-avatar-group-counter-border-fill);
73
76
  @property st-global(--wds-avatar-group-counter-border-width);
74
77
  @property st-global(--wds-avatar-group-counter-fill);
75
78
  @property st-global(--wds-avatar-group-counter-fill-gradient-1);
79
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1-mix);
76
80
  @property st-global(--wds-avatar-group-counter-fill-gradient-2);
77
81
  @property st-global(--wds-avatar-group-counter-fill-hover);
82
+ @property st-global(--wds-avatar-group-counter-font-size);
83
+ @property st-global(--wds-avatar-group-divider-inset-vertical);
84
+ @property st-global(--wds-avatar-group-divider-margin-end);
85
+ @property st-global(--wds-avatar-group-divider-margin-start);
86
+ @property st-global(--wds-avatar-group-divider-margin-start-condensed);
87
+ @property st-global(--wds-avatar-group-divider-radius);
88
+ @property st-global(--wds-avatar-group-divider-width);
78
89
  @property st-global(--wds-avatar-group-gap-condensed);
79
90
  @property st-global(--wds-avatar-group-gap-default);
91
+ @property st-global(--wds-avatar-group-gap-stretched);
80
92
  @property st-global(--wds-avatar-size-tiny);
81
93
  @property st-global(--wds-avatar-text-fill);
82
94
  @property st-global(--wds-background-blur-0);
@@ -1702,6 +1714,7 @@
1702
1714
  @property st-global(--wds-popover-menu-border-radius);
1703
1715
  @property st-global(--wds-popover-menu-paddings-horizontal);
1704
1716
  @property st-global(--wds-popover-menu-paddings-vertical);
1717
+ @property st-global(--wds-preview-widget-fill);
1705
1718
  @property st-global(--wds-radio-border);
1706
1719
  @property st-global(--wds-radio-border-active);
1707
1720
  @property st-global(--wds-radio-border-active-disabled);
@@ -1749,6 +1762,13 @@
1749
1762
  @property st-global(--wds-search-expandable-padding-large);
1750
1763
  @property st-global(--wds-search-expandable-padding-medium);
1751
1764
  @property st-global(--wds-search-expandable-padding-small);
1765
+ @property st-global(--wds-section-header-bold-label-font-family);
1766
+ @property st-global(--wds-section-header-bold-label-font-letter-spacing);
1767
+ @property st-global(--wds-section-header-bold-label-font-line-height);
1768
+ @property st-global(--wds-section-header-bold-label-font-size);
1769
+ @property st-global(--wds-section-header-bold-label-font-weight);
1770
+ @property st-global(--wds-section-header-bold-padding-bottom);
1771
+ @property st-global(--wds-section-header-bold-padding-top);
1752
1772
  @property st-global(--wds-section-header-border-light);
1753
1773
  @property st-global(--wds-section-header-fill-light);
1754
1774
  @property st-global(--wds-section-header-fill-neutral);
@@ -2232,10 +2252,13 @@
2232
2252
  @property st-global(--wds-table-list-header-divider-fill-top);
2233
2253
  @property st-global(--wds-table-list-header-fill);
2234
2254
  @property st-global(--wds-table-list-header-icon-fill);
2255
+ @property st-global(--wds-table-list-header-icon-size);
2235
2256
  @property st-global(--wds-table-list-header-min-height);
2236
2257
  @property st-global(--wds-table-list-header-option-gap);
2237
2258
  @property st-global(--wds-table-list-header-option-margin-inline);
2238
2259
  @property st-global(--wds-table-list-header-padding-inline);
2260
+ @property st-global(--wds-table-list-header-text-fill);
2261
+ @property st-global(--wds-table-list-header-text-weight);
2239
2262
  @property st-global(--wds-table-list-item-border-color);
2240
2263
  @property st-global(--wds-table-list-item-border-radius);
2241
2264
  @property st-global(--wds-table-list-item-checkbox-offset);
@@ -2314,14 +2337,24 @@
2314
2337
  @property st-global(--wds-tag-size-small);
2315
2338
  @property st-global(--wds-tag-size-tiny);
2316
2339
  @property st-global(--wds-testimonial-list-gap);
2340
+ @property st-global(--wds-text-button-font-line-height-medium);
2341
+ @property st-global(--wds-text-button-font-line-height-small);
2342
+ @property st-global(--wds-text-button-font-line-height-tiny);
2343
+ @property st-global(--wds-text-button-font-size-medium);
2344
+ @property st-global(--wds-text-button-font-size-small);
2345
+ @property st-global(--wds-text-button-font-size-tiny);
2317
2346
  @property st-global(--wds-text-button-font-weight-normal);
2318
2347
  @property st-global(--wds-text-button-font-weight-thin);
2348
+ @property st-global(--wds-text-button-size-medium);
2349
+ @property st-global(--wds-text-button-size-small);
2350
+ @property st-global(--wds-text-button-size-tiny);
2319
2351
  @property st-global(--wds-thumbnail-border-color);
2320
2352
  @property st-global(--wds-thumbnail-border-radius);
2321
2353
  @property st-global(--wds-thumbnail-border-width-default);
2322
2354
  @property st-global(--wds-thumbnail-checkmark-disabled);
2323
2355
  @property st-global(--wds-thumbnail-fill);
2324
2356
  @property st-global(--wds-thumbnail-fill-hover);
2357
+ @property st-global(--wds-thumbnail-fill-secondary);
2325
2358
  @property st-global(--wds-thumbnail-gap);
2326
2359
  @property st-global(--wds-thumbnail-illustration-fill-1);
2327
2360
  @property st-global(--wds-thumbnail-illustration-fill-2);
@@ -2625,6 +2658,7 @@
2625
2658
  --wds-add-item-fill: #f4f7ff;
2626
2659
  --wds-add-item-fill-disabled: rgba(0, 6, 36, .05);
2627
2660
  --wds-add-item-fill-hover: #e7f0ff;
2661
+ --wds-add-item-fill-plain: #ffffff;
2628
2662
  --wds-add-item-fill-pressed: #d6e6fe;
2629
2663
  --wds-add-item-label-color: #116dff;
2630
2664
  --wds-add-item-padding-horizontal-large: 30px;
@@ -2664,15 +2698,26 @@
2664
2698
  --wds-announcement-modal-top-controls-padding-end: 12px;
2665
2699
  --wds-announcement-modal-top-controls-padding-top: 18px;
2666
2700
  --wds-avatar-color-7-fill: #ACAFC4;
2701
+ --wds-avatar-group-condensed-counter-ring-width: 2px;
2702
+ --wds-avatar-group-condensed-ring-width: 2px;
2667
2703
  --wds-avatar-group-counter-background-blur: 0px;
2668
2704
  --wds-avatar-group-counter-border-fill: rgba(0, 6, 36, .1);
2669
2705
  --wds-avatar-group-counter-border-width: 2px;
2670
2706
  --wds-avatar-group-counter-fill: #ffffff;
2671
2707
  --wds-avatar-group-counter-fill-gradient-1: rgba(0, 6, 36, 0);
2708
+ --wds-avatar-group-counter-fill-gradient-1-mix: 20%;
2672
2709
  --wds-avatar-group-counter-fill-gradient-2: rgba(0, 6, 36, 0);
2673
2710
  --wds-avatar-group-counter-fill-hover: #ffffff;
2711
+ --wds-avatar-group-counter-font-size: 12px;
2712
+ --wds-avatar-group-divider-inset-vertical: 0px;
2713
+ --wds-avatar-group-divider-margin-end: 12px;
2714
+ --wds-avatar-group-divider-margin-start: 6px;
2715
+ --wds-avatar-group-divider-margin-start-condensed: 18px;
2716
+ --wds-avatar-group-divider-radius: 0px;
2717
+ --wds-avatar-group-divider-width: 1px;
2674
2718
  --wds-avatar-group-gap-condensed: -3px;
2675
2719
  --wds-avatar-group-gap-default: 6px;
2720
+ --wds-avatar-group-gap-stretched: 6px;
2676
2721
  --wds-avatar-size-tiny: 18px;
2677
2722
  --wds-avatar-text-fill: #ffffff;
2678
2723
  --wds-background-blur-0: 0px;
@@ -4298,6 +4343,7 @@
4298
4343
  --wds-popover-menu-border-radius: 8px;
4299
4344
  --wds-popover-menu-paddings-horizontal: 0px;
4300
4345
  --wds-popover-menu-paddings-vertical: 12px;
4346
+ --wds-preview-widget-fill: #f6f7f9;
4301
4347
  --wds-radio-border: #116dff;
4302
4348
  --wds-radio-border-active: #116dff;
4303
4349
  --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
@@ -4345,6 +4391,13 @@
4345
4391
  --wds-search-expandable-padding-large: 9px;
4346
4392
  --wds-search-expandable-padding-medium: 6px;
4347
4393
  --wds-search-expandable-padding-small: 5px;
4394
+ --wds-section-header-bold-label-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4395
+ --wds-section-header-bold-label-font-letter-spacing: 0px;
4396
+ --wds-section-header-bold-label-font-line-height: 24px;
4397
+ --wds-section-header-bold-label-font-size: 14px;
4398
+ --wds-section-header-bold-label-font-weight: 700;
4399
+ --wds-section-header-bold-padding-bottom: 3px;
4400
+ --wds-section-header-bold-padding-top: 21px;
4348
4401
  --wds-section-header-border-light: #dfe5eb;
4349
4402
  --wds-section-header-fill-light: #ffffff;
4350
4403
  --wds-section-header-fill-neutral: #f6f7f9;
@@ -4828,10 +4881,13 @@
4828
4881
  --wds-table-list-header-divider-fill-top: #a8caff;
4829
4882
  --wds-table-list-header-fill: #e7f0ff;
4830
4883
  --wds-table-list-header-icon-fill: #116dff;
4884
+ --wds-table-list-header-icon-size: 12px;
4831
4885
  --wds-table-list-header-min-height: 42px;
4832
4886
  --wds-table-list-header-option-gap: 18px;
4833
4887
  --wds-table-list-header-option-margin-inline: 6px;
4834
4888
  --wds-table-list-header-padding-inline: 0px;
4889
+ --wds-table-list-header-text-fill: #000624;
4890
+ --wds-table-list-header-text-weight: 500;
4835
4891
  --wds-table-list-item-border-color: #d6e6fe;
4836
4892
  --wds-table-list-item-border-radius: 0px;
4837
4893
  --wds-table-list-item-checkbox-offset: 0px;
@@ -4910,14 +4966,24 @@
4910
4966
  --wds-tag-size-small: 24px;
4911
4967
  --wds-tag-size-tiny: 18px;
4912
4968
  --wds-testimonial-list-gap: 30px;
4969
+ --wds-text-button-font-line-height-medium: 24px;
4970
+ --wds-text-button-font-line-height-small: 18px;
4971
+ --wds-text-button-font-line-height-tiny: 18px;
4972
+ --wds-text-button-font-size-medium: 16px;
4973
+ --wds-text-button-font-size-small: 14px;
4974
+ --wds-text-button-font-size-tiny: 12px;
4913
4975
  --wds-text-button-font-weight-normal: 500;
4914
4976
  --wds-text-button-font-weight-thin: 400;
4977
+ --wds-text-button-size-medium: 24px;
4978
+ --wds-text-button-size-small: 18px;
4979
+ --wds-text-button-size-tiny: 18px;
4915
4980
  --wds-thumbnail-border-color: #d6e6fe;
4916
4981
  --wds-thumbnail-border-radius: 6px;
4917
4982
  --wds-thumbnail-border-width-default: 1px;
4918
4983
  --wds-thumbnail-checkmark-disabled: rgba(0, 6, 36, .3);
4919
4984
  --wds-thumbnail-fill: rgba(255, 255, 255, 0);
4920
4985
  --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
4986
+ --wds-thumbnail-fill-secondary: #f6f7f9;
4921
4987
  --wds-thumbnail-gap: 12px;
4922
4988
  --wds-thumbnail-illustration-fill-1: #80b1ff;
4923
4989
  --wds-thumbnail-illustration-fill-2: #116dff;
package/component.st.css CHANGED
@@ -29,6 +29,7 @@
29
29
  @property st-global(--wds-add-item-fill);
30
30
  @property st-global(--wds-add-item-fill-disabled);
31
31
  @property st-global(--wds-add-item-fill-hover);
32
+ @property st-global(--wds-add-item-fill-plain);
32
33
  @property st-global(--wds-add-item-fill-pressed);
33
34
  @property st-global(--wds-add-item-label-color);
34
35
  @property st-global(--wds-add-item-padding-horizontal-large);
@@ -68,15 +69,26 @@
68
69
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
69
70
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
70
71
  @property st-global(--wds-avatar-color-7-fill);
72
+ @property st-global(--wds-avatar-group-condensed-counter-ring-width);
73
+ @property st-global(--wds-avatar-group-condensed-ring-width);
71
74
  @property st-global(--wds-avatar-group-counter-background-blur);
72
75
  @property st-global(--wds-avatar-group-counter-border-fill);
73
76
  @property st-global(--wds-avatar-group-counter-border-width);
74
77
  @property st-global(--wds-avatar-group-counter-fill);
75
78
  @property st-global(--wds-avatar-group-counter-fill-gradient-1);
79
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1-mix);
76
80
  @property st-global(--wds-avatar-group-counter-fill-gradient-2);
77
81
  @property st-global(--wds-avatar-group-counter-fill-hover);
82
+ @property st-global(--wds-avatar-group-counter-font-size);
83
+ @property st-global(--wds-avatar-group-divider-inset-vertical);
84
+ @property st-global(--wds-avatar-group-divider-margin-end);
85
+ @property st-global(--wds-avatar-group-divider-margin-start);
86
+ @property st-global(--wds-avatar-group-divider-margin-start-condensed);
87
+ @property st-global(--wds-avatar-group-divider-radius);
88
+ @property st-global(--wds-avatar-group-divider-width);
78
89
  @property st-global(--wds-avatar-group-gap-condensed);
79
90
  @property st-global(--wds-avatar-group-gap-default);
91
+ @property st-global(--wds-avatar-group-gap-stretched);
80
92
  @property st-global(--wds-avatar-size-tiny);
81
93
  @property st-global(--wds-avatar-text-fill);
82
94
  @property st-global(--wds-badge-border-radius-medium);
@@ -1120,6 +1132,7 @@
1120
1132
  @property st-global(--wds-popover-menu-border-radius);
1121
1133
  @property st-global(--wds-popover-menu-paddings-horizontal);
1122
1134
  @property st-global(--wds-popover-menu-paddings-vertical);
1135
+ @property st-global(--wds-preview-widget-fill);
1123
1136
  @property st-global(--wds-radio-border);
1124
1137
  @property st-global(--wds-radio-border-active);
1125
1138
  @property st-global(--wds-radio-border-active-disabled);
@@ -1167,6 +1180,13 @@
1167
1180
  @property st-global(--wds-search-expandable-padding-large);
1168
1181
  @property st-global(--wds-search-expandable-padding-medium);
1169
1182
  @property st-global(--wds-search-expandable-padding-small);
1183
+ @property st-global(--wds-section-header-bold-label-font-family);
1184
+ @property st-global(--wds-section-header-bold-label-font-letter-spacing);
1185
+ @property st-global(--wds-section-header-bold-label-font-line-height);
1186
+ @property st-global(--wds-section-header-bold-label-font-size);
1187
+ @property st-global(--wds-section-header-bold-label-font-weight);
1188
+ @property st-global(--wds-section-header-bold-padding-bottom);
1189
+ @property st-global(--wds-section-header-bold-padding-top);
1170
1190
  @property st-global(--wds-section-header-border-light);
1171
1191
  @property st-global(--wds-section-header-fill-light);
1172
1192
  @property st-global(--wds-section-header-fill-neutral);
@@ -1497,10 +1517,13 @@
1497
1517
  @property st-global(--wds-table-list-header-divider-fill-top);
1498
1518
  @property st-global(--wds-table-list-header-fill);
1499
1519
  @property st-global(--wds-table-list-header-icon-fill);
1520
+ @property st-global(--wds-table-list-header-icon-size);
1500
1521
  @property st-global(--wds-table-list-header-min-height);
1501
1522
  @property st-global(--wds-table-list-header-option-gap);
1502
1523
  @property st-global(--wds-table-list-header-option-margin-inline);
1503
1524
  @property st-global(--wds-table-list-header-padding-inline);
1525
+ @property st-global(--wds-table-list-header-text-fill);
1526
+ @property st-global(--wds-table-list-header-text-weight);
1504
1527
  @property st-global(--wds-table-list-item-border-color);
1505
1528
  @property st-global(--wds-table-list-item-border-radius);
1506
1529
  @property st-global(--wds-table-list-item-checkbox-offset);
@@ -1579,14 +1602,24 @@
1579
1602
  @property st-global(--wds-tag-size-small);
1580
1603
  @property st-global(--wds-tag-size-tiny);
1581
1604
  @property st-global(--wds-testimonial-list-gap);
1605
+ @property st-global(--wds-text-button-font-line-height-medium);
1606
+ @property st-global(--wds-text-button-font-line-height-small);
1607
+ @property st-global(--wds-text-button-font-line-height-tiny);
1608
+ @property st-global(--wds-text-button-font-size-medium);
1609
+ @property st-global(--wds-text-button-font-size-small);
1610
+ @property st-global(--wds-text-button-font-size-tiny);
1582
1611
  @property st-global(--wds-text-button-font-weight-normal);
1583
1612
  @property st-global(--wds-text-button-font-weight-thin);
1613
+ @property st-global(--wds-text-button-size-medium);
1614
+ @property st-global(--wds-text-button-size-small);
1615
+ @property st-global(--wds-text-button-size-tiny);
1584
1616
  @property st-global(--wds-thumbnail-border-color);
1585
1617
  @property st-global(--wds-thumbnail-border-radius);
1586
1618
  @property st-global(--wds-thumbnail-border-width-default);
1587
1619
  @property st-global(--wds-thumbnail-checkmark-disabled);
1588
1620
  @property st-global(--wds-thumbnail-fill);
1589
1621
  @property st-global(--wds-thumbnail-fill-hover);
1622
+ @property st-global(--wds-thumbnail-fill-secondary);
1590
1623
  @property st-global(--wds-thumbnail-gap);
1591
1624
  @property st-global(--wds-thumbnail-illustration-fill-1);
1592
1625
  @property st-global(--wds-thumbnail-illustration-fill-2);
@@ -1888,6 +1921,7 @@
1888
1921
  --wds-add-item-fill: #f4f7ff;
1889
1922
  --wds-add-item-fill-disabled: rgba(0, 6, 36, .05);
1890
1923
  --wds-add-item-fill-hover: #e7f0ff;
1924
+ --wds-add-item-fill-plain: #ffffff;
1891
1925
  --wds-add-item-fill-pressed: #d6e6fe;
1892
1926
  --wds-add-item-label-color: #116dff;
1893
1927
  --wds-add-item-padding-horizontal-large: 30px;
@@ -1927,15 +1961,26 @@
1927
1961
  --wds-announcement-modal-top-controls-padding-end: 12px;
1928
1962
  --wds-announcement-modal-top-controls-padding-top: 18px;
1929
1963
  --wds-avatar-color-7-fill: #ACAFC4;
1964
+ --wds-avatar-group-condensed-counter-ring-width: 2px;
1965
+ --wds-avatar-group-condensed-ring-width: 2px;
1930
1966
  --wds-avatar-group-counter-background-blur: 0px;
1931
1967
  --wds-avatar-group-counter-border-fill: rgba(0, 6, 36, .1);
1932
1968
  --wds-avatar-group-counter-border-width: 2px;
1933
1969
  --wds-avatar-group-counter-fill: #ffffff;
1934
1970
  --wds-avatar-group-counter-fill-gradient-1: rgba(0, 6, 36, 0);
1971
+ --wds-avatar-group-counter-fill-gradient-1-mix: 20%;
1935
1972
  --wds-avatar-group-counter-fill-gradient-2: rgba(0, 6, 36, 0);
1936
1973
  --wds-avatar-group-counter-fill-hover: #ffffff;
1974
+ --wds-avatar-group-counter-font-size: 12px;
1975
+ --wds-avatar-group-divider-inset-vertical: 0px;
1976
+ --wds-avatar-group-divider-margin-end: 12px;
1977
+ --wds-avatar-group-divider-margin-start: 6px;
1978
+ --wds-avatar-group-divider-margin-start-condensed: 18px;
1979
+ --wds-avatar-group-divider-radius: 0px;
1980
+ --wds-avatar-group-divider-width: 1px;
1937
1981
  --wds-avatar-group-gap-condensed: -3px;
1938
1982
  --wds-avatar-group-gap-default: 6px;
1983
+ --wds-avatar-group-gap-stretched: 6px;
1939
1984
  --wds-avatar-size-tiny: 18px;
1940
1985
  --wds-avatar-text-fill: #ffffff;
1941
1986
  --wds-badge-border-radius-medium: 2px;
@@ -2979,6 +3024,7 @@
2979
3024
  --wds-popover-menu-border-radius: 8px;
2980
3025
  --wds-popover-menu-paddings-horizontal: 0px;
2981
3026
  --wds-popover-menu-paddings-vertical: 12px;
3027
+ --wds-preview-widget-fill: #f6f7f9;
2982
3028
  --wds-radio-border: #116dff;
2983
3029
  --wds-radio-border-active: #116dff;
2984
3030
  --wds-radio-border-active-disabled: rgba(0, 6, 36, .1);
@@ -3026,6 +3072,13 @@
3026
3072
  --wds-search-expandable-padding-large: 9px;
3027
3073
  --wds-search-expandable-padding-medium: 6px;
3028
3074
  --wds-search-expandable-padding-small: 5px;
3075
+ --wds-section-header-bold-label-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3076
+ --wds-section-header-bold-label-font-letter-spacing: 0px;
3077
+ --wds-section-header-bold-label-font-line-height: 24px;
3078
+ --wds-section-header-bold-label-font-size: 14px;
3079
+ --wds-section-header-bold-label-font-weight: 700;
3080
+ --wds-section-header-bold-padding-bottom: 3px;
3081
+ --wds-section-header-bold-padding-top: 21px;
3029
3082
  --wds-section-header-border-light: #dfe5eb;
3030
3083
  --wds-section-header-fill-light: #ffffff;
3031
3084
  --wds-section-header-fill-neutral: #f6f7f9;
@@ -3356,10 +3409,13 @@
3356
3409
  --wds-table-list-header-divider-fill-top: #a8caff;
3357
3410
  --wds-table-list-header-fill: #e7f0ff;
3358
3411
  --wds-table-list-header-icon-fill: #116dff;
3412
+ --wds-table-list-header-icon-size: 12px;
3359
3413
  --wds-table-list-header-min-height: 42px;
3360
3414
  --wds-table-list-header-option-gap: 18px;
3361
3415
  --wds-table-list-header-option-margin-inline: 6px;
3362
3416
  --wds-table-list-header-padding-inline: 0px;
3417
+ --wds-table-list-header-text-fill: #000624;
3418
+ --wds-table-list-header-text-weight: 500;
3363
3419
  --wds-table-list-item-border-color: #d6e6fe;
3364
3420
  --wds-table-list-item-border-radius: 0px;
3365
3421
  --wds-table-list-item-checkbox-offset: 0px;
@@ -3438,14 +3494,24 @@
3438
3494
  --wds-tag-size-small: 24px;
3439
3495
  --wds-tag-size-tiny: 18px;
3440
3496
  --wds-testimonial-list-gap: 30px;
3497
+ --wds-text-button-font-line-height-medium: 24px;
3498
+ --wds-text-button-font-line-height-small: 18px;
3499
+ --wds-text-button-font-line-height-tiny: 18px;
3500
+ --wds-text-button-font-size-medium: 16px;
3501
+ --wds-text-button-font-size-small: 14px;
3502
+ --wds-text-button-font-size-tiny: 12px;
3441
3503
  --wds-text-button-font-weight-normal: 500;
3442
3504
  --wds-text-button-font-weight-thin: 400;
3505
+ --wds-text-button-size-medium: 24px;
3506
+ --wds-text-button-size-small: 18px;
3507
+ --wds-text-button-size-tiny: 18px;
3443
3508
  --wds-thumbnail-border-color: #d6e6fe;
3444
3509
  --wds-thumbnail-border-radius: 6px;
3445
3510
  --wds-thumbnail-border-width-default: 1px;
3446
3511
  --wds-thumbnail-checkmark-disabled: rgba(0, 6, 36, .3);
3447
3512
  --wds-thumbnail-fill: rgba(255, 255, 255, 0);
3448
3513
  --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
3514
+ --wds-thumbnail-fill-secondary: #f6f7f9;
3449
3515
  --wds-thumbnail-gap: 12px;
3450
3516
  --wds-thumbnail-illustration-fill-1: #80b1ff;
3451
3517
  --wds-thumbnail-illustration-fill-2: #116dff;