@wix/design-system-tokens 1.219.1 → 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 (22) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/all.css +14 -2
  3. package/all.scss +14 -2
  4. package/all.st.css +26 -2
  5. package/component.st.css +26 -2
  6. package/odeditor/all.css +17 -5
  7. package/odeditor/all.scss +17 -5
  8. package/odeditor/all.st.css +29 -5
  9. package/odeditor/component.st.css +29 -5
  10. package/odeditor-dark/all.css +24 -12
  11. package/odeditor-dark/all.scss +24 -12
  12. package/odeditor-dark/all.st.css +36 -12
  13. package/odeditor-dark/component.st.css +36 -12
  14. package/package.json +2 -2
  15. package/studio/all.css +14 -2
  16. package/studio/all.scss +14 -2
  17. package/studio/all.st.css +26 -2
  18. package/studio/component.st.css +26 -2
  19. package/wixel/all.css +14 -2
  20. package/wixel/all.scss +14 -2
  21. package/wixel/all.st.css +26 -2
  22. package/wixel/component.st.css +26 -2
package/studio/all.st.css CHANGED
@@ -168,6 +168,7 @@
168
168
  @property st-global(--wds-breakpoint-medium);
169
169
  @property st-global(--wds-breakpoint-small);
170
170
  @property st-global(--wds-breakpoint-x-large);
171
+ @property st-global(--wds-button-border-ai-secondary-mask);
171
172
  @property st-global(--wds-button-border-dark-secondary);
172
173
  @property st-global(--wds-button-border-dark-secondary-active);
173
174
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -191,6 +192,7 @@
191
192
  @property st-global(--wds-button-fill-ai-primary);
192
193
  @property st-global(--wds-button-fill-ai-primary-active);
193
194
  @property st-global(--wds-button-fill-ai-primary-hover);
195
+ @property st-global(--wds-button-fill-ai-secondary);
194
196
  @property st-global(--wds-button-fill-dark-primary-disabled);
195
197
  @property st-global(--wds-button-fill-dark-secondary);
196
198
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -937,6 +939,7 @@
937
939
  @property st-global(--wds-dropdown-list-paddings);
938
940
  @property st-global(--wds-editable-title-marker-fill);
939
941
  @property st-global(--wds-editable-title-marker-fill-active);
942
+ @property st-global(--wds-editable-title-marker-gap);
940
943
  @property st-global(--wds-editable-title-marker-line-style);
941
944
  @property st-global(--wds-editable-title-placeholder-fill);
942
945
  @property st-global(--wds-empty-state-border-radius);
@@ -1361,8 +1364,10 @@
1361
1364
  @property st-global(--wds-list-item-select-subtitle-disabled);
1362
1365
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1363
1366
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1367
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1364
1368
  @property st-global(--wds-list-item-select-suffix);
1365
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);
1366
1371
  @property st-global(--wds-list-item-select-suffix-pressed);
1367
1372
  @property st-global(--wds-list-item-select-title);
1368
1373
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1467,15 +1472,21 @@
1467
1472
  @property st-global(--wds-notification-padding-vertical);
1468
1473
  @property st-global(--wds-number-input-icon-fill);
1469
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);
1470
1477
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
1471
1478
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1472
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);
1473
1482
  @property st-global(--wds-page-header-padding-horizontal);
1474
1483
  @property st-global(--wds-page-header-padding-horizontal-small);
1475
1484
  @property st-global(--wds-page-header-padding-vertical);
1476
1485
  @property st-global(--wds-page-header-padding-vertical-small);
1477
1486
  @property st-global(--wds-page-header-subtitle-font-size);
1487
+ @property st-global(--wds-page-header-subtitle-gap);
1478
1488
  @property st-global(--wds-page-header-subtitle-line-height);
1489
+ @property st-global(--wds-page-header-subtitle-padding-start);
1479
1490
  @property st-global(--wds-page-header-title-actions-gap);
1480
1491
  @property st-global(--wds-page-header-title-font-size);
1481
1492
  @property st-global(--wds-page-header-title-font-weight);
