@wix/design-system-tokens 1.219.0 → 1.219.2

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 (23) hide show
  1. package/CHANGELOG.md +32 -4
  2. package/all.css +24 -2
  3. package/all.scss +24 -2
  4. package/all.st.css +46 -2
  5. package/component.st.css +46 -2
  6. package/odeditor/all.css +29 -7
  7. package/odeditor/all.scss +29 -7
  8. package/odeditor/all.st.css +51 -7
  9. package/odeditor/component.st.css +51 -7
  10. package/odeditor-dark/all.css +40 -18
  11. package/odeditor-dark/all.scss +40 -18
  12. package/odeditor-dark/all.st.css +63 -19
  13. package/odeditor-dark/component.st.css +61 -17
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +2 -2
  16. package/studio/all.css +24 -2
  17. package/studio/all.scss +24 -2
  18. package/studio/all.st.css +46 -2
  19. package/studio/component.st.css +46 -2
  20. package/wixel/all.css +24 -2
  21. package/wixel/all.scss +24 -2
  22. package/wixel/all.st.css +46 -2
  23. package/wixel/component.st.css +46 -2
package/studio/all.css CHANGED
@@ -361,6 +361,9 @@
361
361
  --wds-search-expandable-padding-large: 5px;
362
362
  --wds-radio-dot-size: 4px;
363
363
  --wds-page-header-title-minimised-line-height: 30px;
364
+ --wds-page-header-breadcrumbs-offset-small: -4px;
365
+ --wds-page-header-breadcrumbs-offset-medium: -8px;
366
+ --wds-page-header-breadcrumbs-offset-large: -16px;
364
367
  --wds-message-modal-close-button-fill: transparent;
365
368
  --wds-marketing-layout-title-font-size-tiny: 20px;
366
369
  --wds-marketing-layout-image-border-radius: 0px;
@@ -403,6 +406,7 @@
403
406
  --wds-google-preview-favicon-border-fill: #E6E6E6;
404
407
  --wds-google-preview-favicon-background-fill: #F1F3F4;
405
408
  --wds-editable-title-marker-line-style: dashed;
409
+ --wds-editable-title-marker-gap: 6px;
406
410
  --wds-custom-modal-close-button-fill: transparent;
407
411
  --wds-counter-badge-padding-horizontal-tiny: 4px;
408
412
  --wds-counter-badge-font-size-tiny: 10px;
@@ -418,6 +422,7 @@
418
422
  --wds-button-icon-offset-small: 12px;
419
423
  --wds-button-icon-offset-medium: 18px;
420
424
  --wds-button-icon-offset-large: 18px;
425
+ --wds-button-border-ai-secondary-mask: none;
421
426
  --wds-breadcrumbs-height-small: 24px;
422
427
  --wds-breadcrumbs-height-medium: 30px;
423
428
  --wds-breadcrumbs-height-large: 36px;
@@ -1240,10 +1245,13 @@
1240
1245
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1241
1246
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1242
1247
  --wds-page-header-title-actions-gap: var(--wds-space-0);
1248
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1249
+ --wds-page-header-subtitle-gap: var(--wds-space-0);
1243
1250
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1244
1251
  --wds-page-header-padding-vertical: var(--wds-space-600);
1245
1252
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1246
1253
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1254
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-bold);
1247
1255
  --wds-page-header-back-button-gap: var(--wds-space-200);
1248
1256
  --wds-notification-padding-vertical: var(--wds-space-200);
1249
1257
  --wds-notification-padding-horizontal: var(--wds-space-200);
@@ -1260,12 +1268,14 @@
1260
1268
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1261
1269
  --wds-message-modal-top-controls-gap: var(--wds-space-50);
1262
1270
  --wds-message-modal-title-font-family: var(--wds-font-family-default);
1271
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-medium);
1263
1272
  --wds-message-modal-padding-vertical: var(--wds-space-500);
1264
1273
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1265
1274
  --wds-message-modal-illustration-margin-top: var(--wds-space-300);
1266
1275
  --wds-message-modal-illustration-margin-start: var(--wds-space-400);
1267
1276
  --wds-message-modal-illustration-content-gap: var(--wds-space-600);
1268
1277
  --wds-message-modal-help-button-size: var(--wds-space-700);
