@wix/design-system-tokens 1.219.1 → 1.219.3

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 +10 -0
  2. package/all.css +18 -2
  3. package/all.scss +18 -2
  4. package/all.st.css +34 -2
  5. package/component.st.css +34 -2
  6. package/odeditor/all.css +50 -34
  7. package/odeditor/all.scss +50 -34
  8. package/odeditor/all.st.css +66 -34
  9. package/odeditor/component.st.css +66 -34
  10. package/odeditor-dark/all.css +75 -50
  11. package/odeditor-dark/all.scss +75 -50
  12. package/odeditor-dark/all.st.css +100 -50
  13. package/odeditor-dark/component.st.css +100 -50
  14. package/package.json +2 -2
  15. package/studio/all.css +18 -2
  16. package/studio/all.scss +18 -2
  17. package/studio/all.st.css +34 -2
  18. package/studio/component.st.css +34 -2
  19. package/wixel/all.css +18 -2
  20. package/wixel/all.scss +18 -2
  21. package/wixel/all.st.css +34 -2
  22. package/wixel/component.st.css +34 -2
package/CHANGELOG.md CHANGED
@@ -1,3 +1,13 @@
1
+ ## 1.219.2
2
+
3
+ ### Patch Changes
4
+
5
+ - [#16681](https://github.com/wix-private/wix-design-systems/pull/16681) [`5841dba`](https://github.com/wix-private/wix-design-systems/commit/5841dbad80db315cb0d54c8f06731ed22418b2b8) - Add Page.Header and EditableTitle tokens consumed by the Page.Header QA fixes: `--wds-page-header-breadcrumbs-color`, `--wds-page-header-breadcrumbs-font-size`, `--wds-page-header-breadcrumbs-selected-font-weight`, `--wds-page-header-divider-color`, `--wds-page-header-subtitle-gap`, `--wds-page-header-subtitle-padding-start` and `--wds-editable-title-marker-gap`. Harmony (odeditor) and Studio 2.0 (odeditor-dark) carry the new values (transparent divider, 12px breadcrumbs in black-300 with a medium-weight (`500`) selected crumb, 4px subtitle gap and start padding, 4px marker gap); every other theme defines them at its currently rendered values, so nothing changes outside the two Harmony themes.
6
+
7
+ - [#16684](https://github.com/wix-private/wix-design-systems/pull/16684) [`c0fa3ec`](https://github.com/wix-private/wix-design-systems/commit/c0fa3ec739ec9f399bdc2f15b5ce5e3f1ad682db) - Studio 2.0 (odeditor-dark) rest-state background fills are now fully transparent for SectionHeader (`--wds-section-header-fill-standard/-neutral/-light`, from `#212122`), VerticalTabsItem (`--wds-vertical-tabs-item-fill-standard/-light/-neutral` and their `-premium` variants, from `#212122`/`#2D2D2E`), and the new `--wds-selectable-accordion-fill` and `--wds-button-fill-ai-secondary` tokens (transparent in Studio 2.0 (odeditor-dark), unchanged rendering in all other themes).
8
+
9
+ - [#16620](https://github.com/wix-private/wix-design-systems/pull/16620) [`8d17164`](https://github.com/wix-private/wix-design-systems/commit/8d17164423b63d0d42dad66d48855c006b413f25) - ListItemSelect tokens: add `--wds-list-item-select-subtitle-font-weight-medium` (`400` in all themes, previously the subtitle used the label weight) and `--wds-list-item-select-suffix-font-line-height-small` (`18px` in Harmony (odeditor), elsewhere equal to the previously used label line-height). `--wds-list-item-select-min-height-medium` changed from `52px` to `auto` in Harmony (odeditor) and Studio 2.0 (odeditor-dark). `--wds-list-item-select-padding-horizontal-medium`/`-small` changed from `12px` to `8px` in Harmony (odeditor). `--wds-list-item-select-padding-right-medium`/`-small` changed from `--wds-space-400` to `--wds-space-300` in all themes (`16px` to `12px`; `24px` to `18px` in the default theme) and are now what the component uses for its end padding.
10
+
1
11
  ## 1.219.1
2
12
 
3
13
  ### Patch Changes
package/all.css CHANGED
@@ -366,6 +366,7 @@
366
366
  --wds-google-preview-favicon-border-fill: #E6E6E6;
367
367
  --wds-google-preview-favicon-background-fill: #F1F3F4;
368
368
  --wds-editable-title-marker-line-style: dashed;
369
+ --wds-editable-title-marker-gap: 6px;
369
370
  --wds-custom-modal-close-button-fill: transparent;
370
371
  --wds-counter-badge-padding-horizontal-tiny: 4px;
371
372
  --wds-counter-badge-padding-horizontal-medium: 8px;
@@ -384,6 +385,7 @@
384
385
  --wds-button-icon-offset-small: 12px;
385
386
  --wds-button-icon-offset-medium: 12px;
386
387
  --wds-button-icon-offset-large: 12px;
388
+ --wds-button-border-ai-secondary-mask: none;
387
389
  --wds-breadcrumbs-height-small: 24px;
388
390
  --wds-breadcrumbs-height-medium: 30px;
389
391
  --wds-breadcrumbs-height-large: 36px;
@@ -1030,6 +1032,10 @@
1030
1032
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
1031
1033
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
1032
1034
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
1035
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-200);
1036
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-300);
1037
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-400);
1038
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-400);
1033
1039
  --wds-social-preview-content-padding-vertical: var(--wds-space-150);