@@ -1628,6 +1639,7 @@
1628
1639
  @property st-global(--wds-select-area-fill-hover);
1629
1640
  @property st-global(--wds-select-area-padding-horizontal);
1630
1641
  @property st-global(--wds-select-area-padding-vertical);
1642
+ @property st-global(--wds-selectable-accordion-fill);
1631
1643
  @property st-global(--wds-selector-button-border-color);
1632
1644
  @property st-global(--wds-selector-button-border-color-disabled);
1633
1645
  @property st-global(--wds-selector-button-border-color-hover);
@@ -2478,6 +2490,7 @@
2478
2490
  --wds-breakpoint-medium: 768px;
2479
2491
  --wds-breakpoint-small: 490px;
2480
2492
  --wds-breakpoint-x-large: 1572px;
2493
+ --wds-button-border-ai-secondary-mask: none;
2481
2494
  --wds-button-border-dark-secondary: #868aa5;
2482
2495
  --wds-button-border-dark-secondary-active: #e2e3ea;
2483
2496
  --wds-button-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
@@ -2501,6 +2514,7 @@
2501
2514
  --wds-button-fill-ai-primary: #5a48f5;
2502
2515
  --wds-button-fill-ai-primary-active: #5a48f5;
2503
2516
  --wds-button-fill-ai-primary-hover: #4d3dd0;
2517
+ --wds-button-fill-ai-secondary: #ffffff;
2504
2518
  --wds-button-fill-dark-primary-disabled: #bebebe;
2505
2519
  --wds-button-fill-dark-secondary: #ffffff;
2506
2520
  --wds-button-fill-dark-secondary-active: #42454c;
@@ -3247,6 +3261,7 @@
3247
3261
  --wds-dropdown-list-paddings: 0px;
3248
3262
  --wds-editable-title-marker-fill: #868aa5;
3249
3263
  --wds-editable-title-marker-fill-active: #116dff;
3264
+ --wds-editable-title-marker-gap: 6px;
3250
3265
  --wds-editable-title-marker-line-style: dashed;
3251
3266
  --wds-editable-title-placeholder-fill: #cfd1dc;
3252
3267
  --wds-empty-state-border-radius: 4px;
@@ -3660,8 +3675,8 @@
3660
3675
  --wds-list-item-select-padding-horizontal-small: 12px;
3661
3676
  --wds-list-item-select-padding-left-medium: 12px;
3662
3677
  --wds-list-item-select-padding-left-small: 12px;
3663
- --wds-list-item-select-padding-right-medium: 16px;
3664
- --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;
3665
3680
  --wds-list-item-select-padding-vertical-medium: 6px;
3666
3681
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3667
3682
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -3671,8 +3686,10 @@
3671
3686
  --wds-list-item-select-subtitle-disabled: #bebebe;
3672
3687
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3673
3688
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3689
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3674
3690
  --wds-list-item-select-suffix: #868aa5;
3675
3691
  --wds-list-item-select-suffix-active-font-weight: 400;
3692
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
3676
3693
  --wds-list-item-select-suffix-pressed: #868aa5;
3677
3694
  --wds-list-item-select-title: #131720;
3678
3695
  --wds-list-item-select-title-disabled: #bebebe;
@@ -3777,15 +3794,21 @@
3777
3794
  --wds-notification-padding-vertical: 8px;
3778
3795
  --wds-number-input-icon-fill: #42454c;
3779
3796
  --wds-page-header-back-button-gap: 8px;
3797
+ --wds-page-header-breadcrumbs-color: #131720;
3798
+ --wds-page-header-breadcrumbs-font-size: 14px;
3780
3799
  --wds-page-header-breadcrumbs-offset-large: -16px;
3781
3800
  --wds-page-header-breadcrumbs-offset-medium: -8px;
3782
3801
  --wds-page-header-breadcrumbs-offset-small: -4px;
3802
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
3803
+ --wds-page-header-divider-color: #e2e3ea;
3783
3804
  --wds-page-header-padding-horizontal: 48px;
3784
3805
  --wds-page-header-padding-horizontal-small: 24px;