1278
+ --wds-message-modal-help-button-icon-size: var(--wds-space-600);
1269
1279
  --wds-message-modal-content-gap: var(--wds-space-200);
1270
1280
  --wds-message-modal-close-button-size: var(--wds-space-700);
1271
1281
  --wds-message-modal-close-button-icon-size: var(--wds-space-300);
@@ -1307,14 +1317,15 @@
1307
1317
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1308
1318
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1309
1319
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1320
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1310
1321
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1311
1322
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1312
1323
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1313
1324
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1314
1325
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1315
1326
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
1316
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1317
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1327
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1328
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1318
1329
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1319
1330
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1320
1331
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1704,6 +1715,7 @@
1704
1715
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-primary);
1705
1716
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1706
1717
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1718
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1707
1719
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1708
1720
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1709
1721
  --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
@@ -1828,6 +1840,7 @@
1828
1840
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1829
1841
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1830
1842
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1843
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1831
1844
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1832
1845
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
1833
1846
  --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
@@ -1877,6 +1890,9 @@
1877
1890
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1878
1891
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1879
1892
  --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1893
+ --wds-page-header-divider-color: var(--wds-color-border-dark-secondary);
1894
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-body-small);
1895
+ --wds-page-header-breadcrumbs-color: var(--wds-color-text-standard-primary);
1880
1896
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1881
1897
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1882
1898
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
@@ -2165,6 +2181,7 @@
2165
2181
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-fill-dark-tertiary-disabled);
2166
2182
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary-active);
2167
2183
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2184
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2168
2185
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2169
2186
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2170
2187
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2185,6 +2202,9 @@
2185
2202
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2186
2203
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2187
2204
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2205
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2206
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2207
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2188
2208
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2189
2209
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2190
2210
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2231,6 +2251,7 @@
2231
2251
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2232
2252
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2233
2253
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2254
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2234
2255
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2235
2256
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2236
2257
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2266,6 +2287,7 @@
2266
2287
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2267
2288
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2268
2289
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2290
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2269
2291
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2270
2292
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2271
2293
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/studio/all.scss CHANGED
@@ -104,6 +104,9 @@
104
104
  --wds-search-expandable-padding-large: 5px;
105
105
  --wds-radio-dot-size: 4px;
106
106
  --wds-page-header-title-minimised-line-height: 30px;
107
+ --wds-page-header-breadcrumbs-offset-small: -4px;
108
+ --wds-page-header-breadcrumbs-offset-medium: -8px;
109
+ --wds-page-header-breadcrumbs-offset-large: -16px;
107
110
  --wds-message-modal-close-button-fill: transparent;
108
111
  --wds-marketing-layout-title-font-size-tiny: 20px;
109
112
  --wds-marketing-layout-image-border-radius: 0px;
@@ -175,6 +178,7 @@
175
178
  --wds-font-family-display: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
176
179
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
177
180
  --wds-editable-title-marker-line-style: dashed;
181
+ --wds-editable-title-marker-gap: 6px;
178
182
  --wds-custom-modal-close-button-fill: transparent;
179
183
  --wds-counter-badge-padding-horizontal-tiny: 4px;
180
184
  --wds-counter-badge-font-size-tiny: 10px;
@@ -391,6 +395,7 @@
391
395
  --wds-button-icon-offset-small: 12px;
392
396
  --wds-button-icon-offset-medium: 18px;
393
397
  --wds-button-icon-offset-large: 18px;
398
+ --wds-button-border-ai-secondary-mask: none;
394
399
  --wds-breakpoint-x-large: 1572px;
395
400
  --wds-breakpoint-small: 490px;
396
401
  --wds-breakpoint-medium: 768px;
@@ -919,10 +924,13 @@
919
924
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
920
925
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
921
926
  --wds-page-header-title-actions-gap: var(--wds-space-0);
927
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
928
+ --wds-page-header-subtitle-gap: var(--wds-space-0);
922
929
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
923
930
  --wds-page-header-padding-vertical: var(--wds-space-600);
924
931
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
925
932
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
933
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-bold);
926
934
  --wds-page-header-back-button-gap: var(--wds-space-200);
927
935
  --wds-notification-padding-vertical: var(--wds-space-200);
