@wix/design-system-tokens 1.225.4 → 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 +25 -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/odeditor/all.css CHANGED
@@ -507,7 +507,17 @@
507
507
  --wds-breadcrumbs-height-medium: 26px;
508
508
  --wds-badge-outline-warning-light-border-color: #c78634;
509
509
  --wds-avatar-group-gap-condensed: -2px;
510
+ --wds-avatar-group-divider-width: 1.5px;
511
+ --wds-avatar-group-divider-radius: 1px;
512
+ --wds-avatar-group-divider-margin-start-condensed: 14px;
513
+ --wds-avatar-group-divider-margin-start: 4px;
514
+ --wds-avatar-group-divider-margin-end: 8px;
515
+ --wds-avatar-group-divider-inset-vertical: 8px;
516
+ --wds-avatar-group-counter-fill-gradient-1-mix: 100%;
517
+ --wds-avatar-group-counter-fill-gradient-1: #d0d0d0;
510
518
  --wds-avatar-group-counter-background-blur: 4px;
519
+ --wds-avatar-group-condensed-ring-width: 1px;
520
+ --wds-avatar-group-condensed-counter-ring-width: 0px;
511
521
  --wds-avatar-size-tiny: 20px;
512
522
  --wds-announcement-modal-help-button-fill: transparent;
513
523
  --wds-announcement-modal-footnote-content-alignment: start;
@@ -1067,6 +1077,7 @@
1067
1077
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
1068
1078
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
1069
1079
  --wds-thumbnail-gap: var(--wds-space-300);
1080
+ --wds-thumbnail-fill-secondary: var(--wds-color-black-750);
1070
1081
  --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
1071
1082
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
1072
1083
  --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
@@ -1074,6 +1085,9 @@
1074
1085
  --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
1075
1086
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
1076
1087
  --wds-thumbnail-border-radius: var(--wds-border-radius-400);
1088
+ --wds-text-button-size-tiny: var(--wds-space-300);
1089
+ --wds-text-button-size-small: var(--wds-space-400);
1090
+ --wds-text-button-size-medium: var(--wds-space-475);
1077
1091
  --wds-text-button-font-weight-thin: var(--wds-font-weight-medium);
1078
1092
  --wds-text-button-font-weight-normal: var(--wds-font-weight-semi-bold);
1079
1093
  --wds-testimonial-list-gap: var(--wds-space-600);
@@ -1123,11 +1137,16 @@
1123
1137
  --wds-table-list-item-checkbox-offset: var(--wds-space-100);
1124
1138
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
1125
1139
  --wds-table-list-item-border-color: var(--wds-color-black-550);
1140
+ --wds-table-list-header-text-weight: var(--wds-font-weight-regular);
1141
+ --wds-table-list-header-text-fill: var(--wds-color-black-400);
1126
1142
  --wds-table-list-header-padding-inline: var(--wds-space-600);
1127
1143
  --wds-table-list-header-option-margin-inline: var(--wds-space-0);
1128
1144
  --wds-table-list-header-option-gap: var(--wds-space-400);
1129
1145
  --wds-table-list-header-min-height: var(--wds-space-1200);
1146
+ --wds-table-list-header-icon-size: var(--wds-space-250);
1147
+ --wds-table-list-header-icon-fill: var(--wds-color-black-300);
1130
1148
  --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
1149
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-black-700);
1131
1150
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
1132
1151
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
1133
1152
  --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
@@ -1349,6 +1368,11 @@
1349
1368
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1350
1369
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1351
1370
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1371
+ --wds-section-header-bold-padding-top: var(--wds-space-500);
1372
+ --wds-section-header-bold-padding-bottom: var(--wds-space-100);
1373
+ --wds-section-header-bold-label-font-weight: var(--wds-font-weight-heading-3);
1374
+ --wds-section-header-bold-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1375
+ --wds-section-header-bold-label-font-family: var(--wds-font-family-display);
1352
1376
  --wds-search-expandable-padding-small: var(--wds-space-150);
