@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/component.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);
@@ -108,6 +109,9 @@
108
109
  @property st-global(--wds-badge-size-medium);
109
110
  @property st-global(--wds-badge-size-small);
110
111
  @property st-global(--wds-badge-size-tiny);
112
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
113
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
114
+ @property st-global(--wds-badge-solid-warning-light-label-color);
111
115
  @property st-global(--wds-breadcrumbs-border-radius);
112
116
  @property st-global(--wds-breadcrumbs-font-size-small);
113
117
  @property st-global(--wds-breadcrumbs-height-large);
@@ -126,6 +130,7 @@
126
130
  @property st-global(--wds-breadcrumbs-text-line-height-small);
127
131
  @property st-global(--wds-breadcrumbs-text-weight-default);
128
132
  @property st-global(--wds-breadcrumbs-text-weight-selected);
133
+ @property st-global(--wds-button-border-ai-secondary-mask);
129
134
  @property st-global(--wds-button-border-dark-secondary);
130
135
  @property st-global(--wds-button-border-dark-secondary-active);
131
136
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -149,6 +154,7 @@
149
154
  @property st-global(--wds-button-fill-ai-primary);
150
155
  @property st-global(--wds-button-fill-ai-primary-active);
151
156
  @property st-global(--wds-button-fill-ai-primary-hover);
157
+ @property st-global(--wds-button-fill-ai-secondary);
152
158
  @property st-global(--wds-button-fill-dark-primary-disabled);
153
159
  @property st-global(--wds-button-fill-dark-secondary);
154
160
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -425,6 +431,7 @@
425
431
  @property st-global(--wds-dropdown-list-paddings);
426
432
  @property st-global(--wds-editable-title-marker-fill);
427
433
  @property st-global(--wds-editable-title-marker-fill-active);
434
+ @property st-global(--wds-editable-title-marker-gap);
428
435
  @property st-global(--wds-editable-title-marker-line-style);
429
436
  @property st-global(--wds-editable-title-placeholder-fill);
430
437
  @property st-global(--wds-empty-state-border-radius);
@@ -768,8 +775,10 @@
768
775
  @property st-global(--wds-list-item-select-subtitle-disabled);
769
776
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
770
777
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
778
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
771
779
  @property st-global(--wds-list-item-select-suffix);
772
780
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
781
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
773
782
  @property st-global(--wds-list-item-select-suffix-pressed);
774
783
  @property st-global(--wds-list-item-select-title);
775
784
  @property st-global(--wds-list-item-select-title-disabled);
@@ -843,6 +852,7 @@
843
852
  @property st-global(--wds-message-modal-close-button-icon-size);
844
853
  @property st-global(--wds-message-modal-close-button-size);
845
854
  @property st-global(--wds-message-modal-content-gap);
855
+ @property st-global(--wds-message-modal-help-button-icon-size);
846
856
  @property st-global(--wds-message-modal-help-button-size);
847
857
  @property st-global(--wds-message-modal-illustration-content-gap);
848
858
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -851,6 +861,7 @@
851
861
  @property st-global(--wds-message-modal-padding-vertical);
852
862
  @property st-global(--wds-message-modal-text-font-line-height);
853
863
  @property st-global(--wds-message-modal-text-font-size);
864
+ @property st-global(--wds-message-modal-text-font-weight);
854
865
  @property st-global(--wds-message-modal-title-font-family);
855
866
  @property st-global(--wds-message-modal-title-font-line-height);
856
867
  @property st-global(--wds-message-modal-title-font-size);
@@ -872,12 +883,21 @@
872
883
  @property st-global(--wds-notification-padding-vertical);
873
884
  @property st-global(--wds-number-input-icon-fill);
874
885
  @property st-global(--wds-page-header-back-button-gap);
886
+ @property st-global(--wds-page-header-breadcrumbs-color);
887
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
888
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
889
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
890
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
891
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
892
+ @property st-global(--wds-page-header-divider-color);
875
893
  @property st-global(--wds-page-header-padding-horizontal);
876
894
  @property st-global(--wds-page-header-padding-horizontal-small);
877
895
  @property st-global(--wds-page-header-padding-vertical);
