@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/odeditor/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);
@@ -128,6 +129,9 @@
128
129
  @property st-global(--wds-badge-size-medium);
129
130
  @property st-global(--wds-badge-size-small);
130
131
  @property st-global(--wds-badge-size-tiny);
132
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
133
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
134
+ @property st-global(--wds-badge-solid-warning-light-label-color);
131
135
  @property st-global(--wds-border-radius-0);
132
136
  @property st-global(--wds-border-radius-100);
133
137
  @property st-global(--wds-border-radius-200);
@@ -175,6 +179,7 @@
175
179
  @property st-global(--wds-breakpoint-medium);
176
180
  @property st-global(--wds-breakpoint-small);
177
181
  @property st-global(--wds-breakpoint-x-large);
182
+ @property st-global(--wds-button-border-ai-secondary-mask);
178
183
  @property st-global(--wds-button-border-dark-secondary);
179
184
  @property st-global(--wds-button-border-dark-secondary-active);
180
185
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -199,6 +204,7 @@
199
204
  @property st-global(--wds-button-fill-ai-primary);
200
205
  @property st-global(--wds-button-fill-ai-primary-active);
201
206
  @property st-global(--wds-button-fill-ai-primary-hover);
207
+ @property st-global(--wds-button-fill-ai-secondary);
202
208
  @property st-global(--wds-button-fill-dark-primary-disabled);
203
209
  @property st-global(--wds-button-fill-dark-secondary);
204
210
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -929,6 +935,7 @@
929
935
  @property st-global(--wds-dropdown-list-paddings);
930
936
  @property st-global(--wds-editable-title-marker-fill);
931
937
  @property st-global(--wds-editable-title-marker-fill-active);
938
+ @property st-global(--wds-editable-title-marker-gap);
932
939
  @property st-global(--wds-editable-title-marker-line-style);
933
940
  @property st-global(--wds-editable-title-placeholder-fill);
934
941
  @property st-global(--wds-empty-state-border-radius);
@@ -1327,8 +1334,10 @@
1327
1334
  @property st-global(--wds-list-item-select-subtitle-disabled);
1328
1335
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1329
1336
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1337
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1330
1338
  @property st-global(--wds-list-item-select-suffix);
1331
1339
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1340
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
1332
1341
  @property st-global(--wds-list-item-select-suffix-pressed);
1333
1342
  @property st-global(--wds-list-item-select-title);
1334
1343
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1402,6 +1411,7 @@
1402
1411
  @property st-global(--wds-message-modal-close-button-icon-size);
1403
1412
  @property st-global(--wds-message-modal-close-button-size);
1404
1413
  @property st-global(--wds-message-modal-content-gap);
1414
+ @property st-global(--wds-message-modal-help-button-icon-size);
1405
1415
  @property st-global(--wds-message-modal-help-button-size);
1406
1416
  @property st-global(--wds-message-modal-illustration-content-gap);
1407
1417
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -1410,6 +1420,7 @@
1410
1420
  @property st-global(--wds-message-modal-padding-vertical);
1411
1421
  @property st-global(--wds-message-modal-text-font-line-height);
1412
1422
  @property st-global(--wds-message-modal-text-font-size);
1423
+ @property st-global(--wds-message-modal-text-font-weight);
1413
1424
  @property st-global(--wds-message-modal-title-font-family);
1414
1425
  @property st-global(--wds-message-modal-title-font-line-height);
1415
1426
  @property st-global(--wds-message-modal-title-font-size);
@@ -1441,12 +1452,21 @@
1441
1452
  @property st-global(--wds-padding-vertical-small);
1442
1453
  @property st-global(--wds-padding-vertical-tiny);
1443
1454
  @property st-global(--wds-page-header-back-button-gap);
1455
+ @property st-global(--wds-page-header-breadcrumbs-color);
1456
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
1457
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
1458
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
1459
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
1460
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1461
+ @property st-global(--wds-page-header-divider-color);
1444
1462
  @property st-global(--wds-page-header-padding-horizontal);
1445
1463
  @property st-global(--wds-page-header-padding-horizontal-small);