1034
1040
  --wds-social-preview-content-padding-horizontal: var(--wds-space-200);
1035
1041
  --wds-social-post-preview-content-padding-vertical: var(--wds-space-200);
@@ -1218,10 +1224,13 @@
1218
1224
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1219
1225
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1220
1226
  --wds-page-header-title-actions-gap: var(--wds-space-0);
1227
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1228
+ --wds-page-header-subtitle-gap: var(--wds-space-0);
1221
1229
  --wds-page-header-padding-vertical-small: var(--wds-space-300);
1222
1230
  --wds-page-header-padding-vertical: var(--wds-space-400);
1223
1231
  --wds-page-header-padding-horizontal-small: var(--wds-space-400);
1224
1232
  --wds-page-header-padding-horizontal: var(--wds-space-800);
1233
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
1225
1234
  --wds-notification-padding-vertical: var(--wds-space-150);
1226
1235
  --wds-notification-padding-horizontal: var(--wds-space-200);
1227
1236
  --wds-notification-fill-warning: var(--wds-color-yellow-100);
@@ -1286,13 +1295,14 @@
1286
1295
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-200);
1287
1296
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-200);
1288
1297
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1298
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1289
1299
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1290
1300
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1291
1301
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1292
1302
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1293
1303
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
1294
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1295
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1304
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1305
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1296
1306
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1297
1307
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1298
1308
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1784,6 +1794,7 @@
1784
1794
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1785
1795
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1786
1796
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1797
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1787
1798
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1788
1799
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1789
1800
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1841,6 +1852,9 @@
1841
1852
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1842
1853
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1843
1854
  --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1855
+ --wds-page-header-divider-color: var(--wds-color-border-dark-secondary);
1856
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-body-small);
1857
+ --wds-page-header-breadcrumbs-color: var(--wds-color-text-standard-primary);
1844
1858
  --wds-number-input-icon-fill: var(--wds-color-text-primary);
1845
1859
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1846
1860
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
@@ -2176,6 +2190,7 @@
2176
2190
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary);
2177
2191
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2178
2192
  --wds-button-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled);
2193
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2179
2194
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-primary-active);
2180
2195
  --wds-button-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled);
2181
2196
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
@@ -2282,6 +2297,7 @@
2282
2297
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2283
2298
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2284
2299
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2300
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2285
2301
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
2286
2302
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2287
2303
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/all.scss CHANGED
@@ -166,6 +166,7 @@
166
166
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
167
167
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
168
168
  --wds-editable-title-marker-line-style: dashed;