878
896
  @property st-global(--wds-page-header-padding-vertical-small);
879
897
  @property st-global(--wds-page-header-subtitle-font-size);
898
+ @property st-global(--wds-page-header-subtitle-gap);
880
899
  @property st-global(--wds-page-header-subtitle-line-height);
900
+ @property st-global(--wds-page-header-subtitle-padding-start);
881
901
  @property st-global(--wds-page-header-title-actions-gap);
882
902
  @property st-global(--wds-page-header-title-font-size);
883
903
  @property st-global(--wds-page-header-title-font-weight);
@@ -1030,6 +1050,7 @@
1030
1050
  @property st-global(--wds-select-area-fill-hover);
1031
1051
  @property st-global(--wds-select-area-padding-horizontal);
1032
1052
  @property st-global(--wds-select-area-padding-vertical);
1053
+ @property st-global(--wds-selectable-accordion-fill);
1033
1054
  @property st-global(--wds-selector-button-border-color);
1034
1055
  @property st-global(--wds-selector-button-border-color-disabled);
1035
1056
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1466,6 +1487,7 @@
1466
1487
  @property st-global(--wds-tooltip-text-fill);
1467
1488
  @property st-global(--wds-top-banner-border-color);
1468
1489
  @property st-global(--wds-top-banner-border-radius);
1490
+ @property st-global(--wds-top-banner-content-color);
1469
1491
  @property st-global(--wds-top-banner-content-gap);
1470
1492
  @property st-global(--wds-top-banner-dismiss-gap);
1471
1493
  @property st-global(--wds-top-banner-fill);
@@ -1568,6 +1590,7 @@
1568
1590
  --wds-accordion-inner-content-shadow: none;
1569
1591
  --wds-accordion-inner-content-shadow-last: none;
1570
1592
  --wds-accordion-padding-horizontal-large: 16px;
1593
+ --wds-accordion-padding-horizontal-medium: 20px;
1571
1594
  --wds-accordion-title-fill: #131720;
1572
1595
  --wds-accordion-title-fill-hover: #131720;
1573
1596
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -1664,6 +1687,9 @@
1664
1687
  --wds-badge-size-medium: 24px;
1665
1688
  --wds-badge-size-small: 20px;
1666
1689
  --wds-badge-size-tiny: 16px;
1690
+ --wds-badge-solid-neutral-danger-label-color: #42454c;
1691
+ --wds-badge-solid-neutral-success-label-color: #42454c;
1692
+ --wds-badge-solid-warning-light-label-color: #42454c;
1667
1693
  --wds-breadcrumbs-border-radius: 2px;
1668
1694
  --wds-breadcrumbs-font-size-small: 12px;
1669
1695
  --wds-breadcrumbs-height-large: 36px;
@@ -1682,6 +1708,7 @@
1682
1708
  --wds-breadcrumbs-text-line-height-small: 16px;
1683
1709
  --wds-breadcrumbs-text-weight-default: 400;
1684
1710
  --wds-breadcrumbs-text-weight-selected: 700;
1711
+ --wds-button-border-ai-secondary-mask: none;
1685
1712
  --wds-button-border-dark-secondary: #868aa5;
1686
1713
  --wds-button-border-dark-secondary-active: #e2e3ea;
1687
1714
  --wds-button-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
@@ -1705,6 +1732,7 @@
1705
1732
  --wds-button-fill-ai-primary: #5a48f5;
1706
1733
  --wds-button-fill-ai-primary-active: #5a48f5;
1707
1734
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1735
+ --wds-button-fill-ai-secondary: #ffffff;
1708
1736
  --wds-button-fill-dark-primary-disabled: #bebebe;
1709
1737
  --wds-button-fill-dark-secondary: #ffffff;
1710
1738
  --wds-button-fill-dark-secondary-active: #42454c;
@@ -1981,6 +2009,7 @@
1981
2009
  --wds-dropdown-list-paddings: 0px;
1982
2010
  --wds-editable-title-marker-fill: #868aa5;
1983
2011
  --wds-editable-title-marker-fill-active: #116dff;
2012
+ --wds-editable-title-marker-gap: 6px;
1984
2013
  --wds-editable-title-marker-line-style: dashed;