1353
1377
  --wds-search-expandable-padding-medium: var(--wds-space-175);
1354
1378
  --wds-search-expandable-padding-large: var(--wds-space-300);
@@ -1939,7 +1963,10 @@
1939
1963
  --wds-badge-border-radius-tiny: var(--wds-border-radius-300);
1940
1964
  --wds-badge-border-radius-small: var(--wds-border-radius-300);
1941
1965
  --wds-badge-border-radius-medium: var(--wds-border-radius-300);
1966
+ --wds-avatar-group-gap-stretched: var(--wds-space-100);
1942
1967
  --wds-avatar-group-gap-default: var(--wds-space-100);
1968
+ --wds-avatar-group-counter-font-size: var(--wds-font-size-100);
1969
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-white-transparent-0);
1943
1970
  --wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
1944
1971
  --wds-avatar-group-counter-border-width: var(--wds-border-width-100);
1945
1972
  --wds-avatar-group-counter-border-fill: var(--wds-color-white);
@@ -2084,6 +2111,9 @@
2084
2111
  --wds-thumbnail-border-color-hover: var(--wds-color-border-standard-secondary-hover);
2085
2112
  --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2086
2113
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
2114
+ --wds-text-button-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2115
+ --wds-text-button-font-size-small: var(--wds-font-size-body-tiny);
2116
+ --wds-text-button-font-size-medium: var(--wds-font-size-body-small);
2087
2117
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
2088
2118
  --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
2089
2119
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -2098,9 +2128,7 @@
2098
2128
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
2099
2129
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
2100
2130
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2101
- --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2102
2131
  --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
2103
- --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
2104
2132
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
2105
2133
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
2106
2134
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
@@ -2168,6 +2196,7 @@
2168
2196
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
2169
2197
  --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
2170
2198
  --wds-section-header-border-light: var(--wds-color-border-standard-primary);
2199
+ --wds-section-header-bold-label-font-size: var(--wds-font-size-body-small);
2171
2200
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
2172
2201
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
2173
2202
  --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
@@ -2180,6 +2209,7 @@
2180
2209
  --wds-radio-border-hover: var(--wds-color-fill-standard-primary);
2181
2210
  --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
2182
2211
  --wds-radio-border-active: var(--wds-color-fill-standard-primary);
2212
+ --wds-preview-widget-fill: var(--wds-color-fill-surface-neutral);
2183
2213
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
2184
2214
  --wds-pagination-fill-hover: var(--wds-color-fill-dark-primary-hover);
2185
2215
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
@@ -2475,8 +2505,6 @@
2475
2505
  --wds-badge-outline-dark-label-color: var(--wds-color-text-standard-secondary);
2476
2506
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2477
2507
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2478
- --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2479
- --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-dark-secondary-active);
2480
2508
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary);
2481
2509
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2482
2510
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
@@ -2490,6 +2518,7 @@
2490
2518
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
2491
2519
  --wds-add-item-label-color: var(--wds-color-text-standard-primary);
2492
2520
  --wds-add-item-fill-pressed: var(--wds-color-fill-dark-secondary-active);
2521
+ --wds-add-item-fill-plain: var(--wds-color-fill-standard-tertiary);
2493
2522
  --wds-add-item-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2494
2523
  --wds-add-item-border-color-hover: var(--wds-color-fill-dark-primary);
2495
2524
  --wds-add-item-border-color-disabled: var(--wds-color-fill-dark-primary-disabled);
@@ -2511,6 +2540,9 @@
2511
2540
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2512
2541
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2513
2542
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2543
+ --wds-text-button-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2544
+ --wds-text-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2545
+ --wds-text-button-font-line-height-medium: var(--wds-font-line-height-body-small);
2514
2546
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2515
2547
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2516
2548
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
@@ -2525,6 +2557,7 @@
2525
2557
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
2526
2558
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2527
2559
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
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-tiny);
2529
2562
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2530
2563
  --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.scss CHANGED
@@ -508,7 +508,17 @@
508
508
  --wds-background-blur-0: 0px;