3785
3806
  --wds-page-header-padding-vertical: 24px;
3786
3807
  --wds-page-header-padding-vertical-small: 18px;
3787
3808
  --wds-page-header-subtitle-font-size: 16px;
3809
+ --wds-page-header-subtitle-gap: 0px;
3788
3810
  --wds-page-header-subtitle-line-height: 24px;
3811
+ --wds-page-header-subtitle-padding-start: 0px;
3789
3812
  --wds-page-header-title-actions-gap: 0px;
3790
3813
  --wds-page-header-title-font-size: 24px;
3791
3814
  --wds-page-header-title-font-weight: 700;
@@ -3938,6 +3961,7 @@
3938
3961
  --wds-select-area-fill-hover: #edeef2;
3939
3962
  --wds-select-area-padding-horizontal: 16px;
3940
3963
  --wds-select-area-padding-vertical: 12px;
3964
+ --wds-selectable-accordion-fill: #ffffff;
3941
3965
  --wds-selector-button-border-color: #e2e3ea;
3942
3966
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, .1);
3943
3967
  --wds-selector-button-border-color-hover: #868aa5;
package/studio/component.st.css CHANGED
@@ -130,6 +130,7 @@
130
130
  @property st-global(--wds-breadcrumbs-text-line-height-small);
131
131
  @property st-global(--wds-breadcrumbs-text-weight-default);
132
132
  @property st-global(--wds-breadcrumbs-text-weight-selected);
133
+ @property st-global(--wds-button-border-ai-secondary-mask);
133
134
  @property st-global(--wds-button-border-dark-secondary);
134
135
  @property st-global(--wds-button-border-dark-secondary-active);
135
136
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -153,6 +154,7 @@
153
154
  @property st-global(--wds-button-fill-ai-primary);
154
155
  @property st-global(--wds-button-fill-ai-primary-active);
155
156
  @property st-global(--wds-button-fill-ai-primary-hover);
157
+ @property st-global(--wds-button-fill-ai-secondary);
156
158
  @property st-global(--wds-button-fill-dark-primary-disabled);
157
159
  @property st-global(--wds-button-fill-dark-secondary);
158
160
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -429,6 +431,7 @@
429
431
  @property st-global(--wds-dropdown-list-paddings);
430
432
  @property st-global(--wds-editable-title-marker-fill);
431
433
  @property st-global(--wds-editable-title-marker-fill-active);
434
+ @property st-global(--wds-editable-title-marker-gap);
432
435
  @property st-global(--wds-editable-title-marker-line-style);
433
436
  @property st-global(--wds-editable-title-placeholder-fill);
434
437
  @property st-global(--wds-empty-state-border-radius);
@@ -772,8 +775,10 @@
772
775
  @property st-global(--wds-list-item-select-subtitle-disabled);
773
776
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
774
777
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
778
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
775
779
  @property st-global(--wds-list-item-select-suffix);
776
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);
777
782
  @property st-global(--wds-list-item-select-suffix-pressed);
778
783
  @property st-global(--wds-list-item-select-title);
779
784
  @property st-global(--wds-list-item-select-title-disabled);
@@ -878,15 +883,21 @@
878
883
  @property st-global(--wds-notification-padding-vertical);
879
884
  @property st-global(--wds-number-input-icon-fill);
880
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);
881
888
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
882
889
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
883
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);
884
893
  @property st-global(--wds-page-header-padding-horizontal);
885
894
  @property st-global(--wds-page-header-padding-horizontal-small);
886
895
  @property st-global(--wds-page-header-padding-vertical);
887
896
  @property st-global(--wds-page-header-padding-vertical-small);
888
897
  @property st-global(--wds-page-header-subtitle-font-size);
898
+ @property st-global(--wds-page-header-subtitle-gap);
889
899
  @property st-global(--wds-page-header-subtitle-line-height);
900
+ @property st-global(--wds-page-header-subtitle-padding-start);
890
901
  @property st-global(--wds-page-header-title-actions-gap);
891
902
  @property st-global(--wds-page-header-title-font-size);