1985
2014
  --wds-editable-title-placeholder-fill: #cfd1dc;
1986
2015
  --wds-empty-state-border-radius: 4px;
@@ -2313,8 +2342,8 @@
2313
2342
  --wds-list-item-select-padding-horizontal-small: 12px;
2314
2343
  --wds-list-item-select-padding-left-medium: 12px;
2315
2344
  --wds-list-item-select-padding-left-small: 12px;
2316
- --wds-list-item-select-padding-right-medium: 16px;
2317
- --wds-list-item-select-padding-right-small: 16px;
2345
+ --wds-list-item-select-padding-right-medium: 12px;
2346
+ --wds-list-item-select-padding-right-small: 12px;
2318
2347
  --wds-list-item-select-padding-vertical-medium: 6px;
2319
2348
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2320
2349
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2324,8 +2353,10 @@
2324
2353
  --wds-list-item-select-subtitle-disabled: #bebebe;
2325
2354
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2326
2355
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2356
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2327
2357
  --wds-list-item-select-suffix: #868aa5;
2328
2358
  --wds-list-item-select-suffix-active-font-weight: 400;
2359
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
2329
2360
  --wds-list-item-select-suffix-pressed: #868aa5;
2330
2361
  --wds-list-item-select-title: #131720;
2331
2362
  --wds-list-item-select-title-disabled: #bebebe;
@@ -2399,6 +2430,7 @@
2399
2430
  --wds-message-modal-close-button-icon-size: 12px;
2400
2431
  --wds-message-modal-close-button-size: 28px;
2401
2432
  --wds-message-modal-content-gap: 8px;
2433
+ --wds-message-modal-help-button-icon-size: 24px;
2402
2434
  --wds-message-modal-help-button-size: 28px;
2403
2435
  --wds-message-modal-illustration-content-gap: 24px;
2404
2436
  --wds-message-modal-illustration-margin-start: 16px;
@@ -2407,6 +2439,7 @@
2407
2439
  --wds-message-modal-padding-vertical: 20px;
2408
2440
  --wds-message-modal-text-font-line-height: 20px;
2409
2441
  --wds-message-modal-text-font-size: 14px;
2442
+ --wds-message-modal-text-font-weight: 500;
2410
2443
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2411
2444
  --wds-message-modal-title-font-line-height: 24px;
2412
2445
  --wds-message-modal-title-font-size: 18px;
@@ -2428,12 +2461,21 @@
2428
2461
  --wds-notification-padding-vertical: 8px;
2429
2462
  --wds-number-input-icon-fill: #42454c;
2430
2463
  --wds-page-header-back-button-gap: 8px;
2464
+ --wds-page-header-breadcrumbs-color: #131720;
2465
+ --wds-page-header-breadcrumbs-font-size: 14px;
2466
+ --wds-page-header-breadcrumbs-offset-large: -16px;
2467
+ --wds-page-header-breadcrumbs-offset-medium: -8px;
2468
+ --wds-page-header-breadcrumbs-offset-small: -4px;
2469
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
2470
+ --wds-page-header-divider-color: #e2e3ea;
2431
2471
  --wds-page-header-padding-horizontal: 48px;
2432
2472
  --wds-page-header-padding-horizontal-small: 24px;
2433
2473
  --wds-page-header-padding-vertical: 24px;
2434
2474
  --wds-page-header-padding-vertical-small: 18px;
2435
2475
  --wds-page-header-subtitle-font-size: 16px;
2476
+ --wds-page-header-subtitle-gap: 0px;
2436
2477
  --wds-page-header-subtitle-line-height: 24px;
2478
+ --wds-page-header-subtitle-padding-start: 0px;
2437
2479
  --wds-page-header-title-actions-gap: 0px;
2438
2480
  --wds-page-header-title-font-size: 24px;
2439
2481
  --wds-page-header-title-font-weight: 700;
@@ -2586,6 +2628,7 @@
2586
2628
  --wds-select-area-fill-hover: #edeef2;
2587
2629
  --wds-select-area-padding-horizontal: 16px;
2588
2630
  --wds-select-area-padding-vertical: 12px;