928
936
  --wds-notification-padding-horizontal: var(--wds-space-200);
@@ -939,12 +947,14 @@
939
947
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
940
948
  --wds-message-modal-top-controls-gap: var(--wds-space-50);
941
949
  --wds-message-modal-title-font-family: var(--wds-font-family-default);
950
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-medium);
942
951
  --wds-message-modal-padding-vertical: var(--wds-space-500);
943
952
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
944
953
  --wds-message-modal-illustration-margin-top: var(--wds-space-300);
945
954
  --wds-message-modal-illustration-margin-start: var(--wds-space-400);
946
955
  --wds-message-modal-illustration-content-gap: var(--wds-space-600);
947
956
  --wds-message-modal-help-button-size: var(--wds-space-700);
957
+ --wds-message-modal-help-button-icon-size: var(--wds-space-600);
948
958
  --wds-message-modal-content-gap: var(--wds-space-200);
949
959
  --wds-message-modal-close-button-size: var(--wds-space-700);
950
960
  --wds-message-modal-close-button-icon-size: var(--wds-space-300);
@@ -984,14 +994,15 @@
984
994
  --wds-loader-fill-loading: var(--wds-color-blue-0);
985
995
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
986
996
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
997
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
987
998
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
988
999
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
989
1000
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
990
1001
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
991
1002
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
992
1003
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
993
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
994
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1004
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1005
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
995
1006
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
996
1007
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
997
1008
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1688,6 +1699,7 @@
1688
1699
  --wds-vertical-tabs-icon-fill-hover: var(--wds-color-text-primary);
1689
1700
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1690
1701
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1702
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1691
1703
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary);
1692
1704
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1693
1705
  --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
@@ -1817,6 +1829,7 @@
1817
1829
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1818
1830
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1819
1831
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1832
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1820
1833
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary);
1821
1834
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
1822
1835
  --wds-segmented-toggle-value-fill-default: var(--wds-color-text-standard-primary);
@@ -1866,6 +1879,9 @@
1866
1879
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1867
1880
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1868
1881
  --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1882
+ --wds-page-header-divider-color: var(--wds-color-border-dark-secondary);
1883
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-body-small);
1884
+ --wds-page-header-breadcrumbs-color: var(--wds-color-text-standard-primary);
1869
1885
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1870
1886
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1871
1887
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
@@ -2165,6 +2181,7 @@
2165
2181
  --wds-button-fill-dark-secondary-disabled: var(--wds-color-fill-dark-tertiary-disabled);
2166
2182
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary-active);
2167
2183
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2184
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2168
2185
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2169
2186
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2170
2187
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2185,6 +2202,9 @@
2185
2202
  --wds-button-border-dark-secondary-active: var(--wds-color-border-dark-secondary);
2186
2203
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2187
2204
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2205
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2206
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2207
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2188
2208
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2189
2209
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2190
2210
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2231,6 +2251,7 @@
2231
2251
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2232
2252
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2233
2253
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2254
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2234
2255
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2235
2256
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2236
2257
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2266,6 +2287,7 @@
2266
2287
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2267
2288
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2268
2289
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2290
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2269
2291
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2270
2292
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2271
2293
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/studio/all.st.css CHANGED
@@ -12,6 +12,7 @@
12
12
  @property st-global(--wds-accordion-inner-content-shadow);
13
13
  @property st-global(--wds-accordion-inner-content-shadow-last);
14
14
  @property st-global(--wds-accordion-padding-horizontal-large);
15
+ @property st-global(--wds-accordion-padding-horizontal-medium);
15
16
  @property st-global(--wds-accordion-title-fill);
16
17
  @property st-global(--wds-accordion-title-fill-hover);
17
18
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -120,6 +121,9 @@
120
121
  @property st-global(--wds-badge-size-medium);
121
122
  @property st-global(--wds-badge-size-small);
122
123
  @property st-global(--wds-badge-size-tiny);
124
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
125
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
126
+ @property st-global(--wds-badge-solid-warning-light-label-color);
123
127
  @property st-global(--wds-border-radius-0);
124
128
  @property st-global(--wds-border-radius-100);
125
129
  @property st-global(--wds-border-radius-200);
@@ -164,6 +168,7 @@
164
168
  @property st-global(--wds-breakpoint-medium);