892
903
  @property st-global(--wds-page-header-title-font-weight);
@@ -1039,6 +1050,7 @@
1039
1050
  @property st-global(--wds-select-area-fill-hover);
1040
1051
  @property st-global(--wds-select-area-padding-horizontal);
1041
1052
  @property st-global(--wds-select-area-padding-vertical);
1053
+ @property st-global(--wds-selectable-accordion-fill);
1042
1054
  @property st-global(--wds-selector-button-border-color);
1043
1055
  @property st-global(--wds-selector-button-border-color-disabled);
1044
1056
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1696,6 +1708,7 @@
1696
1708
  --wds-breadcrumbs-text-line-height-small: 16px;
1697
1709
  --wds-breadcrumbs-text-weight-default: 400;
1698
1710
  --wds-breadcrumbs-text-weight-selected: 700;
1711
+ --wds-button-border-ai-secondary-mask: none;
1699
1712
  --wds-button-border-dark-secondary: #868aa5;
1700
1713
  --wds-button-border-dark-secondary-active: #e2e3ea;
1701
1714
  --wds-button-border-dark-secondary-disabled: rgba(19, 23, 32, .1);
@@ -1719,6 +1732,7 @@
1719
1732
  --wds-button-fill-ai-primary: #5a48f5;
1720
1733
  --wds-button-fill-ai-primary-active: #5a48f5;
1721
1734
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1735
+ --wds-button-fill-ai-secondary: #ffffff;
1722
1736
  --wds-button-fill-dark-primary-disabled: #bebebe;
1723
1737
  --wds-button-fill-dark-secondary: #ffffff;
1724
1738
  --wds-button-fill-dark-secondary-active: #42454c;
@@ -1995,6 +2009,7 @@
1995
2009
  --wds-dropdown-list-paddings: 0px;
1996
2010
  --wds-editable-title-marker-fill: #868aa5;
1997
2011
  --wds-editable-title-marker-fill-active: #116dff;
2012
+ --wds-editable-title-marker-gap: 6px;
1998
2013
  --wds-editable-title-marker-line-style: dashed;
1999
2014
  --wds-editable-title-placeholder-fill: #cfd1dc;
2000
2015
  --wds-empty-state-border-radius: 4px;
@@ -2327,8 +2342,8 @@
2327
2342
  --wds-list-item-select-padding-horizontal-small: 12px;
2328
2343
  --wds-list-item-select-padding-left-medium: 12px;
2329
2344
  --wds-list-item-select-padding-left-small: 12px;
2330
- --wds-list-item-select-padding-right-medium: 16px;
2331
- --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;
2332
2347
  --wds-list-item-select-padding-vertical-medium: 6px;
2333
2348
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2334
2349
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2338,8 +2353,10 @@
2338
2353
  --wds-list-item-select-subtitle-disabled: #bebebe;
2339
2354
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2340
2355
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2356
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2341
2357
  --wds-list-item-select-suffix: #868aa5;
2342
2358
  --wds-list-item-select-suffix-active-font-weight: 400;
2359
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
2343
2360
  --wds-list-item-select-suffix-pressed: #868aa5;
2344
2361
  --wds-list-item-select-title: #131720;
2345
2362
  --wds-list-item-select-title-disabled: #bebebe;
@@ -2444,15 +2461,21 @@
2444
2461
  --wds-notification-padding-vertical: 8px;
2445
2462
  --wds-number-input-icon-fill: #42454c;
2446
2463
  --wds-page-header-back-button-gap: 8px;
2464
+ --wds-page-header-breadcrumbs-color: #131720;
2465
+ --wds-page-header-breadcrumbs-font-size: 14px;
2447
2466
  --wds-page-header-breadcrumbs-offset-large: -16px;
2448
2467
  --wds-page-header-breadcrumbs-offset-medium: -8px;
2449
2468
  --wds-page-header-breadcrumbs-offset-small: -4px;
2469
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
2470
+ --wds-page-header-divider-color: #e2e3ea;
2450
2471
  --wds-page-header-padding-horizontal: 48px;