1446
1464
  @property st-global(--wds-page-header-padding-vertical);
1447
1465
  @property st-global(--wds-page-header-padding-vertical-small);
1448
1466
  @property st-global(--wds-page-header-subtitle-font-size);
1467
+ @property st-global(--wds-page-header-subtitle-gap);
1449
1468
  @property st-global(--wds-page-header-subtitle-line-height);
1469
+ @property st-global(--wds-page-header-subtitle-padding-start);
1450
1470
  @property st-global(--wds-page-header-title-actions-gap);
1451
1471
  @property st-global(--wds-page-header-title-font-size);
1452
1472
  @property st-global(--wds-page-header-title-font-weight);
@@ -1596,6 +1616,7 @@
1596
1616
  @property st-global(--wds-select-area-fill-hover);
1597
1617
  @property st-global(--wds-select-area-padding-horizontal);
1598
1618
  @property st-global(--wds-select-area-padding-vertical);
1619
+ @property st-global(--wds-selectable-accordion-fill);
1599
1620
  @property st-global(--wds-selector-button-border-color);
1600
1621
  @property st-global(--wds-selector-button-border-color-disabled);
1601
1622
  @property st-global(--wds-selector-button-border-color-hover);
@@ -2211,6 +2232,7 @@
2211
2232
  @property st-global(--wds-tooltip-text-fill);
2212
2233
  @property st-global(--wds-top-banner-border-color);
2213
2234
  @property st-global(--wds-top-banner-border-radius);
2235
+ @property st-global(--wds-top-banner-content-color);
2214
2236
  @property st-global(--wds-top-banner-content-gap);
2215
2237
  @property st-global(--wds-top-banner-dismiss-gap);
2216
2238
  @property st-global(--wds-top-banner-fill);
@@ -2304,6 +2326,7 @@
2304
2326
  --wds-accordion-inner-content-shadow: none;
2305
2327
  --wds-accordion-inner-content-shadow-last: none;
2306
2328
  --wds-accordion-padding-horizontal-large: 16px;
2329
+ --wds-accordion-padding-horizontal-medium: 20px;
2307
2330
  --wds-accordion-title-fill: #151414;
2308
2331
  --wds-accordion-title-fill-hover: #151414;
2309
2332
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2344,7 +2367,7 @@
2344
2367
  --wds-announcement-modal-close-button-size: 24px;
2345
2368
  --wds-announcement-modal-content-gap: 12px;
2346
2369
  --wds-announcement-modal-footnote-content-alignment: start;
2347
- --wds-announcement-modal-help-button-fill: #f0efef;
2370
+ --wds-announcement-modal-help-button-fill: transparent;
2348
2371
  --wds-announcement-modal-help-button-icon-size: 18px;
2349
2372
  --wds-announcement-modal-help-button-size: 24px;
2350
2373
  --wds-announcement-modal-padding-horizontal: 96px;
@@ -2420,6 +2443,9 @@
2420
2443
  --wds-badge-size-medium: 28px;
2421
2444
  --wds-badge-size-small: 24px;
2422
2445
  --wds-badge-size-tiny: 20px;
2446
+ --wds-badge-solid-neutral-danger-label-color: #383838;
2447
+ --wds-badge-solid-neutral-success-label-color: #383838;
2448
+ --wds-badge-solid-warning-light-label-color: #383838;
2423
2449
  --wds-border-radius-0: 0px;
2424
2450
  --wds-border-radius-100: 2px;
2425
2451
  --wds-border-radius-200: 4px;
@@ -2467,6 +2493,7 @@
2467
2493
  --wds-breakpoint-medium: 768px;
2468
2494
  --wds-breakpoint-small: 490px;
2469
2495
  --wds-breakpoint-x-large: 1572px;
2496
+ --wds-button-border-ai-secondary-mask: none;
2470
2497
  --wds-button-border-dark-secondary: #767574;
2471
2498
  --wds-button-border-dark-secondary-active: #dedede;
2472
2499
  --wds-button-border-dark-secondary-disabled: #f0efef;
@@ -2491,6 +2518,7 @@
2491
2518
  --wds-button-fill-ai-primary: #5a48f5;