169
+ --wds-editable-title-marker-gap: 6px;
169
170
  --wds-custom-modal-close-button-fill: transparent;
170
171
  --wds-counter-badge-padding-horizontal-tiny: 4px;
171
172
  --wds-counter-badge-padding-horizontal-medium: 8px;
@@ -357,6 +358,7 @@
357
358
  --wds-button-icon-offset-small: 12px;
358
359
  --wds-button-icon-offset-medium: 12px;
359
360
  --wds-button-icon-offset-large: 12px;
361
+ --wds-button-border-ai-secondary-mask: none;
360
362
  --wds-breakpoint-x-large: 1572px;
361
363
  --wds-breakpoint-small: 490px;
362
364
  --wds-breakpoint-medium: 768px;
@@ -589,6 +591,10 @@
589
591
  --wds-statistics-widget-value-font-weight-tiny: var(--wds-font-weight-bold);
590
592
  --wds-statistics-widget-value-font-letter-spacing: var(--wds-font-letter-spacing-0);
591
593
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-default);
594
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-200);
595
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-300);
596
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-400);
597
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-400);
592
598
  --wds-space-viewport-spacing: var(--wds-space-800);
593
599
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-50);
594
600
  --wds-space-padding-vertical-x-tiny: var(--wds-space-100);
@@ -865,10 +871,13 @@
865
871
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
866
872
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
867
873
  --wds-page-header-title-actions-gap: var(--wds-space-0);
874
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
875
+ --wds-page-header-subtitle-gap: var(--wds-space-0);
868
876
  --wds-page-header-padding-vertical-small: var(--wds-space-300);
869
877
  --wds-page-header-padding-vertical: var(--wds-space-400);
870
878
  --wds-page-header-padding-horizontal-small: var(--wds-space-400);
871
879
  --wds-page-header-padding-horizontal: var(--wds-space-800);
880
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-medium);
872
881
  --wds-notification-padding-vertical: var(--wds-space-150);
873
882
  --wds-notification-padding-horizontal: var(--wds-space-200);
874
883
  --wds-notification-fill-warning: var(--wds-color-yellow-100);
@@ -929,13 +938,14 @@
929
938
  --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
930
939
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
931
940
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
941
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
932
942
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
933
943
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
934
944
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
935
945
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
936
946
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
937
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
938
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
947
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
948
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
939
949
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
940
950
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
941
951
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1773,6 +1783,7 @@
1773
1783
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1774
1784
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1775
1785
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1786
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1776
1787
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled);
1777
1788
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1778
1789
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1830,6 +1841,9 @@
1830
1841
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1831
1842
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1832
1843
  --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1844
+ --wds-page-header-divider-color: var(--wds-color-border-dark-secondary);
1845
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-body-small);
1846
+ --wds-page-header-breadcrumbs-color: var(--wds-color-text-standard-primary);
1833
1847
  --wds-number-input-icon-fill: var(--wds-color-text-primary);
1834
1848
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1835
1849
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
@@ -2176,6 +2190,7 @@
2176
2190
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary);
2177
2191
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2178
2192
  --wds-button-fill-dark-primary-disabled: var(--wds-color-fill-dark-primary-disabled);
2193
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2179
2194
  --wds-button-border-standard-secondary-hover: var(--wds-color-border-standard-primary-active);
2180
2195
  --wds-button-border-standard-secondary-disabled: var(--wds-color-border-standard-secondary-disabled);
2181
2196
  --wds-button-border-standard-secondary-active: var(--wds-color-fill-standard-primary-active);
@@ -2282,6 +2297,7 @@
2282
2297
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2283
2298
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2284
2299
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2300
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-small);
2285
2301
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
2286
2302
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2287
2303
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/all.st.css CHANGED
@@ -170,6 +170,7 @@
170
170
  @property st-global(--wds-breakpoint-medium);