2451
2472
  --wds-page-header-padding-horizontal-small: 24px;
2452
2473
  --wds-page-header-padding-vertical: 24px;
2453
2474
  --wds-page-header-padding-vertical-small: 18px;
2454
2475
  --wds-page-header-subtitle-font-size: 16px;
2476
+ --wds-page-header-subtitle-gap: 0px;
2455
2477
  --wds-page-header-subtitle-line-height: 24px;
2478
+ --wds-page-header-subtitle-padding-start: 0px;
2456
2479
  --wds-page-header-title-actions-gap: 0px;
2457
2480
  --wds-page-header-title-font-size: 24px;
2458
2481
  --wds-page-header-title-font-weight: 700;
@@ -2605,6 +2628,7 @@
2605
2628
  --wds-select-area-fill-hover: #edeef2;
2606
2629
  --wds-select-area-padding-horizontal: 16px;
2607
2630
  --wds-select-area-padding-vertical: 12px;
2631
+ --wds-selectable-accordion-fill: #ffffff;
2608
2632
  --wds-selector-button-border-color: #e2e3ea;
2609
2633
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, .1);
2610
2634
  --wds-selector-button-border-color-hover: #868aa5;
package/wixel/all.css CHANGED
@@ -390,6 +390,7 @@
390
390
  --wds-google-preview-favicon-border-fill: #E6E6E6;
391
391
  --wds-google-preview-favicon-background-fill: #F1F3F4;
392
392
  --wds-editable-title-marker-line-style: dashed;
393
+ --wds-editable-title-marker-gap: 6px;
393
394
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
394
395
  --wds-custom-modal-close-button-fill: transparent;
395
396
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -405,6 +406,7 @@
405
406
  --wds-button-icon-offset-small: 12px;
406
407
  --wds-button-icon-offset-medium: 18px;
407
408
  --wds-button-icon-offset-large: 18px;
409
+ --wds-button-border-ai-secondary-mask: none;
408
410
  --wds-breadcrumbs-height-small: 24px;
409
411
  --wds-breadcrumbs-height-medium: 30px;
410
412
  --wds-breadcrumbs-height-large: 36px;
@@ -1200,10 +1202,13 @@
1200
1202
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1201
1203
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1202
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);
1203
1207
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1204
1208
  --wds-page-header-padding-vertical: var(--wds-space-600);
1205
1209
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1206
1210
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1211
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-bold);
1207
1212
  --wds-page-header-back-button-gap: var(--wds-space-200);
1208
1213
  --wds-notification-padding-vertical: var(--wds-space-200);
1209
1214
  --wds-notification-padding-horizontal: var(--wds-space-200);
@@ -1271,13 +1276,14 @@
1271
1276
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
1272
1277
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1273
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);
1274
1280
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1275
1281
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1276
1282
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
1277
1283
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1278
1284
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
1279
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
1280
- --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);
1281
1287
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1282
1288
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1283
1289
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1765,6 +1771,7 @@
1765
1771
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1766
1772
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1767
1773
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1774
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1768
1775
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled-light);
1769
1776
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary-light);
1770
1777
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1809,6 +1816,9 @@
1809
1816
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1810
1817
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1811
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);
1812
1822
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1813
1823
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1814
1824
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
@@ -2097,6 +2107,7 @@
2097
2107
  --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-primary-hover);
2098
2108
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary);
2099
2109
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2110
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2100
2111
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2101
2112
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2102
2113
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2205,6 +2216,7 @@
2205
2216
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2206
2217
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2207
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);
2208
2220
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2209
2221
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2210
2222
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/wixel/all.scss CHANGED
@@ -164,6 +164,7 @@
164
164
  --wds-font-family-display: "Madefor Display", "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
165
165
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
166
166
  --wds-editable-title-marker-line-style: dashed;
167
+ --wds-editable-title-marker-gap: 6px;
167
168
  --wds-divider-fill-color-light-secondary: rgba(244, 247, 255, 0.0000);
168
169
  --wds-custom-modal-close-button-fill: transparent;