2492
2519
  --wds-button-fill-ai-primary-active: #5a48f5;
2493
2520
  --wds-button-fill-ai-primary-hover: #4d3dd0;
2521
+ --wds-button-fill-ai-secondary: #ffffff;
2494
2522
  --wds-button-fill-dark-primary-disabled: #f0efef;
2495
2523
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
2496
2524
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -3221,6 +3249,7 @@
3221
3249
  --wds-dropdown-list-paddings: 8px;
3222
3250
  --wds-editable-title-marker-fill: #151414;
3223
3251
  --wds-editable-title-marker-fill-active: #597dff;
3252
+ --wds-editable-title-marker-gap: 4px;
3224
3253
  --wds-editable-title-marker-line-style: dotted;
3225
3254
  --wds-editable-title-placeholder-fill: #a8a6a5;
3226
3255
  --wds-empty-state-border-radius: 4px;
@@ -3603,13 +3632,13 @@
3603
3632
  --wds-list-item-select-label-font-size-small: 12px;
3604
3633
  --wds-list-item-select-label-font-weight-active: 500;
3605
3634
  --wds-list-item-select-label-font-weight-medium: 500;
3606
- --wds-list-item-select-min-height-medium: 52px;
3607
- --wds-list-item-select-padding-horizontal-medium: 12px;
3608
- --wds-list-item-select-padding-horizontal-small: 12px;
3635
+ --wds-list-item-select-min-height-medium: auto;
3636
+ --wds-list-item-select-padding-horizontal-medium: 8px;
3637
+ --wds-list-item-select-padding-horizontal-small: 8px;
3609
3638
  --wds-list-item-select-padding-left-medium: 12px;
3610
3639
  --wds-list-item-select-padding-left-small: 12px;
3611
- --wds-list-item-select-padding-right-medium: 16px;
3612
- --wds-list-item-select-padding-right-small: 16px;
3640
+ --wds-list-item-select-padding-right-medium: 12px;
3641
+ --wds-list-item-select-padding-right-small: 12px;
3613
3642
  --wds-list-item-select-padding-vertical-medium: 8px;
3614
3643
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3615
3644
  --wds-list-item-select-padding-vertical-small: 8px;
@@ -3619,8 +3648,10 @@
3619
3648
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
3620
3649
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3621
3650
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3651
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3622
3652
  --wds-list-item-select-suffix: #151414;
3623
3653
  --wds-list-item-select-suffix-active-font-weight: 500;
3654
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
3624
3655
  --wds-list-item-select-suffix-pressed: #1c3fe5;
3625
3656
  --wds-list-item-select-title: #151414;
3626
3657
  --wds-list-item-select-title-disabled: #a8a6a5;
@@ -3694,7 +3725,8 @@
3694
3725
  --wds-message-modal-close-button-icon-size: 8px;
3695
3726
  --wds-message-modal-close-button-size: 24px;
3696
3727
  --wds-message-modal-content-gap: 12px;
3697
- --wds-message-modal-help-button-size: 28px;
3728
+ --wds-message-modal-help-button-icon-size: 18px;
3729
+ --wds-message-modal-help-button-size: 24px;
3698
3730
  --wds-message-modal-illustration-content-gap: 16px;
3699
3731
  --wds-message-modal-illustration-margin-start: 24px;
3700
3732
  --wds-message-modal-illustration-margin-top: 24px;
@@ -3702,6 +3734,7 @@
3702
3734
  --wds-message-modal-padding-vertical: 24px;
3703
3735
  --wds-message-modal-text-font-line-height: 18px;
3704
3736
  --wds-message-modal-text-font-size: 14px;
3737
+ --wds-message-modal-text-font-weight: 400;
3705
3738
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3706
3739
  --wds-message-modal-title-font-line-height: 32px;
3707
3740
  --wds-message-modal-title-font-size: 24px;
@@ -3733,12 +3766,21 @@
3733
3766
  --wds-padding-vertical-small: 24px;
3734
3767
  --wds-padding-vertical-tiny: 20px;
3735
3768
  --wds-page-header-back-button-gap: 8px;