165
169
  @property st-global(--wds-breakpoint-small);
166
170
  @property st-global(--wds-breakpoint-x-large);
171
+ @property st-global(--wds-button-border-ai-secondary-mask);
167
172
  @property st-global(--wds-button-border-dark-secondary);
168
173
  @property st-global(--wds-button-border-dark-secondary-active);
169
174
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -187,6 +192,7 @@
187
192
  @property st-global(--wds-button-fill-ai-primary);
188
193
  @property st-global(--wds-button-fill-ai-primary-active);
189
194
  @property st-global(--wds-button-fill-ai-primary-hover);
195
+ @property st-global(--wds-button-fill-ai-secondary);
190
196
  @property st-global(--wds-button-fill-dark-primary-disabled);
191
197
  @property st-global(--wds-button-fill-dark-secondary);
192
198
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -933,6 +939,7 @@
933
939
  @property st-global(--wds-dropdown-list-paddings);
934
940
  @property st-global(--wds-editable-title-marker-fill);
935
941
  @property st-global(--wds-editable-title-marker-fill-active);
942
+ @property st-global(--wds-editable-title-marker-gap);
936
943
  @property st-global(--wds-editable-title-marker-line-style);
937
944
  @property st-global(--wds-editable-title-placeholder-fill);
938
945
  @property st-global(--wds-empty-state-border-radius);
@@ -1357,8 +1364,10 @@
1357
1364
  @property st-global(--wds-list-item-select-subtitle-disabled);
1358
1365
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1359
1366
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1367
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1360
1368
  @property st-global(--wds-list-item-select-suffix);
1361
1369
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1370
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
1362
1371
  @property st-global(--wds-list-item-select-suffix-pressed);
1363
1372
  @property st-global(--wds-list-item-select-title);
1364
1373
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1432,6 +1441,7 @@
1432
1441
  @property st-global(--wds-message-modal-close-button-icon-size);
1433
1442
  @property st-global(--wds-message-modal-close-button-size);
1434
1443
  @property st-global(--wds-message-modal-content-gap);
1444
+ @property st-global(--wds-message-modal-help-button-icon-size);
1435
1445
  @property st-global(--wds-message-modal-help-button-size);
1436
1446
  @property st-global(--wds-message-modal-illustration-content-gap);
1437
1447
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -1440,6 +1450,7 @@
1440
1450
  @property st-global(--wds-message-modal-padding-vertical);
1441
1451
  @property st-global(--wds-message-modal-text-font-line-height);
1442
1452
  @property st-global(--wds-message-modal-text-font-size);
1453
+ @property st-global(--wds-message-modal-text-font-weight);
1443
1454
  @property st-global(--wds-message-modal-title-font-family);
1444
1455
  @property st-global(--wds-message-modal-title-font-line-height);
1445
1456
  @property st-global(--wds-message-modal-title-font-size);
@@ -1461,12 +1472,21 @@
1461
1472
  @property st-global(--wds-notification-padding-vertical);
1462
1473
  @property st-global(--wds-number-input-icon-fill);
1463
1474
  @property st-global(--wds-page-header-back-button-gap);
1475
+ @property st-global(--wds-page-header-breadcrumbs-color);
1476
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
1477
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
1478
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1479
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
1480
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1481
+ @property st-global(--wds-page-header-divider-color);
1464
1482
  @property st-global(--wds-page-header-padding-horizontal);
1465
1483
  @property st-global(--wds-page-header-padding-horizontal-small);
1466
1484
  @property st-global(--wds-page-header-padding-vertical);
1467
1485
  @property st-global(--wds-page-header-padding-vertical-small);
1468
1486
  @property st-global(--wds-page-header-subtitle-font-size);
1487
+ @property st-global(--wds-page-header-subtitle-gap);
1469
1488
  @property st-global(--wds-page-header-subtitle-line-height);
1489
+ @property st-global(--wds-page-header-subtitle-padding-start);
1470
1490
  @property st-global(--wds-page-header-title-actions-gap);
1471
1491
  @property st-global(--wds-page-header-title-font-size);
1472
1492
  @property st-global(--wds-page-header-title-font-weight);
@@ -1619,6 +1639,7 @@
1619
1639
  @property st-global(--wds-select-area-fill-hover);