171
171
  @property st-global(--wds-breakpoint-small);
172
172
  @property st-global(--wds-breakpoint-x-large);
173
+ @property st-global(--wds-button-border-ai-secondary-mask);
173
174
  @property st-global(--wds-button-border-dark-secondary);
174
175
  @property st-global(--wds-button-border-dark-secondary-active);
175
176
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -193,6 +194,7 @@
193
194
  @property st-global(--wds-button-fill-ai-primary);
194
195
  @property st-global(--wds-button-fill-ai-primary-active);
195
196
  @property st-global(--wds-button-fill-ai-primary-hover);
197
+ @property st-global(--wds-button-fill-ai-secondary);
196
198
  @property st-global(--wds-button-fill-dark-primary-disabled);
197
199
  @property st-global(--wds-button-fill-dark-secondary);
198
200
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -947,6 +949,7 @@
947
949
  @property st-global(--wds-dropdown-list-paddings);
948
950
  @property st-global(--wds-editable-title-marker-fill);
949
951
  @property st-global(--wds-editable-title-marker-fill-active);
952
+ @property st-global(--wds-editable-title-marker-gap);
950
953
  @property st-global(--wds-editable-title-marker-line-style);
951
954
  @property st-global(--wds-editable-title-placeholder-fill);
952
955
  @property st-global(--wds-empty-state-border-radius);
@@ -1365,8 +1368,10 @@
1365
1368
  @property st-global(--wds-list-item-select-subtitle-disabled);
1366
1369
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1367
1370
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1371
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1368
1372
  @property st-global(--wds-list-item-select-suffix);
1369
1373
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1374
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
1370
1375
  @property st-global(--wds-list-item-select-suffix-pressed);
1371
1376
  @property st-global(--wds-list-item-select-title);
1372
1377
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1471,15 +1476,21 @@
1471
1476
  @property st-global(--wds-notification-padding-vertical);
1472
1477
  @property st-global(--wds-number-input-icon-fill);
1473
1478
  @property st-global(--wds-page-header-back-button-gap);
1479
+ @property st-global(--wds-page-header-breadcrumbs-color);
1480
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
1474
1481
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
1475
1482
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1476
1483
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
1484
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1485
+ @property st-global(--wds-page-header-divider-color);
1477
1486
  @property st-global(--wds-page-header-padding-horizontal);
1478
1487
  @property st-global(--wds-page-header-padding-horizontal-small);
1479
1488
  @property st-global(--wds-page-header-padding-vertical);
1480
1489
  @property st-global(--wds-page-header-padding-vertical-small);
1481
1490
  @property st-global(--wds-page-header-subtitle-font-size);
1491
+ @property st-global(--wds-page-header-subtitle-gap);
1482
1492
  @property st-global(--wds-page-header-subtitle-line-height);
1493
+ @property st-global(--wds-page-header-subtitle-padding-start);
1483
1494
  @property st-global(--wds-page-header-title-actions-gap);
1484
1495
  @property st-global(--wds-page-header-title-font-size);
1485
1496
  @property st-global(--wds-page-header-title-font-weight);
@@ -1633,6 +1644,7 @@
1633
1644
  @property st-global(--wds-select-area-fill-hover);
1634
1645
  @property st-global(--wds-select-area-padding-horizontal);
1635
1646
  @property st-global(--wds-select-area-padding-vertical);
1647
+ @property st-global(--wds-selectable-accordion-fill);
1636
1648
  @property st-global(--wds-selector-button-border-color);
1637
1649
  @property st-global(--wds-selector-button-border-color-disabled);
1638
1650
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1947,6 +1959,10 @@
1947
1959
  @property st-global(--wds-statistics-widget-description-font-line-height);
1948
1960
  @property st-global(--wds-statistics-widget-description-font-size);
1949
1961
  @property st-global(--wds-statistics-widget-description-info-gap);
1962
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1963
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1964
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1965
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1950
1966
  @property st-global(--wds-statistics-widget-trend-space-top);