3769
+ --wds-page-header-breadcrumbs-color: #525150;
3770
+ --wds-page-header-breadcrumbs-font-size: 12px;
3771
+ --wds-page-header-breadcrumbs-offset-large: 0px;
3772
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
3773
+ --wds-page-header-breadcrumbs-offset-small: 0px;
3774
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
3775
+ --wds-page-header-divider-color: transparent;
3736
3776
  --wds-page-header-padding-horizontal: 48px;
3737
3777
  --wds-page-header-padding-horizontal-small: 24px;
3738
3778
  --wds-page-header-padding-vertical: 24px;
3739
3779
  --wds-page-header-padding-vertical-small: 18px;
3740
3780
  --wds-page-header-subtitle-font-size: 12px;
3781
+ --wds-page-header-subtitle-gap: 4px;
3741
3782
  --wds-page-header-subtitle-line-height: 16px;
3783
+ --wds-page-header-subtitle-padding-start: 4px;
3742
3784
  --wds-page-header-title-actions-gap: 40px;
3743
3785
  --wds-page-header-title-font-size: 24px;
3744
3786
  --wds-page-header-title-font-weight: 500;
@@ -3888,6 +3930,7 @@
3888
3930
  --wds-select-area-fill-hover: #f0efef;
3889
3931
  --wds-select-area-padding-horizontal: 16px;
3890
3932
  --wds-select-area-padding-vertical: 12px;
3933
+ --wds-selectable-accordion-fill: #ffffff;
3891
3934
  --wds-selector-button-border-color: rgba(19, 23, 32, 0);
3892
3935
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
3893
3936
  --wds-selector-button-border-color-hover: #7896ff;
@@ -4503,6 +4546,7 @@
4503
4546
  --wds-tooltip-text-fill: #ffffff;
4504
4547
  --wds-top-banner-border-color: #ffffff;
4505
4548
  --wds-top-banner-border-radius: 8px;
4549
+ --wds-top-banner-content-color: #151414;
4506
4550
  --wds-top-banner-content-gap: 12px;
4507
4551
  --wds-top-banner-dismiss-gap: 20px;
4508
4552
  --wds-top-banner-fill: #e7e4fe;
package/odeditor/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);
@@ -115,6 +116,9 @@
115
116
  @property st-global(--wds-badge-size-medium);
116
117
  @property st-global(--wds-badge-size-small);
117
118
  @property st-global(--wds-badge-size-tiny);
119
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
120
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
121
+ @property st-global(--wds-badge-solid-warning-light-label-color);
118
122
  @property st-global(--wds-breadcrumbs-border-radius);
119
123
  @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
120
124
  @property st-global(--wds-breadcrumbs-font-size-small);
@@ -134,6 +138,7 @@
134
138
  @property st-global(--wds-breadcrumbs-text-line-height-small);
135
139
  @property st-global(--wds-breadcrumbs-text-weight-default);
136
140
  @property st-global(--wds-breadcrumbs-text-weight-selected);
141
+ @property st-global(--wds-button-border-ai-secondary-mask);
137
142
  @property st-global(--wds-button-border-dark-secondary);
138
143
  @property st-global(--wds-button-border-dark-secondary-active);
139
144
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -158,6 +163,7 @@
158
163
  @property st-global(--wds-button-fill-ai-primary);
159
164
  @property st-global(--wds-button-fill-ai-primary-active);
160
165
  @property st-global(--wds-button-fill-ai-primary-hover);
166
+ @property st-global(--wds-button-fill-ai-secondary);
161
167
  @property st-global(--wds-button-fill-dark-primary-disabled);
162
168
  @property st-global(--wds-button-fill-dark-secondary);
163
169
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -421,6 +427,7 @@
421
427
  @property st-global(--wds-dropdown-list-paddings);
422
428
  @property st-global(--wds-editable-title-marker-fill);
423
429
  @property st-global(--wds-editable-title-marker-fill-active);
430
+ @property st-global(--wds-editable-title-marker-gap);
424
431
  @property st-global(--wds-editable-title-marker-line-style);
425
432
  @property st-global(--wds-editable-title-placeholder-fill);