509
509
  --wds-avatar-size-tiny: 20px;
510
510
  --wds-avatar-group-gap-condensed: -2px;
511
+ --wds-avatar-group-divider-width: 1.5px;
512
+ --wds-avatar-group-divider-radius: 1px;
513
+ --wds-avatar-group-divider-margin-start-condensed: 14px;
514
+ --wds-avatar-group-divider-margin-start: 4px;
515
+ --wds-avatar-group-divider-margin-end: 8px;
516
+ --wds-avatar-group-divider-inset-vertical: 8px;
517
+ --wds-avatar-group-counter-fill-gradient-1-mix: 100%;
518
+ --wds-avatar-group-counter-fill-gradient-1: #d0d0d0;
511
519
  --wds-avatar-group-counter-background-blur: 4px;
520
+ --wds-avatar-group-condensed-ring-width: 1px;
521
+ --wds-avatar-group-condensed-counter-ring-width: 0px;
512
522
  --wds-announcement-modal-help-button-fill: transparent;
513
523
  --wds-announcement-modal-footnote-content-alignment: start;
514
524
  --wds-announcement-modal-close-button-icon-size: 8px;
@@ -646,6 +656,7 @@
646
656
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
647
657
  --wds-thumbnail-illustration-fill-1: var(--wds-color-blue-250);
648
658
  --wds-thumbnail-gap: var(--wds-space-300);
659
+ --wds-thumbnail-fill-secondary: var(--wds-color-black-750);
649
660
  --wds-thumbnail-fill-hover: var(--wds-color-white-transparent-0);
650
661
  --wds-thumbnail-fill: var(--wds-color-white-transparent-0);
651
662
  --wds-thumbnail-checkmark-disabled: var(--wds-color-black-550);
@@ -653,6 +664,9 @@
653
664
  --wds-thumbnail-border-width-hover: var(--wds-border-width-100);
654
665
  --wds-thumbnail-border-width-default: var(--wds-border-width-100);
655
666
  --wds-thumbnail-border-radius: var(--wds-border-radius-400);
667
+ --wds-text-button-size-tiny: var(--wds-space-300);
668
+ --wds-text-button-size-small: var(--wds-space-400);
669
+ --wds-text-button-size-medium: var(--wds-space-475);
656
670
  --wds-text-button-font-weight-thin: var(--wds-font-weight-medium);
657
671
  --wds-text-button-font-weight-normal: var(--wds-font-weight-semi-bold);
658
672
  --wds-testimonial-list-gap: var(--wds-space-600);
@@ -707,11 +721,16 @@
707
721
  --wds-table-list-item-checkbox-offset: var(--wds-space-100);
708
722
  --wds-table-list-item-border-radius: var(--wds-border-radius-600);
709
723
  --wds-table-list-item-border-color: var(--wds-color-black-550);
724
+ --wds-table-list-header-text-weight: var(--wds-font-weight-regular);
725
+ --wds-table-list-header-text-fill: var(--wds-color-black-400);
710
726
  --wds-table-list-header-padding-inline: var(--wds-space-600);
711
727
  --wds-table-list-header-option-margin-inline: var(--wds-space-0);
712
728
  --wds-table-list-header-option-gap: var(--wds-space-400);
713
729
  --wds-table-list-header-min-height: var(--wds-space-1200);
730
+ --wds-table-list-header-icon-size: var(--wds-space-250);
731
+ --wds-table-list-header-icon-fill: var(--wds-color-black-300);
714
732
  --wds-table-list-header-divider-fill-top: var(--wds-color-black-100-transparent-0);
733
+ --wds-table-list-header-divider-fill-bottom: var(--wds-color-black-700);
715
734
  --wds-table-list-header-checkbox-padding-right: var(--wds-space-250);
716
735
  --wds-table-list-header-checkbox-padding-left: var(--wds-space-100);
717
736
  --wds-table-header-font-weight: var(--wds-font-weight-medium);