2631
+ --wds-selectable-accordion-fill: #ffffff;
2589
2632
  --wds-selector-button-border-color: #e2e3ea;
2590
2633
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, .1);
2591
2634
  --wds-selector-button-border-color-hover: #868aa5;
@@ -3022,6 +3065,7 @@
3022
3065
  --wds-tooltip-text-fill: #131720;
3023
3066
  --wds-top-banner-border-color: rgba(255, 255, 255, 0);
3024
3067
  --wds-top-banner-border-radius: 0px;
3068
+ --wds-top-banner-content-color: #ffffff;
3025
3069
  --wds-top-banner-content-gap: 8px;
3026
3070
  --wds-top-banner-dismiss-gap: 8px;
3027
3071
  --wds-top-banner-fill: #c161f0;
package/wixel/all.css CHANGED
@@ -345,6 +345,9 @@
345
345
  --wds-section-helper-prefix-offset-margin: 4px;
346
346
  --wds-radio-dot-size: 6px;
347
347
  --wds-page-header-title-minimised-line-height: 30px;
348
+ --wds-page-header-breadcrumbs-offset-small: 0px;
349
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
350
+ --wds-page-header-breadcrumbs-offset-large: 0px;
348
351
  --wds-message-modal-close-button-fill: transparent;
349
352
  --wds-marketing-layout-title-font-size-tiny: 20px;
350
353
  --wds-marketing-layout-image-border-radius: 0px;
@@ -387,6 +390,7 @@
387
390
  --wds-google-preview-favicon-border-fill: #E6E6E6;
388
391
  --wds-google-preview-favicon-background-fill: #F1F3F4;
389
392
  --wds-editable-title-marker-line-style: dashed;
393
+ --wds-editable-title-marker-gap: 6px;
390
394
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
391
395
  --wds-custom-modal-close-button-fill: transparent;
392
396
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -402,6 +406,7 @@
402
406
  --wds-button-icon-offset-small: 12px;
403
407
  --wds-button-icon-offset-medium: 18px;
404
408
  --wds-button-icon-offset-large: 18px;
409
+ --wds-button-border-ai-secondary-mask: none;
405
410
  --wds-breadcrumbs-height-small: 24px;
406
411
  --wds-breadcrumbs-height-medium: 30px;
407
412
  --wds-breadcrumbs-height-large: 36px;
@@ -1197,10 +1202,13 @@
1197
1202
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1198
1203
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1199
1204
  --wds-page-header-title-actions-gap: var(--wds-space-0);
1205
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1206
+ --wds-page-header-subtitle-gap: var(--wds-space-0);
1200
1207
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1201
1208
  --wds-page-header-padding-vertical: var(--wds-space-600);
1202
1209
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1203
1210
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1211
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-bold);
1204
1212
  --wds-page-header-back-button-gap: var(--wds-space-200);
1205
1213
  --wds-notification-padding-vertical: var(--wds-space-200);
1206
1214
  --wds-notification-padding-horizontal: var(--wds-space-200);
@@ -1217,12 +1225,14 @@
1217
1225
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1218
1226
  --wds-message-modal-top-controls-gap: var(--wds-space-50);
1219
1227
  --wds-message-modal-title-font-family: var(--wds-font-family-default);
1228
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-medium);
1220
1229
  --wds-message-modal-padding-vertical: var(--wds-space-500);
1221
1230
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1222
1231
  --wds-message-modal-illustration-margin-top: var(--wds-space-300);
1223
1232
  --wds-message-modal-illustration-margin-start: var(--wds-space-400);
1224
1233
  --wds-message-modal-illustration-content-gap: var(--wds-space-600);
1225
1234
  --wds-message-modal-help-button-size: var(--wds-space-700);
1235
+ --wds-message-modal-help-button-icon-size: var(--wds-space-600);
1226
1236
  --wds-message-modal-content-gap: var(--wds-space-200);
1227
1237
  --wds-message-modal-close-button-size: var(--wds-space-700);
1228
1238
  --wds-message-modal-close-button-icon-size: var(--wds-space-300);