426
433
  @property st-global(--wds-empty-state-border-radius);
@@ -737,8 +744,10 @@
737
744
  @property st-global(--wds-list-item-select-subtitle-disabled);
738
745
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
739
746
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
747
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
740
748
  @property st-global(--wds-list-item-select-suffix);
741
749
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
750
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
742
751
  @property st-global(--wds-list-item-select-suffix-pressed);
743
752
  @property st-global(--wds-list-item-select-title);
744
753
  @property st-global(--wds-list-item-select-title-disabled);
@@ -812,6 +821,7 @@
812
821
  @property st-global(--wds-message-modal-close-button-icon-size);
813
822
  @property st-global(--wds-message-modal-close-button-size);
814
823
  @property st-global(--wds-message-modal-content-gap);
824
+ @property st-global(--wds-message-modal-help-button-icon-size);
815
825
  @property st-global(--wds-message-modal-help-button-size);
816
826
  @property st-global(--wds-message-modal-illustration-content-gap);
817
827
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -820,6 +830,7 @@
820
830
  @property st-global(--wds-message-modal-padding-vertical);
821
831
  @property st-global(--wds-message-modal-text-font-line-height);
822
832
  @property st-global(--wds-message-modal-text-font-size);
833
+ @property st-global(--wds-message-modal-text-font-weight);
823
834
  @property st-global(--wds-message-modal-title-font-family);
824
835
  @property st-global(--wds-message-modal-title-font-line-height);
825
836
  @property st-global(--wds-message-modal-title-font-size);
@@ -851,12 +862,21 @@
851
862
  @property st-global(--wds-padding-vertical-small);
852
863
  @property st-global(--wds-padding-vertical-tiny);
853
864
  @property st-global(--wds-page-header-back-button-gap);
865
+ @property st-global(--wds-page-header-breadcrumbs-color);
866
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
867
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
868
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
869
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
870
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
871
+ @property st-global(--wds-page-header-divider-color);
854
872
  @property st-global(--wds-page-header-padding-horizontal);
855
873
  @property st-global(--wds-page-header-padding-horizontal-small);
856
874
  @property st-global(--wds-page-header-padding-vertical);
857
875
  @property st-global(--wds-page-header-padding-vertical-small);
858
876
  @property st-global(--wds-page-header-subtitle-font-size);
877
+ @property st-global(--wds-page-header-subtitle-gap);
859
878
  @property st-global(--wds-page-header-subtitle-line-height);
879
+ @property st-global(--wds-page-header-subtitle-padding-start);
860
880
  @property st-global(--wds-page-header-title-actions-gap);
861
881
  @property st-global(--wds-page-header-title-font-size);
862
882
  @property st-global(--wds-page-header-title-font-weight);
@@ -1006,6 +1026,7 @@
1006
1026
  @property st-global(--wds-select-area-fill-hover);
1007
1027
  @property st-global(--wds-select-area-padding-horizontal);
1008
1028
  @property st-global(--wds-select-area-padding-vertical);
1029
+ @property st-global(--wds-selectable-accordion-fill);
1009
1030
  @property st-global(--wds-selector-button-border-color);
1010
1031
  @property st-global(--wds-selector-button-border-color-disabled);
1011
1032
  @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);
@@ -1557,6 +1579,7 @@
1557
1579
  --wds-accordion-inner-content-shadow: none;
1558
1580
  --wds-accordion-inner-content-shadow-last: none;
1559
1581
  --wds-accordion-padding-horizontal-large: 16px;
1582
+ --wds-accordion-padding-horizontal-medium: 20px;
1560
1583
  --wds-accordion-title-fill: #151414;
1561
1584
  --wds-accordion-title-fill-hover: #151414;
1562
1585
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1597,7 +1620,7 @@
1597
1620
  --wds-announcement-modal-close-button-size: 24px;
1598
1621
  --wds-announcement-modal-content-gap: 12px;
1599
1622
  --wds-announcement-modal-footnote-content-alignment: start;