1951
1967
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1952
1968
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -2493,6 +2509,7 @@
2493
2509
  --wds-breakpoint-medium: 768px;
2494
2510
  --wds-breakpoint-small: 490px;
2495
2511
  --wds-breakpoint-x-large: 1572px;
2512
+ --wds-button-border-ai-secondary-mask: none;
2496
2513
  --wds-button-border-dark-secondary: #868aa5;
2497
2514
  --wds-button-border-dark-secondary-active: #000624;
2498
2515
  --wds-button-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2516,6 +2533,7 @@
2516
2533
  --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2517
2534
  --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
2518
2535
  --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
2536
+ --wds-button-fill-ai-secondary: #ffffff;
2519
2537
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
2520
2538
  --wds-button-fill-dark-secondary: #ffffff;
2521
2539
  --wds-button-fill-dark-secondary-active: #000624;
@@ -3270,6 +3288,7 @@
3270
3288
  --wds-dropdown-list-paddings: 0px;
3271
3289
  --wds-editable-title-marker-fill: #868aa5;
3272
3290
  --wds-editable-title-marker-fill-active: #116dff;
3291
+ --wds-editable-title-marker-gap: 6px;
3273
3292
  --wds-editable-title-marker-line-style: dashed;
3274
3293
  --wds-editable-title-placeholder-fill: #cfd1dc;
3275
3294
  --wds-empty-state-border-radius: 8px;
@@ -3677,8 +3696,8 @@
3677
3696
  --wds-list-item-select-padding-horizontal-small: 18px;
3678
3697
  --wds-list-item-select-padding-left-medium: 18px;
3679
3698
  --wds-list-item-select-padding-left-small: 18px;
3680
- --wds-list-item-select-padding-right-medium: 24px;
3681
- --wds-list-item-select-padding-right-small: 24px;
3699
+ --wds-list-item-select-padding-right-medium: 18px;
3700
+ --wds-list-item-select-padding-right-small: 18px;
3682
3701
  --wds-list-item-select-padding-vertical-medium: 6px;
3683
3702
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
3684
3703
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -3688,8 +3707,10 @@
3688
3707
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
3689
3708
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
3690
3709
  --wds-list-item-select-subtitle-font-size-medium: 14px;
3710
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3691
3711
  --wds-list-item-select-suffix: #868aa5;
3692
3712
  --wds-list-item-select-suffix-active-font-weight: 400;
3713
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
3693
3714
  --wds-list-item-select-suffix-pressed: #868aa5;
3694
3715
  --wds-list-item-select-title: #000624;
3695
3716
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
@@ -3794,15 +3815,21 @@
3794
3815
  --wds-notification-padding-vertical: 9px;
3795
3816
  --wds-number-input-icon-fill: #116dff;
3796
3817
  --wds-page-header-back-button-gap: 8px;
3818
+ --wds-page-header-breadcrumbs-color: #000624;
3819
+ --wds-page-header-breadcrumbs-font-size: 14px;
3797
3820
  --wds-page-header-breadcrumbs-offset-large: -15px;
3798
3821
  --wds-page-header-breadcrumbs-offset-medium: -9px;
3799
3822
  --wds-page-header-breadcrumbs-offset-small: -6px;
3823
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
3824
+ --wds-page-header-divider-color: #dfe5eb;
3800
3825
  --wds-page-header-padding-horizontal: 48px;
3801
3826
  --wds-page-header-padding-horizontal-small: 24px;
3802
3827
  --wds-page-header-padding-vertical: 24px;
3803
3828
  --wds-page-header-padding-vertical-small: 18px;
3804
3829
  --wds-page-header-subtitle-font-size: 16px;
3830
+ --wds-page-header-subtitle-gap: 0px;
3805
3831
  --wds-page-header-subtitle-line-height: 24px;
3832
+ --wds-page-header-subtitle-padding-start: 0px;
3806
3833
  --wds-page-header-title-actions-gap: 0px;