@@ -1266,13 +1276,14 @@
1266
1276
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
1267
1277
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1268
1278
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1279
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
1269
1280
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1270
1281
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1271
1282
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1272
1283
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1273
1284
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
1274
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1275
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1285
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
1286
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
1276
1287
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1277
1288
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1278
1289
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1638,6 +1649,7 @@
1638
1649
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1639
1650
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1640
1651
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1652
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1641
1653
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1642
1654
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1643
1655
  --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
@@ -1759,6 +1771,7 @@
1759
1771
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1760
1772
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1761
1773
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1774
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1762
1775
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled-light);
1763
1776
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary-light);
1764
1777
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1803,6 +1816,9 @@
1803
1816
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1804
1817
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1805
1818
  --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1819
+ --wds-page-header-divider-color: var(--wds-color-border-dark-secondary);
1820
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-body-small);
1821
+ --wds-page-header-breadcrumbs-color: var(--wds-color-text-standard-primary);
1806
1822
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1807
1823
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1808
1824
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
@@ -2091,6 +2107,7 @@
2091
2107
  --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-primary-hover);
2092
2108
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary);
2093
2109
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2110
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2094
2111
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2095
2112
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2096
2113
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2111,6 +2128,9 @@
2111
2128
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2112
2129
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2113
2130
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2131
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2132
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2133
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2114
2134
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2115
2135
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2116
2136
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2157,6 +2177,7 @@
2157
2177
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2158
2178
  --wds-accordion-title-fill-hover: var(--wds-color-text-primary);
2159
2179
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2180
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2160
2181
  --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2161
2182
  --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2162
2183
  --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
@@ -2195,6 +2216,7 @@
2195
2216
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2196
2217
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2197
2218
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2219
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2198
2220
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2199
2221
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2200
2222
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/wixel/all.scss CHANGED
@@ -101,6 +101,9 @@
101
101
  --wds-section-helper-prefix-offset-margin: 4px;
102
102
  --wds-radio-dot-size: 6px;
103
103
  --wds-page-header-title-minimised-line-height: 30px;
104
+ --wds-page-header-breadcrumbs-offset-small: 0px;
105
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
106
+ --wds-page-header-breadcrumbs-offset-large: 0px;
104
107
  --wds-message-modal-close-button-fill: transparent;
105
108
  --wds-marketing-layout-title-font-size-tiny: 20px;
106
109
  --wds-marketing-layout-image-border-radius: 0px;
@@ -161,6 +164,7 @@
161
164
  --wds-font-family-display: "Madefor Display", "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
162
165
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
163
166
  --wds-editable-title-marker-line-style: dashed;
167
+ --wds-editable-title-marker-gap: 6px;
164
168
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
165
169
  --wds-custom-modal-close-button-fill: transparent;
166
170
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -375,6 +379,7 @@
375
379
  --wds-button-icon-offset-small: 12px;
376
380
  --wds-button-icon-offset-medium: 18px;
377
381
  --wds-button-icon-offset-large: 18px;
382
+ --wds-button-border-ai-secondary-mask: none;
378
383
  --wds-breakpoint-x-large: 1572px;
379
384
  --wds-breakpoint-small: 490px;
380
385
  --wds-breakpoint-medium: 768px;
@@ -877,10 +882,13 @@
877
882
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
878
883
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
879
884
  --wds-page-header-title-actions-gap: var(--wds-space-0);
885
+ --wds-page-header-subtitle-padding-start: var(--wds-space-0);
886
+ --wds-page-header-subtitle-gap: var(--wds-space-0);
880
887
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
881
888
  --wds-page-header-padding-vertical: var(--wds-space-600);
882
889
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
883
890
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
891
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-bold);
884
892
  --wds-page-header-back-button-gap: var(--wds-space-200);
885
893
  --wds-notification-padding-vertical: var(--wds-space-200);
886
894
  --wds-notification-padding-horizontal: var(--wds-space-200);
@@ -897,12 +905,14 @@
897
905
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
898
906
  --wds-message-modal-top-controls-gap: var(--wds-space-50);
899
907
  --wds-message-modal-title-font-family: var(--wds-font-family-default);
908
+ --wds-message-modal-text-font-weight: var(--wds-font-weight-medium);
900
909
  --wds-message-modal-padding-vertical: var(--wds-space-500);
901
910
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
902
911
  --wds-message-modal-illustration-margin-top: var(--wds-space-300);