1600
- --wds-announcement-modal-help-button-fill: #f0efef;
1623
+ --wds-announcement-modal-help-button-fill: transparent;
1601
1624
  --wds-announcement-modal-help-button-icon-size: 18px;
1602
1625
  --wds-announcement-modal-help-button-size: 24px;
1603
1626
  --wds-announcement-modal-padding-horizontal: 96px;
@@ -1660,6 +1683,9 @@
1660
1683
  --wds-badge-size-medium: 28px;
1661
1684
  --wds-badge-size-small: 24px;
1662
1685
  --wds-badge-size-tiny: 20px;
1686
+ --wds-badge-solid-neutral-danger-label-color: #383838;
1687
+ --wds-badge-solid-neutral-success-label-color: #383838;
1688
+ --wds-badge-solid-warning-light-label-color: #383838;
1663
1689
  --wds-breadcrumbs-border-radius: 6px;
1664
1690
  --wds-breadcrumbs-divider-margin-horizontal: 0px;
1665
1691
  --wds-breadcrumbs-font-size-small: 12px;
@@ -1679,6 +1705,7 @@
1679
1705
  --wds-breadcrumbs-text-line-height-small: 16px;
1680
1706
  --wds-breadcrumbs-text-weight-default: 400;
1681
1707
  --wds-breadcrumbs-text-weight-selected: 500;
1708
+ --wds-button-border-ai-secondary-mask: none;
1682
1709
  --wds-button-border-dark-secondary: #767574;
1683
1710
  --wds-button-border-dark-secondary-active: #dedede;
1684
1711
  --wds-button-border-dark-secondary-disabled: #f0efef;
@@ -1703,6 +1730,7 @@
1703
1730
  --wds-button-fill-ai-primary: #5a48f5;
1704
1731
  --wds-button-fill-ai-primary-active: #5a48f5;
1705
1732
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1733
+ --wds-button-fill-ai-secondary: #ffffff;
1706
1734
  --wds-button-fill-dark-primary-disabled: #f0efef;
1707
1735
  --wds-button-fill-dark-secondary: rgba(255, 255, 255, 0);
1708
1736
  --wds-button-fill-dark-secondary-active: #dedede;
@@ -1966,6 +1994,7 @@
1966
1994
  --wds-dropdown-list-paddings: 8px;
1967
1995
  --wds-editable-title-marker-fill: #151414;
1968
1996
  --wds-editable-title-marker-fill-active: #597dff;
1997
+ --wds-editable-title-marker-gap: 4px;
1969
1998
  --wds-editable-title-marker-line-style: dotted;
1970
1999
  --wds-editable-title-placeholder-fill: #a8a6a5;
1971
2000
  --wds-empty-state-border-radius: 4px;
@@ -2266,13 +2295,13 @@
2266
2295
  --wds-list-item-select-label-font-size-small: 12px;
2267
2296
  --wds-list-item-select-label-font-weight-active: 500;
2268
2297
  --wds-list-item-select-label-font-weight-medium: 500;
2269
- --wds-list-item-select-min-height-medium: 52px;
2270
- --wds-list-item-select-padding-horizontal-medium: 12px;
2271
- --wds-list-item-select-padding-horizontal-small: 12px;
2298
+ --wds-list-item-select-min-height-medium: auto;
2299
+ --wds-list-item-select-padding-horizontal-medium: 8px;
2300
+ --wds-list-item-select-padding-horizontal-small: 8px;
2272
2301
  --wds-list-item-select-padding-left-medium: 12px;
2273
2302
  --wds-list-item-select-padding-left-small: 12px;
2274
- --wds-list-item-select-padding-right-medium: 16px;
2275
- --wds-list-item-select-padding-right-small: 16px;
2303
+ --wds-list-item-select-padding-right-medium: 12px;
2304
+ --wds-list-item-select-padding-right-small: 12px;
2276
2305
  --wds-list-item-select-padding-vertical-medium: 8px;
2277
2306
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2278
2307
  --wds-list-item-select-padding-vertical-small: 8px;
@@ -2282,8 +2311,10 @@
2282
2311
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
2283
2312
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2284
2313
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2314
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2285
2315
  --wds-list-item-select-suffix: #151414;