@@ -1011,6 +1030,11 @@
1011
1030
  --wds-section-header-padding-vertical-small: var(--wds-space-200);
1012
1031
  --wds-section-header-padding-vertical-medium: var(--wds-space-300);
1013
1032
  --wds-section-header-font-weight: var(--wds-font-weight-semi-bold);
1033
+ --wds-section-header-bold-padding-top: var(--wds-space-500);
1034
+ --wds-section-header-bold-padding-bottom: var(--wds-space-100);
1035
+ --wds-section-header-bold-label-font-weight: var(--wds-font-weight-heading-3);
1036
+ --wds-section-header-bold-label-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1037
+ --wds-section-header-bold-label-font-family: var(--wds-font-family-display);
1014
1038
  --wds-search-expandable-padding-small: var(--wds-space-150);
1015
1039
  --wds-search-expandable-padding-medium: var(--wds-space-175);
1016
1040
  --wds-search-expandable-padding-large: var(--wds-space-300);
@@ -1939,7 +1963,10 @@
1939
1963
  --wds-badge-border-radius-medium: var(--wds-border-radius-300);
1940
1964
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1941
1965
  --wds-background-blur-modal: var(--wds-background-blur-175);
1966
+ --wds-avatar-group-gap-stretched: var(--wds-space-100);
1942
1967
  --wds-avatar-group-gap-default: var(--wds-space-100);
1968
+ --wds-avatar-group-counter-font-size: var(--wds-font-size-100);
1969
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-white-transparent-0);
1943
1970
  --wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
1944
1971
  --wds-avatar-group-counter-border-width: var(--wds-border-width-100);
1945
1972
  --wds-avatar-group-counter-border-fill: var(--wds-color-white);
@@ -2066,6 +2093,9 @@
2066
2093
  --wds-thumbnail-border-color-hover: var(--wds-color-border-standard-secondary-hover);
2067
2094
  --wds-thumbnail-border-color-disabled: var(--wds-color-border-standard-primary-disabled);
2068
2095
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
2096
+ --wds-text-button-font-size-tiny: var(--wds-font-size-body-extra-tiny);
2097
+ --wds-text-button-font-size-small: var(--wds-font-size-body-tiny);
2098
+ --wds-text-button-font-size-medium: var(--wds-font-size-body-small);
2069
2099
  --wds-tag-label-font-size-small: var(--wds-font-size-body-tiny);
2070
2100
  --wds-tabs-label-font-size-small-medium: var(--wds-font-size-body-small);
2071
2101
  --wds-tabs-label-font-size-small: var(--wds-font-size-body-small);
@@ -2080,9 +2110,7 @@
2080
2110
  --wds-table-list-item-fill: var(--wds-color-fill-dark-tertiary);
2081
2111
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
2082
2112
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2083
- --wds-table-list-header-icon-fill: var(--wds-color-text-standard-primary);
2084
2113
  --wds-table-list-header-fill: var(--wds-color-fill-surface-raised);
2085
- --wds-table-list-header-divider-fill-bottom: var(--wds-color-border-dark-secondary);
2086
2114
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
2087
2115
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
2088
2116
  --wds-swatches-fill-border-no-value-dash: var(--wds-color-border-destructive-primary);
@@ -2156,6 +2184,7 @@
2156
2184
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
2157
2185
  --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
2158
2186
  --wds-section-header-border-light: var(--wds-color-border-standard-primary);
2187
+ --wds-section-header-bold-label-font-size: var(--wds-font-size-body-small);
2159
2188
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
2160
2189
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
2161
2190
  --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
@@ -2168,6 +2197,7 @@
2168
2197
  --wds-radio-border-hover: var(--wds-color-fill-standard-primary);
2169
2198
  --wds-radio-border-disabled: var(--wds-color-border-transparent-primary);
2170
2199
  --wds-radio-border-active: var(--wds-color-fill-standard-primary);
2200
+ --wds-preview-widget-fill: var(--wds-color-fill-surface-neutral);
2171
2201
  --wds-popover-fill: var(--wds-color-fill-surface-overlay);