169
170
  --wds-counter-badge-padding-horizontal-tiny: 4px;
@@ -378,6 +379,7 @@
378
379
  --wds-button-icon-offset-small: 12px;
379
380
  --wds-button-icon-offset-medium: 18px;
380
381
  --wds-button-icon-offset-large: 18px;
382
+ --wds-button-border-ai-secondary-mask: none;
381
383
  --wds-breakpoint-x-large: 1572px;
382
384
  --wds-breakpoint-small: 490px;
383
385
  --wds-breakpoint-medium: 768px;
@@ -880,10 +882,13 @@
880
882
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
881
883
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
882
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);
883
887
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
884
888
  --wds-page-header-padding-vertical: var(--wds-space-600);
885
889
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
886
890
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
891
+ --wds-page-header-breadcrumbs-selected-font-weight: var(--wds-font-weight-bold);
887
892
  --wds-page-header-back-button-gap: var(--wds-space-200);
888
893
  --wds-notification-padding-vertical: var(--wds-space-200);
889
894
  --wds-notification-padding-horizontal: var(--wds-space-200);
@@ -947,13 +952,14 @@
947
952
  --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
948
953
  --wds-loader-fill-loading: var(--wds-color-blue-0);
949
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);
950
956
  --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
951
957
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
952
958
  --wds-list-item-select-padding-vertical-small: var(--wds-space-150);
953
959
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
954
960
  --wds-list-item-select-padding-vertical-medium: var(--wds-space-150);
955
- --wds-list-item-select-padding-right-small: var(--wds-space-400);
956
- --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);
957
963
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
958
964
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
959
965
  --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
@@ -1754,6 +1760,7 @@
1754
1760
  --wds-selector-button-border-color-hover: var(--wds-color-border-standard-secondary-hover);
1755
1761
  --wds-selector-button-border-color-disabled: var(--wds-color-border-standard-secondary-disabled);
1756
1762
  --wds-selector-button-border-color: var(--wds-color-border-standard-secondary);
1763
+ --wds-selectable-accordion-fill: var(--wds-color-fill-standard-tertiary);
1757
1764
  --wds-segmented-toggle-value-fill-selected-disabled: var(--wds-color-text-disabled-light);
1758
1765
  --wds-segmented-toggle-value-fill-selected: var(--wds-color-text-standard-primary-light);
1759
1766
  --wds-segmented-toggle-value-fill-hover: var(--wds-color-text-standard-primary);
@@ -1798,6 +1805,9 @@
1798
1805
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1799
1806
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1800
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);
1801
1811
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1802
1812
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1803
1813
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
@@ -2097,6 +2107,7 @@
2097
2107
  --wds-button-fill-dark-secondary-hover: var(--wds-color-fill-dark-primary-hover);
2098
2108
  --wds-button-fill-dark-secondary-active: var(--wds-color-fill-dark-primary);
2099
2109
  --wds-button-fill-dark-secondary: var(--wds-color-fill-dark-tertiary);
2110
+ --wds-button-fill-ai-secondary: var(--wds-color-fill-standard-tertiary);
2100
2111
  --wds-button-fill-ai-primary-hover: var(--wds-color-fill-ai-primary-hover);
2101
2112
  --wds-button-fill-ai-primary-active: var(--wds-color-fill-ai-primary-active);
2102
2113
  --wds-button-fill-ai-primary: var(--wds-color-fill-ai-primary);
@@ -2205,6 +2216,7 @@
2205
2216
  --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2206
2217
  --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2207
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);
2208
2220
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2209
2221
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2210
2222
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
package/wixel/all.st.css CHANGED
@@ -168,6 +168,7 @@
168
168
  @property st-global(--wds-breakpoint-medium);
169
169
  @property st-global(--wds-breakpoint-small);
170
170
  @property st-global(--wds-breakpoint-x-large);
171
+ @property st-global(--wds-button-border-ai-secondary-mask);
171
172
  @property st-global(--wds-button-border-dark-secondary);
172
173
  @property st-global(--wds-button-border-dark-secondary-active);