1620
1640
  @property st-global(--wds-select-area-padding-horizontal);
1621
1641
  @property st-global(--wds-select-area-padding-vertical);
1642
+ @property st-global(--wds-selectable-accordion-fill);
1622
1643
  @property st-global(--wds-selector-button-border-color);
1623
1644
  @property st-global(--wds-selector-button-border-color-disabled);
1624
1645
  @property st-global(--wds-selector-button-border-color-hover);
@@ -2208,6 +2229,7 @@
2208
2229
  @property st-global(--wds-tooltip-text-fill);
2209
2230
  @property st-global(--wds-top-banner-border-color);
2210
2231
  @property st-global(--wds-top-banner-border-radius);
2232
+ @property st-global(--wds-top-banner-content-color);
2211
2233
  @property st-global(--wds-top-banner-content-gap);
2212
2234
  @property st-global(--wds-top-banner-dismiss-gap);
2213
2235
  @property st-global(--wds-top-banner-fill);
@@ -2312,6 +2334,7 @@
2312
2334
  --wds-accordion-inner-content-shadow: none;
2313
2335
  --wds-accordion-inner-content-shadow-last: none;
2314
2336
  --wds-accordion-padding-horizontal-large: 16px;
2337
+ --wds-accordion-padding-horizontal-medium: 20px;
2315
2338
  --wds-accordion-title-fill: #131720;
2316
2339
  --wds-accordion-title-fill-hover: #131720;
2317
2340
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -2420,6 +2443,9 @@
2420
2443
  --wds-badge-size-medium: 24px;
2421
2444
  --wds-badge-size-small: 20px;
2422
2445
  --wds-badge-size-tiny: 16px;
2446
+ --wds-badge-solid-neutral-danger-label-color: #42454c;
2447
+ --wds-badge-solid-neutral-success-label-color: #42454c;
2448
+ --wds-badge-solid-warning-light-label-color: #42454c;
2423
2449
  --wds-border-radius-0: 0px;
2424
2450
  --wds-border-radius-100: 2px;
2425
2451
  --wds-border-radius-200: 4px;
@@ -2464,6 +2490,7 @@
2464
2490
  --wds-breakpoint-medium: 768px;
2465
2491
  --wds-breakpoint-small: 490px;
2466
2492
  --wds-breakpoint-x-large: 1572px;
2493
+ --wds-button-border-ai-secondary-mask: none;
2467
2494
  --wds-button-border-dark-secondary: #868aa5;
2468
2495
  --wds-button-border-dark-secondary-active: #e2e3ea;
2469
2496
  --wds-button-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
@@ -2487,6 +2514,7 @@
2487
2514
  --wds-button-fill-ai-primary: #5a48f5;
2488
2515
  --wds-button-fill-ai-primary-active: #5a48f5;
2489
2516
  --wds-button-fill-ai-primary-hover: #4d3dd0;
2517
+ --wds-button-fill-ai-secondary: #ffffff;
2490
2518
  --wds-button-fill-dark-primary-disabled: #bebebe;
2491
2519
  --wds-button-fill-dark-secondary: #ffffff;
2492
2520
  --wds-button-fill-dark-secondary-active: #42454c;
@@ -3233,6 +3261,7 @@
3233
3261
  --wds-dropdown-list-paddings: 0px;
3234
3262
  --wds-editable-title-marker-fill: #868aa5;
3235
3263
  --wds-editable-title-marker-fill-active: #116dff;
3264
+ --wds-editable-title-marker-gap: 6px;
3236
3265
  --wds-editable-title-marker-line-style: dashed;
3237
3266
  --wds-editable-title-placeholder-fill: #cfd1dc;
3238
3267
  --wds-empty-state-border-radius: 4px;
@@ -3646,8 +3675,8 @@
3646
3675
  --wds-list-item-select-padding-horizontal-small: 12px;
3647
3676
  --wds-list-item-select-padding-left-medium: 12px;
3648
3677
  --wds-list-item-select-padding-left-small: 12px;
3649
- --wds-list-item-select-padding-right-medium: 16px;
3650
- --wds-list-item-select-padding-right-small: 16px;
3678
+ --wds-list-item-select-padding-right-medium: 12px;
3679
+ --wds-list-item-select-padding-right-small: 12px;
3651
3680
  --wds-list-item-select-padding-vertical-medium: 6px;