903
912
  --wds-message-modal-illustration-margin-start: var(--wds-space-400);
904
913
  --wds-message-modal-illustration-content-gap: var(--wds-space-600);
905
914
  --wds-message-modal-help-button-size: var(--wds-space-700);
915
+ --wds-message-modal-help-button-icon-size: var(--wds-space-600);
906
916
  --wds-message-modal-content-gap: var(--wds-space-200);
907
917
  --wds-message-modal-close-button-size: var(--wds-space-700);
908
918
  --wds-message-modal-close-button-icon-size: var(--wds-space-300);
@@ -942,13 +952,14 @@
942
952
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
943
953
  --wds-loader-fill-loading: var(--wds-color-blue-0);
944
954
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
955
+ --wds-list-item-select-subtitle-font-weight-medium: var(--wds-font-weight-regular);
945
956
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
946
957
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
947
958
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
948
959
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
949
960
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
950
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
951
- --wds-list-item-select-padding-right-medium: var(--wds-space-400);
961
+ --wds-list-item-select-padding-right-small: var(--wds-space-300);
962
+ --wds-list-item-select-padding-right-medium: var(--wds-space-300);
952
963
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
953
964
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
954
965
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1623,6 +1634,7 @@
1623
1634
  --wds-vertical-tabs-icon-fill-disabled: var(--wds-color-text-disabled);
1624
1635
  --wds-vertical-tabs-icon-fill-active: var(--wds-color-text-standard-primary);
1625
1636
  --wds-vertical-tabs-icon-fill: var(--wds-color-text-primary);
1637
+ --wds-top-banner-content-color: var(--wds-color-text-standard-primary-light);
1626
1638
  --wds-tooltip-text-fill: var(--wds-color-text-standard-primary-light);
1627
1639
  --wds-tooltip-label-font-size-medium: var(--wds-font-size-body-small);
1628
1640
  --wds-tooltip-border-radius: var(--wds-border-radius-surface-overlay);
@@ -1748,6 +1760,7 @@
1748
1760
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1749
1761
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1750
1762
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1763
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1751
1764
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled-light);
1752
1765
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary-light);
1753
1766
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1792,6 +1805,9 @@
1792
1805
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1793
1806
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1794
1807
  --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1808
+ --wds-page-header-divider-color: var(--wds-color-border-dark-secondary);
1809
+ --wds-page-header-breadcrumbs-font-size: var(--wds-font-size-body-small);
1810
+ --wds-page-header-breadcrumbs-color: var(--wds-color-text-standard-primary);
1795
1811
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1796
1812
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1797
1813
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
@@ -2091,6 +2107,7 @@
2091
2107
  --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-primary-hover);
2092
2108
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary);
2093
2109
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2110
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2094
2111
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2095
2112
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2096
2113
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2111,6 +2128,9 @@
2111
2128
  --wds-button-border-dark-secondary-active: var(--wds-color-fill-dark-primary);
2112
2129
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2113
2130
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2131
+ --wds-badge-solid-warning-light-label-color: var(--wds-color-text-standard-secondary);
2132
+ --wds-badge-solid-neutral-success-label-color: var(--wds-color-text-standard-secondary);
2133
+ --wds-badge-solid-neutral-danger-label-color: var(--wds-color-text-standard-secondary);
2114
2134
  --wds-badge-outline-warning-label-color: var(--wds-color-text-warning);
2115
2135
  --wds-badge-outline-warning-fill: var(--wds-color-fill-warning-tertiary);
2116
2136
  --wds-badge-outline-warning-border-color: var(--wds-color-border-warning-primary);
@@ -2157,6 +2177,7 @@
2157
2177
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-small);
2158
2178
  --wds-accordion-title-fill-hover: var(--wds-color-text-primary);
2159
2179
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2180
+ --wds-accordion-padding-horizontal-medium: var(--wds-space-padding-horizontal-medium);
2160
2181
  --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2161
2182
  --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2162
2183
  --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
@@ -2195,6 +2216,7 @@
2195
2216
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2196
2217
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2197
2218
  --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2219
+ --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2198
2220
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2199
2221
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2200
2222
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);