2172
2202
  --wds-pagination-fill-hover: var(--wds-color-fill-dark-primary-hover);
2173
2203
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
@@ -2476,8 +2506,6 @@
2476
2506
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2477
2507
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary);
2478
2508
  --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2479
- --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2480
- --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-dark-secondary-active);
2481
2509
  --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2482
2510
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2483
2511
  --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
@@ -2490,6 +2518,7 @@
2490
2518
  --wds-add-item-title-font-size-medium: var(--wds-font-size-body-small);
2491
2519
  --wds-add-item-label-color: var(--wds-color-text-standard-primary);
2492
2520
  --wds-add-item-fill-pressed: var(--wds-color-fill-dark-secondary-active);
2521
+ --wds-add-item-fill-plain: var(--wds-color-fill-standard-tertiary);
2493
2522
  --wds-add-item-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2494
2523
  --wds-add-item-border-color-hover: var(--wds-color-fill-dark-primary);
2495
2524
  --wds-add-item-border-color-disabled: var(--wds-color-fill-dark-primary-disabled);
@@ -2511,6 +2540,9 @@
2511
2540
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2512
2541
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2513
2542
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2543
+ --wds-text-button-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2544
+ --wds-text-button-font-line-height-small: var(--wds-font-line-height-body-tiny);
2545
+ --wds-text-button-font-line-height-medium: var(--wds-font-line-height-body-small);
2514
2546
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2515
2547
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
2516
2548
  --wds-tabs-label-line-height-small: var(--wds-font-line-height-body-small);
@@ -2525,6 +2557,7 @@
2525
2557
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
2526
2558
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2527
2559
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
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-tiny);
2529
2562
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2530
2563
  --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.st.css CHANGED
@@ -28,6 +28,7 @@
28
28
  @property st-global(--wds-add-item-fill);
29
29
  @property st-global(--wds-add-item-fill-disabled);
30
30
  @property st-global(--wds-add-item-fill-hover);
31
+ @property st-global(--wds-add-item-fill-plain);
31
32
  @property st-global(--wds-add-item-fill-pressed);
32
33
  @property st-global(--wds-add-item-label-color);
33
34
  @property st-global(--wds-add-item-padding-horizontal-large);
@@ -67,15 +68,26 @@
67
68
  @property st-global(--wds-announcement-modal-top-controls-padding-end);
68
69
  @property st-global(--wds-announcement-modal-top-controls-padding-top);
69
70
  @property st-global(--wds-avatar-color-7-fill);
71
+ @property st-global(--wds-avatar-group-condensed-counter-ring-width);
72
+ @property st-global(--wds-avatar-group-condensed-ring-width);
70
73
  @property st-global(--wds-avatar-group-counter-background-blur);
71
74
  @property st-global(--wds-avatar-group-counter-border-fill);
72
75
  @property st-global(--wds-avatar-group-counter-border-width);
73
76
  @property st-global(--wds-avatar-group-counter-fill);
74
77
  @property st-global(--wds-avatar-group-counter-fill-gradient-1);
78
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1-mix);
75
79
  @property st-global(--wds-avatar-group-counter-fill-gradient-2);
76
80
  @property st-global(--wds-avatar-group-counter-fill-hover);
81
+ @property st-global(--wds-avatar-group-counter-font-size);
82
+ @property st-global(--wds-avatar-group-divider-inset-vertical);
83
+ @property st-global(--wds-avatar-group-divider-margin-end);
84
+ @property st-global(--wds-avatar-group-divider-margin-start);
85
+ @property st-global(--wds-avatar-group-divider-margin-start-condensed);
86
+ @property st-global(--wds-avatar-group-divider-radius);
87
+ @property st-global(--wds-avatar-group-divider-width);
77
88
  @property st-global(--wds-avatar-group-gap-condensed);
78
89
  @property st-global(--wds-avatar-group-gap-default);
90
+ @property st-global(--wds-avatar-group-gap-stretched);
79
91
  @property st-global(--wds-avatar-size-tiny);