3807
3834
  --wds-page-header-title-font-size: 28px;
3808
3835
  --wds-page-header-title-font-weight: 700;
@@ -3956,6 +3983,7 @@
3956
3983
  --wds-select-area-fill-hover: #e7f0ff;
3957
3984
  --wds-select-area-padding-horizontal: 18px;
3958
3985
  --wds-select-area-padding-vertical: 12px;
3986
+ --wds-selectable-accordion-fill: #ffffff;
3959
3987
  --wds-selector-button-border-color: #d6e6fe;
3960
3988
  --wds-selector-button-border-color-disabled: rgba(0, 6, 36, .1);
3961
3989
  --wds-selector-button-border-color-hover: #a8caff;
@@ -4270,6 +4298,10 @@
4270
4298
  --wds-statistics-widget-description-font-line-height: 18px;
4271
4299
  --wds-statistics-widget-description-font-size: 14px;
4272
4300
  --wds-statistics-widget-description-info-gap: 6px;
4301
+ --wds-statistics-widget-padding-horizontal-large: 24px;
4302
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
4303
+ --wds-statistics-widget-padding-vertical-large: 18px;
4304
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
4273
4305
  --wds-statistics-widget-trend-space-top: 5px;
4274
4306
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
4275
4307
  --wds-statistics-widget-value-font-letter-spacing: 0px;
package/component.st.css CHANGED
@@ -132,6 +132,7 @@
132
132
  @property st-global(--wds-breadcrumbs-text-line-height-small);
133
133
  @property st-global(--wds-breadcrumbs-text-weight-default);
134
134
  @property st-global(--wds-breadcrumbs-text-weight-selected);
135
+ @property st-global(--wds-button-border-ai-secondary-mask);
135
136
  @property st-global(--wds-button-border-dark-secondary);
136
137
  @property st-global(--wds-button-border-dark-secondary-active);
137
138
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -155,6 +156,7 @@
155
156
  @property st-global(--wds-button-fill-ai-primary);
156
157
  @property st-global(--wds-button-fill-ai-primary-active);
157
158
  @property st-global(--wds-button-fill-ai-primary-hover);
159
+ @property st-global(--wds-button-fill-ai-secondary);
158
160
  @property st-global(--wds-button-fill-dark-primary-disabled);
159
161
  @property st-global(--wds-button-fill-dark-secondary);
160
162
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -435,6 +437,7 @@
435
437
  @property st-global(--wds-dropdown-list-paddings);
436
438
  @property st-global(--wds-editable-title-marker-fill);
437
439
  @property st-global(--wds-editable-title-marker-fill-active);
440
+ @property st-global(--wds-editable-title-marker-gap);
438
441
  @property st-global(--wds-editable-title-marker-line-style);
439
442
  @property st-global(--wds-editable-title-placeholder-fill);
440
443
  @property st-global(--wds-empty-state-border-radius);
@@ -784,8 +787,10 @@
784
787
  @property st-global(--wds-list-item-select-subtitle-disabled);
785
788
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
786
789
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
790
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
787
791
  @property st-global(--wds-list-item-select-suffix);
788
792
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
793
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
789
794
  @property st-global(--wds-list-item-select-suffix-pressed);
790
795
  @property st-global(--wds-list-item-select-title);
791
796
  @property st-global(--wds-list-item-select-title-disabled);
@@ -890,15 +895,21 @@
890
895
  @property st-global(--wds-notification-padding-vertical);
891
896
  @property st-global(--wds-number-input-icon-fill);
892
897
  @property st-global(--wds-page-header-back-button-gap);
898
+ @property st-global(--wds-page-header-breadcrumbs-color);
899
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
893
900
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
894
901
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
895
902
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
903
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
904
+ @property st-global(--wds-page-header-divider-color);
896
905
  @property st-global(--wds-page-header-padding-horizontal);
897
906
  @property st-global(--wds-page-header-padding-horizontal-small);
898
907
  @property st-global(--wds-page-header-padding-vertical);