2286
2316
  --wds-list-item-select-suffix-active-font-weight: 500;
2317
+ --wds-list-item-select-suffix-font-line-height-small: 18px;
2287
2318
  --wds-list-item-select-suffix-pressed: #1c3fe5;
2288
2319
  --wds-list-item-select-title: #151414;
2289
2320
  --wds-list-item-select-title-disabled: #a8a6a5;
@@ -2357,7 +2388,8 @@
2357
2388
  --wds-message-modal-close-button-icon-size: 8px;
2358
2389
  --wds-message-modal-close-button-size: 24px;
2359
2390
  --wds-message-modal-content-gap: 12px;
2360
- --wds-message-modal-help-button-size: 28px;
2391
+ --wds-message-modal-help-button-icon-size: 18px;
2392
+ --wds-message-modal-help-button-size: 24px;
2361
2393
  --wds-message-modal-illustration-content-gap: 16px;
2362
2394
  --wds-message-modal-illustration-margin-start: 24px;
2363
2395
  --wds-message-modal-illustration-margin-top: 24px;
@@ -2365,6 +2397,7 @@
2365
2397
  --wds-message-modal-padding-vertical: 24px;
2366
2398
  --wds-message-modal-text-font-line-height: 18px;
2367
2399
  --wds-message-modal-text-font-size: 14px;
2400
+ --wds-message-modal-text-font-weight: 400;
2368
2401
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2369
2402
  --wds-message-modal-title-font-line-height: 32px;
2370
2403
  --wds-message-modal-title-font-size: 24px;
@@ -2396,12 +2429,21 @@
2396
2429
  --wds-padding-vertical-small: 24px;
2397
2430
  --wds-padding-vertical-tiny: 20px;
2398
2431
  --wds-page-header-back-button-gap: 8px;
2432
+ --wds-page-header-breadcrumbs-color: #525150;
2433
+ --wds-page-header-breadcrumbs-font-size: 12px;
2434
+ --wds-page-header-breadcrumbs-offset-large: 0px;
2435
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
2436
+ --wds-page-header-breadcrumbs-offset-small: 0px;
2437
+ --wds-page-header-breadcrumbs-selected-font-weight: 500;
2438
+ --wds-page-header-divider-color: transparent;
2399
2439
  --wds-page-header-padding-horizontal: 48px;
2400
2440
  --wds-page-header-padding-horizontal-small: 24px;
2401
2441
  --wds-page-header-padding-vertical: 24px;
2402
2442
  --wds-page-header-padding-vertical-small: 18px;
2403
2443
  --wds-page-header-subtitle-font-size: 12px;
2444
+ --wds-page-header-subtitle-gap: 4px;
2404
2445
  --wds-page-header-subtitle-line-height: 16px;
2446
+ --wds-page-header-subtitle-padding-start: 4px;
2405
2447
  --wds-page-header-title-actions-gap: 40px;
2406
2448
  --wds-page-header-title-font-size: 24px;
2407
2449
  --wds-page-header-title-font-weight: 500;
@@ -2551,6 +2593,7 @@
2551
2593
  --wds-select-area-fill-hover: #f0efef;
2552
2594
  --wds-select-area-padding-horizontal: 16px;
2553
2595
  --wds-select-area-padding-vertical: 12px;
2596
+ --wds-selectable-accordion-fill: #ffffff;
2554
2597
  --wds-selector-button-border-color: rgba(19, 23, 32, 0);
2555
2598
  --wds-selector-button-border-color-disabled: rgba(19, 23, 32, 0);
2556
2599
  --wds-selector-button-border-color-hover: #7896ff;
@@ -3011,6 +3054,7 @@
3011
3054
  --wds-tooltip-text-fill: #ffffff;
3012
3055
  --wds-top-banner-border-color: #ffffff;
3013
3056
  --wds-top-banner-border-radius: 8px;
3057
+ --wds-top-banner-content-color: #151414;
3014
3058
  --wds-top-banner-content-gap: 12px;
3015
3059
  --wds-top-banner-dismiss-gap: 20px;
3016
3060
  --wds-top-banner-fill: #e7e4fe;