80
92
  @property st-global(--wds-avatar-text-fill);
81
93
  @property st-global(--wds-background-blur-0);
@@ -1676,6 +1688,7 @@
1676
1688
  @property st-global(--wds-popover-menu-border-radius);
1677
1689
  @property st-global(--wds-popover-menu-paddings-horizontal);
1678
1690
  @property st-global(--wds-popover-menu-paddings-vertical);
1691
+ @property st-global(--wds-preview-widget-fill);
1679
1692
  @property st-global(--wds-radio-border);
1680
1693
  @property st-global(--wds-radio-border-active);
1681
1694
  @property st-global(--wds-radio-border-active-disabled);
@@ -1723,6 +1736,13 @@
1723
1736
  @property st-global(--wds-search-expandable-padding-large);
1724
1737
  @property st-global(--wds-search-expandable-padding-medium);
1725
1738
  @property st-global(--wds-search-expandable-padding-small);
1739
+ @property st-global(--wds-section-header-bold-label-font-family);
1740
+ @property st-global(--wds-section-header-bold-label-font-letter-spacing);
1741
+ @property st-global(--wds-section-header-bold-label-font-line-height);
1742
+ @property st-global(--wds-section-header-bold-label-font-size);
1743
+ @property st-global(--wds-section-header-bold-label-font-weight);
1744
+ @property st-global(--wds-section-header-bold-padding-bottom);
1745
+ @property st-global(--wds-section-header-bold-padding-top);
1726
1746
  @property st-global(--wds-section-header-border-light);
1727
1747
  @property st-global(--wds-section-header-fill-light);
1728
1748
  @property st-global(--wds-section-header-fill-neutral);
@@ -2216,10 +2236,13 @@
2216
2236
  @property st-global(--wds-table-list-header-divider-fill-top);
2217
2237
  @property st-global(--wds-table-list-header-fill);
2218
2238
  @property st-global(--wds-table-list-header-icon-fill);
2239
+ @property st-global(--wds-table-list-header-icon-size);
2219
2240
  @property st-global(--wds-table-list-header-min-height);
2220
2241
  @property st-global(--wds-table-list-header-option-gap);
2221
2242
  @property st-global(--wds-table-list-header-option-margin-inline);
2222
2243
  @property st-global(--wds-table-list-header-padding-inline);
2244
+ @property st-global(--wds-table-list-header-text-fill);
2245
+ @property st-global(--wds-table-list-header-text-weight);
2223
2246
  @property st-global(--wds-table-list-item-border-color);
2224
2247
  @property st-global(--wds-table-list-item-border-radius);
2225
2248
  @property st-global(--wds-table-list-item-checkbox-offset);
@@ -2298,8 +2321,17 @@
2298
2321
  @property st-global(--wds-tag-size-small);
2299
2322
  @property st-global(--wds-tag-size-tiny);
2300
2323
  @property st-global(--wds-testimonial-list-gap);
2324
+ @property st-global(--wds-text-button-font-line-height-medium);
2325
+ @property st-global(--wds-text-button-font-line-height-small);
2326
+ @property st-global(--wds-text-button-font-line-height-tiny);
2327
+ @property st-global(--wds-text-button-font-size-medium);
2328
+ @property st-global(--wds-text-button-font-size-small);
2329
+ @property st-global(--wds-text-button-font-size-tiny);
2301
2330
  @property st-global(--wds-text-button-font-weight-normal);
2302
2331
  @property st-global(--wds-text-button-font-weight-thin);
2332
+ @property st-global(--wds-text-button-size-medium);
2333
+ @property st-global(--wds-text-button-size-small);
2334
+ @property st-global(--wds-text-button-size-tiny);
2303
2335
  @property st-global(--wds-thumbnail-border-color);
2304
2336
  @property st-global(--wds-thumbnail-border-color-disabled);
2305
2337
  @property st-global(--wds-thumbnail-border-color-hover);