899
908
  @property st-global(--wds-page-header-padding-vertical-small);
900
909
  @property st-global(--wds-page-header-subtitle-font-size);
910
+ @property st-global(--wds-page-header-subtitle-gap);
901
911
  @property st-global(--wds-page-header-subtitle-line-height);
912
+ @property st-global(--wds-page-header-subtitle-padding-start);
902
913
  @property st-global(--wds-page-header-title-actions-gap);
903
914
  @property st-global(--wds-page-header-title-font-size);
904
915
  @property st-global(--wds-page-header-title-font-weight);
@@ -1052,6 +1063,7 @@
1052
1063
  @property st-global(--wds-select-area-fill-hover);
1053
1064
  @property st-global(--wds-select-area-padding-horizontal);
1054
1065
  @property st-global(--wds-select-area-padding-vertical);
1066
+ @property st-global(--wds-selectable-accordion-fill);
1055
1067
  @property st-global(--wds-selector-button-border-color);
1056
1068
  @property st-global(--wds-selector-button-border-color-disabled);
1057
1069
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1213,6 +1225,10 @@
1213
1225
  @property st-global(--wds-statistics-widget-description-font-line-height);
1214
1226
  @property st-global(--wds-statistics-widget-description-font-size);
1215
1227
  @property st-global(--wds-statistics-widget-description-info-gap);
1228
+ @property st-global(--wds-statistics-widget-padding-horizontal-large);
1229
+ @property st-global(--wds-statistics-widget-padding-horizontal-tiny);
1230
+ @property st-global(--wds-statistics-widget-padding-vertical-large);
1231
+ @property st-global(--wds-statistics-widget-padding-vertical-tiny);
1216
1232
  @property st-global(--wds-statistics-widget-trend-space-top);
1217
1233
  @property st-global(--wds-statistics-widget-value-font-family-tiny);
1218
1234
  @property st-global(--wds-statistics-widget-value-font-letter-spacing);
@@ -1719,6 +1735,7 @@
1719
1735
  --wds-breadcrumbs-text-line-height-small: 18px;
1720
1736
  --wds-breadcrumbs-text-weight-default: 400;
1721
1737
  --wds-breadcrumbs-text-weight-selected: 500;
1738
+ --wds-button-border-ai-secondary-mask: none;
1722
1739
  --wds-button-border-dark-secondary: #868aa5;
1723
1740
  --wds-button-border-dark-secondary-active: #000624;
1724
1741
  --wds-button-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -1742,6 +1759,7 @@
1742
1759
  --wds-button-fill-ai-primary: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1743