173
174
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -191,6 +192,7 @@
191
192
  @property st-global(--wds-button-fill-ai-primary);
192
193
  @property st-global(--wds-button-fill-ai-primary-active);
193
194
  @property st-global(--wds-button-fill-ai-primary-hover);
195
+ @property st-global(--wds-button-fill-ai-secondary);
194
196
  @property st-global(--wds-button-fill-dark-primary-disabled);
195
197
  @property st-global(--wds-button-fill-dark-secondary);
196
198
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -917,6 +919,7 @@
917
919
  @property st-global(--wds-dropdown-list-paddings);
918
920
  @property st-global(--wds-editable-title-marker-fill);
919
921
  @property st-global(--wds-editable-title-marker-fill-active);
922
+ @property st-global(--wds-editable-title-marker-gap);
920
923
  @property st-global(--wds-editable-title-marker-line-style);
921
924
  @property st-global(--wds-editable-title-placeholder-fill);
922
925
  @property st-global(--wds-empty-state-border-radius);
@@ -1327,8 +1330,10 @@
1327
1330
  @property st-global(--wds-list-item-select-subtitle-disabled);
1328
1331
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1329
1332
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1333
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1330
1334
  @property st-global(--wds-list-item-select-suffix);
1331
1335
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1336
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
1332
1337
  @property st-global(--wds-list-item-select-suffix-pressed);
1333
1338
  @property st-global(--wds-list-item-select-title);
1334
1339
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1434,15 +1439,21 @@
1434
1439
  @property st-global(--wds-notification-padding-vertical);
1435
1440
  @property st-global(--wds-number-input-icon-fill);
1436
1441
  @property st-global(--wds-page-header-back-button-gap);
1442
+ @property st-global(--wds-page-header-breadcrumbs-color);
1443
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
1437
1444
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
1438
1445
  @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1439
1446
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
1447
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1448
+ @property st-global(--wds-page-header-divider-color);
1440
1449
  @property st-global(--wds-page-header-padding-horizontal);
1441
1450
  @property st-global(--wds-page-header-padding-horizontal-small);
1442
1451
  @property st-global(--wds-page-header-padding-vertical);
1443
1452
  @property st-global(--wds-page-header-padding-vertical-small);
1444
1453
  @property st-global(--wds-page-header-subtitle-font-size);
1454
+ @property st-global(--wds-page-header-subtitle-gap);
1445
1455
  @property st-global(--wds-page-header-subtitle-line-height);
1456
+ @property st-global(--wds-page-header-subtitle-padding-start);
1446
1457
  @property st-global(--wds-page-header-title-actions-gap);
1447
1458
  @property st-global(--wds-page-header-title-font-size);
1448
1459
  @property st-global(--wds-page-header-title-font-weight);
@@ -1587,6 +1598,7 @@
1587
1598
  @property st-global(--wds-select-area-fill-hover);
1588
1599
  @property st-global(--wds-select-area-padding-horizontal);
1589
1600
  @property st-global(--wds-select-area-padding-vertical);
1601
+ @property st-global(--wds-selectable-accordion-fill);
1590
1602
  @property st-global(--wds-selector-button-border-color);
1591
1603
  @property st-global(--wds-selector-button-border-color-disabled);
1592
1604
  @property st-global(--wds-selector-button-border-color-hover);
@@ -2414,6 +2426,7 @@
2414
2426
  --wds-breakpoint-medium: 768px;
2415
2427
  --wds-breakpoint-small: 490px;
2416
2428
  --wds-breakpoint-x-large: 1572px;
2429
+ --wds-button-border-ai-secondary-mask: none;
2417
2430
  --wds-button-border-dark-secondary: #868aa5;
2418
2431
  --wds-button-border-dark-secondary-active: #000624;
2419
2432
  --wds-button-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -2437,6 +2450,7 @@
2437
2450
  --wds-button-fill-ai-primary: #5a48f5;
2438
2451
  --wds-button-fill-ai-primary-active: #5a48f5;
2439
2452
  --wds-button-fill-ai-primary-hover: #4d3dd0;