@@ -2311,6 +2343,7 @@
2311
2343
  @property st-global(--wds-thumbnail-checkmark-disabled);
2312
2344
  @property st-global(--wds-thumbnail-fill);
2313
2345
  @property st-global(--wds-thumbnail-fill-hover);
2346
+ @property st-global(--wds-thumbnail-fill-secondary);
2314
2347
  @property st-global(--wds-thumbnail-gap);
2315
2348
  @property st-global(--wds-thumbnail-illustration-fill-1);
2316
2349
  @property st-global(--wds-thumbnail-illustration-fill-2);
@@ -2601,6 +2634,7 @@
2601
2634
  --wds-add-item-fill: #f8f6f6;
2602
2635
  --wds-add-item-fill-disabled: rgba(19, 23, 32, .05);
2603
2636
  --wds-add-item-fill-hover: #e8e7e7;
2637
+ --wds-add-item-fill-plain: #ffffff;
2604
2638
  --wds-add-item-fill-pressed: #dedede;
2605
2639
  --wds-add-item-label-color: #151414;
2606
2640
  --wds-add-item-padding-horizontal-large: 28px;
@@ -2640,15 +2674,26 @@
2640
2674
  --wds-announcement-modal-top-controls-padding-end: 12px;
2641
2675
  --wds-announcement-modal-top-controls-padding-top: 12px;
2642
2676
  --wds-avatar-color-7-fill: #BCD7C3;
2677
+ --wds-avatar-group-condensed-counter-ring-width: 0px;
2678
+ --wds-avatar-group-condensed-ring-width: 1px;
2643
2679
  --wds-avatar-group-counter-background-blur: 4px;
2644
2680
  --wds-avatar-group-counter-border-fill: #ffffff;
2645
2681
  --wds-avatar-group-counter-border-width: 1px;
2646
2682
  --wds-avatar-group-counter-fill: rgba(255, 255, 255, .5);
2647
- --wds-avatar-group-counter-fill-gradient-1: #dedede;
2648
- --wds-avatar-group-counter-fill-gradient-2: rgba(19, 23, 32, 0);
2683
+ --wds-avatar-group-counter-fill-gradient-1: #d0d0d0;
2684
+ --wds-avatar-group-counter-fill-gradient-1-mix: 100%;
2685
+ --wds-avatar-group-counter-fill-gradient-2: rgba(255, 255, 255, 0);
2649
2686
  --wds-avatar-group-counter-fill-hover: #e8e7e7;
2687
+ --wds-avatar-group-counter-font-size: 10px;
2688
+ --wds-avatar-group-divider-inset-vertical: 8px;
2689
+ --wds-avatar-group-divider-margin-end: 8px;
2690
+ --wds-avatar-group-divider-margin-start: 4px;
2691
+ --wds-avatar-group-divider-margin-start-condensed: 14px;
2692
+ --wds-avatar-group-divider-radius: 1px;
2693
+ --wds-avatar-group-divider-width: 1.5px;
2650
2694
  --wds-avatar-group-gap-condensed: -2px;
2651
2695
  --wds-avatar-group-gap-default: 4px;
2696
+ --wds-avatar-group-gap-stretched: 4px;
2652
2697
  --wds-avatar-size-tiny: 20px;
2653
2698
  --wds-avatar-text-fill: #151414;
2654
2699
  --wds-background-blur-0: 0px;
@@ -4249,6 +4294,7 @@
4249
4294
  --wds-popover-menu-border-radius: 12px;
4250
4295
  --wds-popover-menu-paddings-horizontal: 8px;
4251
4296
  --wds-popover-menu-paddings-vertical: 8px;
4297
+ --wds-preview-widget-fill: #f8f6f6;
4252
4298
  --wds-radio-border: #383838;
4253
4299
  --wds-radio-border-active: #2f5dff;
4254
4300
  --wds-radio-border-active-disabled: rgba(19, 23, 32, 0);
@@ -4296,6 +4342,13 @@
4296
4342
  --wds-search-expandable-padding-large: 12px;