3652
3681
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3653
3682
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -3657,8 +3686,10 @@
3657
3686
  --wds-list-item-select-subtitle-disabled: #bebebe;
3658
3687
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3659
3688
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3689
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3660
3690
  --wds-list-item-select-suffix: #868aa5;
3661
3691
  --wds-list-item-select-suffix-active-font-weight: 400;
3692
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
3662
3693
  --wds-list-item-select-suffix-pressed: #868aa5;
3663
3694
  --wds-list-item-select-title: #131720;
3664
3695
  --wds-list-item-select-title-disabled: #bebebe;
@@ -3732,6 +3763,7 @@
3732
3763
  --wds-message-modal-close-button-icon-size: 12px;
3733
3764
  --wds-message-modal-close-button-size: 28px;
3734
3765
  --wds-message-modal-content-gap: 8px;
3766
+ --wds-message-modal-help-button-icon-size: 24px;
3735
3767
  --wds-message-modal-help-button-size: 28px;
3736
3768
  --wds-message-modal-illustration-content-gap: 24px;
3737
3769
  --wds-message-modal-illustration-margin-start: 16px;
@@ -3740,6 +3772,7 @@
3740
3772
  --wds-message-modal-padding-vertical: 20px;
3741
3773
  --wds-message-modal-text-font-line-height: 20px;
3742
3774
  --wds-message-modal-text-font-size: 14px;
3775
+ --wds-message-modal-text-font-weight: 500;
3743
3776
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3744
3777
  --wds-message-modal-title-font-line-height: 24px;
3745
3778
  --wds-message-modal-title-font-size: 18px;
@@ -3761,12 +3794,21 @@
3761
3794
  --wds-notification-padding-vertical: 8px;
3762
3795
  --wds-number-input-icon-fill: #42454c;
3763
3796
  --wds-page-header-back-button-gap: 8px;
3797
+ --wds-page-header-breadcrumbs-color: #131720;
3798
+ --wds-page-header-breadcrumbs-font-size: 14px;
3799
+ --wds-page-header-breadcrumbs-offset-large: -16px;
3800
+ --wds-page-header-breadcrumbs-offset-medium: -8px;
3801
+ --wds-page-header-breadcrumbs-offset-small: -4px;
3802
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
3803
+ --wds-page-header-divider-color: #e2e3ea;
3764
3804
  --wds-page-header-padding-horizontal: 48px;
3765
3805
  --wds-page-header-padding-horizontal-small: 24px;
3766
3806
  --wds-page-header-padding-vertical: 24px;
3767
3807
  --wds-page-header-padding-vertical-small: 18px;
3768
3808
  --wds-page-header-subtitle-font-size: 16px;
3809
+ --wds-page-header-subtitle-gap: 0px;
3769
3810
  --wds-page-header-subtitle-line-height: 24px;
3811
+ --wds-page-header-subtitle-padding-start: 0px;
3770
3812
  --wds-page-header-title-actions-gap: 0px;
3771
3813
  --wds-page-header-title-font-size: 24px;
3772
3814
  --wds-page-header-title-font-weight: 700;
@@ -3919,6 +3961,7 @@
3919
3961
  --wds-select-area-fill-hover: #edeef2;
3920
3962
  --wds-select-area-padding-horizontal: 16px;
3921
3963
  --wds-select-area-padding-vertical: 12px;
3964
+ --wds-selectable-accordion-fill: #ffffff;
3922
3965
  --wds-selector-button-border-color: #e2e3ea;
3923
3966
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, .1);
3924
3967
  --wds-selector-button-border-color-hover: #868aa5;
@@ -4508,6 +4551,7 @@
4508
4551
  --wds-tooltip-text-fill: #131720;
4509
4552
  --wds-top-banner-border-color: rgba(255, 255, 255, 0);
4510
4553
  --wds-top-banner-border-radius: 0px;
4554
+ --wds-top-banner-content-color: #ffffff;
4511
4555
  --wds-top-banner-content-gap: 8px;
4512
4556
  --wds-top-banner-dismiss-gap: 8px;
4513
4557
  --wds-top-banner-fill: #c161f0;