1760
  --wds-button-fill-ai-primary-active: linear-gradient(60deg, #0021FF 0%, #116DFF 65%, #5FF2AE 96%);
1744
1761
  --wds-button-fill-ai-primary-hover: linear-gradient(81deg, #0021FF -177.08%, #116DFF 31.96%, #5FF2AE 99.97%);
1762
+ --wds-button-fill-ai-secondary: #ffffff;
1745
1763
  --wds-button-fill-dark-primary-disabled: rgba(0, 6, 36, .3);
1746
1764
  --wds-button-fill-dark-secondary: #ffffff;
1747
1765
  --wds-button-fill-dark-secondary-active: #000624;
@@ -2022,6 +2040,7 @@
2022
2040
  --wds-dropdown-list-paddings: 0px;
2023
2041
  --wds-editable-title-marker-fill: #868aa5;
2024
2042
  --wds-editable-title-marker-fill-active: #116dff;
2043
+ --wds-editable-title-marker-gap: 6px;
2025
2044
  --wds-editable-title-marker-line-style: dashed;
2026
2045
  --wds-editable-title-placeholder-fill: #cfd1dc;
2027
2046
  --wds-empty-state-border-radius: 8px;
@@ -2360,8 +2379,8 @@
2360
2379
  --wds-list-item-select-padding-horizontal-small: 18px;
2361
2380
  --wds-list-item-select-padding-left-medium: 18px;
2362
2381
  --wds-list-item-select-padding-left-small: 18px;
2363
- --wds-list-item-select-padding-right-medium: 24px;
2364
- --wds-list-item-select-padding-right-small: 24px;
2382
+ --wds-list-item-select-padding-right-medium: 18px;
2383
+ --wds-list-item-select-padding-right-small: 18px;
2365
2384
  --wds-list-item-select-padding-vertical-medium: 6px;
2366
2385
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
2367
2386
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2371,8 +2390,10 @@
2371
2390
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
2372
2391
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
2373
2392
  --wds-list-item-select-subtitle-font-size-medium: 14px;
2393
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2374
2394
  --wds-list-item-select-suffix: #868aa5;
2375
2395
  --wds-list-item-select-suffix-active-font-weight: 400;
2396
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
2376
2397
  --wds-list-item-select-suffix-pressed: #868aa5;
2377
2398
  --wds-list-item-select-title: #000624;
2378
2399
  --wds-list-item-select-title-disabled: rgba(0, 6, 36, .3);
@@ -2477,15 +2498,21 @@
2477
2498
  --wds-notification-padding-vertical: 9px;
2478
2499
  --wds-number-input-icon-fill: #116dff;
2479
2500
  --wds-page-header-back-button-gap: 8px;
2501
+ --wds-page-header-breadcrumbs-color: #000624;
2502
+ --wds-page-header-breadcrumbs-font-size: 14px;
2480
2503
  --wds-page-header-breadcrumbs-offset-large: -15px;
2481
2504
  --wds-page-header-breadcrumbs-offset-medium: -9px;
2482
2505
  --wds-page-header-breadcrumbs-offset-small: -6px;
2506
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
2507
+ --wds-page-header-divider-color: #dfe5eb;
2483
2508
  --wds-page-header-padding-horizontal: 48px;
2484
2509
  --wds-page-header-padding-horizontal-small: 24px;
2485
2510
  --wds-page-header-padding-vertical: 24px;
2486
2511
  --wds-page-header-padding-vertical-small: 18px;
2487
2512
  --wds-page-header-subtitle-font-size: 16px;
2513
+ --wds-page-header-subtitle-gap: 0px;
2488
2514
  --wds-page-header-subtitle-line-height: 24px;
2515
+ --wds-page-header-subtitle-padding-start: 0px;
2489
2516
  --wds-page-header-title-actions-gap: 0px;
2490
2517
  --wds-page-header-title-font-size: 28px;
2491
2518
  --wds-page-header-title-font-weight: 700;
@@ -2639,6 +2666,7 @@
2639
2666
  --wds-select-area-fill-hover: #e7f0ff;
2640
2667
  --wds-select-area-padding-horizontal: 18px;
2641
2668
  --wds-select-area-padding-vertical: 12px;
2669
+ --wds-selectable-accordion-fill: #ffffff;
2642
2670
  --wds-selector-button-border-color: #d6e6fe;
2643
2671
  --wds-selector-button-border-color-disabled: rgba(0, 6, 36, .1);
2644
2672
  --wds-selector-button-border-color-hover: #a8caff;
@@ -2800,6 +2828,10 @@
2800
2828
  --wds-statistics-widget-description-font-line-height: 18px;
2801
2829
  --wds-statistics-widget-description-font-size: 14px;
2802
2830
  --wds-statistics-widget-description-info-gap: 6px;
2831
+ --wds-statistics-widget-padding-horizontal-large: 24px;
2832
+ --wds-statistics-widget-padding-horizontal-tiny: 24px;
2833
+ --wds-statistics-widget-padding-vertical-large: 18px;
2834
+ --wds-statistics-widget-padding-vertical-tiny: 12px;
2803
2835
  --wds-statistics-widget-trend-space-top: 5px;
2804
2836
  --wds-statistics-widget-value-font-family-tiny: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2805
2837
  --wds-statistics-widget-value-font-letter-spacing: 0px;