4297
4343
  --wds-search-expandable-padding-medium: 7px;
4298
4344
  --wds-search-expandable-padding-small: 6px;
4345
+ --wds-section-header-bold-label-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4346
+ --wds-section-header-bold-label-font-letter-spacing: -0.5px;
4347
+ --wds-section-header-bold-label-font-line-height: 24px;
4348
+ --wds-section-header-bold-label-font-size: 14px;
4349
+ --wds-section-header-bold-label-font-weight: 700;
4350
+ --wds-section-header-bold-padding-bottom: 4px;
4351
+ --wds-section-header-bold-padding-top: 20px;
4299
4352
  --wds-section-header-border-light: #7896ff;
4300
4353
  --wds-section-header-fill-light: #ffffff;
4301
4354
  --wds-section-header-fill-neutral: #ffffff;
@@ -4785,14 +4838,17 @@
4785
4838
  --wds-table-header-font-weight: 500;
4786
4839
  --wds-table-list-header-checkbox-padding-left: 4px;
4787
4840
  --wds-table-list-header-checkbox-padding-right: 10px;
4788
- --wds-table-list-header-divider-fill-bottom: #dedede;
4841
+ --wds-table-list-header-divider-fill-bottom: #f0efef;
4789
4842
  --wds-table-list-header-divider-fill-top: rgba(19, 23, 32, 0);
4790
4843
  --wds-table-list-header-fill: #ffffff;
4791
- --wds-table-list-header-icon-fill: #151414;
4844
+ --wds-table-list-header-icon-fill: #525150;
4845
+ --wds-table-list-header-icon-size: 10px;
4792
4846
  --wds-table-list-header-min-height: 48px;
4793
4847
  --wds-table-list-header-option-gap: 16px;
4794
4848
  --wds-table-list-header-option-margin-inline: 0px;
4795
4849
  --wds-table-list-header-padding-inline: 24px;
4850
+ --wds-table-list-header-text-fill: #767574;
4851
+ --wds-table-list-header-text-weight: 400;
4796
4852
  --wds-table-list-item-border-color: #dedede;
4797
4853
  --wds-table-list-item-border-radius: 12px;
4798
4854
  --wds-table-list-item-checkbox-offset: 4px;
@@ -4871,8 +4927,17 @@
4871
4927
  --wds-tag-size-small: 24px;
4872
4928
  --wds-tag-size-tiny: 20px;
4873
4929
  --wds-testimonial-list-gap: 24px;
4930
+ --wds-text-button-font-line-height-medium: 18px;
4931
+ --wds-text-button-font-line-height-small: 16px;
4932
+ --wds-text-button-font-line-height-tiny: 12px;
4933
+ --wds-text-button-font-size-medium: 14px;
4934
+ --wds-text-button-font-size-small: 12px;
4935
+ --wds-text-button-font-size-tiny: 10px;
4874
4936
  --wds-text-button-font-weight-normal: 600;
4875
4937
  --wds-text-button-font-weight-thin: 500;
4938
+ --wds-text-button-size-medium: 18px;
4939
+ --wds-text-button-size-small: 16px;
4940
+ --wds-text-button-size-tiny: 12px;
4876
4941
  --wds-thumbnail-border-color: #dedede;
4877
4942
  --wds-thumbnail-border-color-disabled: rgba(19, 23, 32, .1);
4878
4943
  --wds-thumbnail-border-color-hover: #acbeff;
@@ -4884,6 +4949,7 @@
4884
4949
  --wds-thumbnail-checkmark-disabled: #dedede;
4885
4950
  --wds-thumbnail-fill: rgba(255, 255, 255, 0);
4886
4951
  --wds-thumbnail-fill-hover: rgba(255, 255, 255, 0);
4952
+ --wds-thumbnail-fill-secondary: #f8f6f6;
4887
4953
  --wds-thumbnail-gap: 12px;
4888
4954
  --wds-thumbnail-illustration-fill-1: #7896ff;
4889
4955
  --wds-thumbnail-illustration-fill-2: #2f5dff;