2453
+ --wds-button-fill-ai-secondary: #ffffff;
2440
2454
  --wds-button-fill-dark-primary-disabled: #bebebe;
2441
2455
  --wds-button-fill-dark-secondary: #ffffff;
2442
2456
  --wds-button-fill-dark-secondary-active: #000624;
@@ -3163,6 +3177,7 @@
3163
3177
  --wds-dropdown-list-paddings: 4px;
3164
3178
  --wds-editable-title-marker-fill: #868aa5;
3165
3179
  --wds-editable-title-marker-fill-active: #4a57ff;
3180
+ --wds-editable-title-marker-gap: 6px;
3166
3181
  --wds-editable-title-marker-line-style: dashed;
3167
3182
  --wds-editable-title-placeholder-fill: #cfd1dc;
3168
3183
  --wds-empty-state-border-radius: 4px;
@@ -3562,8 +3577,8 @@
3562
3577
  --wds-list-item-select-padding-horizontal-small: 12px;
3563
3578
  --wds-list-item-select-padding-left-medium: 12px;
3564
3579
  --wds-list-item-select-padding-left-small: 12px;
3565
- --wds-list-item-select-padding-right-medium: 16px;
3566
- --wds-list-item-select-padding-right-small: 16px;
3580
+ --wds-list-item-select-padding-right-medium: 12px;
3581
+ --wds-list-item-select-padding-right-small: 12px;
3567
3582
  --wds-list-item-select-padding-vertical-medium: 6px;
3568
3583
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3569
3584
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -3573,8 +3588,10 @@
3573
3588
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
3574
3589
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3575
3590
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3591
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3576
3592
  --wds-list-item-select-suffix: #868aa5;
3577
3593
  --wds-list-item-select-suffix-active-font-weight: 400;
3594
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
3578
3595
  --wds-list-item-select-suffix-pressed: #868aa5;
3579
3596
  --wds-list-item-select-title: #000624;
3580
3597
  --wds-list-item-select-title-disabled: rgba(38, 37, 36, 0.3000);
@@ -3680,15 +3697,21 @@
3680
3697
  --wds-notification-padding-vertical: 8px;
3681
3698
  --wds-number-input-icon-fill: #595d70;
3682
3699
  --wds-page-header-back-button-gap: 8px;
3700
+ --wds-page-header-breadcrumbs-color: #000624;
3701
+ --wds-page-header-breadcrumbs-font-size: 14px;
3683
3702
  --wds-page-header-breadcrumbs-offset-large: 0px;
3684
3703
  --wds-page-header-breadcrumbs-offset-medium: 0px;
3685
3704
  --wds-page-header-breadcrumbs-offset-small: 0px;
3705
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
3706
+ --wds-page-header-divider-color: #e2e3ea;
3686
3707
  --wds-page-header-padding-horizontal: 48px;
3687
3708
  --wds-page-header-padding-horizontal-small: 24px;
3688
3709
  --wds-page-header-padding-vertical: 24px;
3689
3710
  --wds-page-header-padding-vertical-small: 18px;
3690
3711
  --wds-page-header-subtitle-font-size: 16px;
3712
+ --wds-page-header-subtitle-gap: 0px;
3691
3713
  --wds-page-header-subtitle-line-height: 24px;
3714
+ --wds-page-header-subtitle-padding-start: 0px;
3692
3715
  --wds-page-header-title-actions-gap: 0px;
3693
3716
  --wds-page-header-title-font-size: 32px;
3694
3717
  --wds-page-header-title-font-weight: 700;
@@ -3833,6 +3856,7 @@
3833
3856
  --wds-select-area-fill-hover: #edeef2;
3834
3857
  --wds-select-area-padding-horizontal: 16px;
3835
3858
  --wds-select-area-padding-vertical: 12px;
3859
+ --wds-selectable-accordion-fill: #ffffff;
3836
3860
  --wds-selector-button-border-color: #dce2ff;
3837
3861
  --wds-selector-button-border-color-disabled: rgba(38, 37, 36, 0.1000);
3838
3862
  --wds-selector-button-border-color-hover: #eef0ff;