@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/wixel/all.st.css CHANGED
@@ -12,6 +12,7 @@
12
12
  @property st-global(--wds-accordion-inner-content-shadow);
13
13
  @property st-global(--wds-accordion-inner-content-shadow-last);
14
14
  @property st-global(--wds-accordion-padding-horizontal-large);
15
+ @property st-global(--wds-accordion-padding-horizontal-medium);
15
16
  @property st-global(--wds-accordion-title-fill);
16
17
  @property st-global(--wds-accordion-title-fill-hover);
17
18
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -120,6 +121,9 @@
120
121
  @property st-global(--wds-badge-size-medium);
121
122
  @property st-global(--wds-badge-size-small);
122
123
  @property st-global(--wds-badge-size-tiny);
124
+ @property st-global(--wds-badge-solid-neutral-danger-label-color);
125
+ @property st-global(--wds-badge-solid-neutral-success-label-color);
126
+ @property st-global(--wds-badge-solid-warning-light-label-color);
123
127
  @property st-global(--wds-border-radius-0);
124
128
  @property st-global(--wds-border-radius-100);
125
129
  @property st-global(--wds-border-radius-200);
@@ -164,6 +168,7 @@
164
168
  @property st-global(--wds-breakpoint-medium);
165
169
  @property st-global(--wds-breakpoint-small);
166
170
  @property st-global(--wds-breakpoint-x-large);
171
+ @property st-global(--wds-button-border-ai-secondary-mask);
167
172
  @property st-global(--wds-button-border-dark-secondary);
168
173
  @property st-global(--wds-button-border-dark-secondary-active);
169
174
  @property st-global(--wds-button-border-dark-secondary-disabled);
@@ -187,6 +192,7 @@
187
192
  @property st-global(--wds-button-fill-ai-primary);
188
193
  @property st-global(--wds-button-fill-ai-primary-active);
189
194
  @property st-global(--wds-button-fill-ai-primary-hover);
195
+ @property st-global(--wds-button-fill-ai-secondary);
190
196
  @property st-global(--wds-button-fill-dark-primary-disabled);
191
197
  @property st-global(--wds-button-fill-dark-secondary);
192
198
  @property st-global(--wds-button-fill-dark-secondary-active);
@@ -913,6 +919,7 @@
913
919
  @property st-global(--wds-dropdown-list-paddings);
914
920
  @property st-global(--wds-editable-title-marker-fill);
915
921
  @property st-global(--wds-editable-title-marker-fill-active);
922
+ @property st-global(--wds-editable-title-marker-gap);
916
923
  @property st-global(--wds-editable-title-marker-line-style);
917
924
  @property st-global(--wds-editable-title-placeholder-fill);
918
925
  @property st-global(--wds-empty-state-border-radius);
@@ -1323,8 +1330,10 @@
1323
1330
  @property st-global(--wds-list-item-select-subtitle-disabled);
1324
1331
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1325
1332
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1333
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
1326
1334
  @property st-global(--wds-list-item-select-suffix);
1327
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);
1328
1337
  @property st-global(--wds-list-item-select-suffix-pressed);
1329
1338
  @property st-global(--wds-list-item-select-title);
1330
1339
  @property st-global(--wds-list-item-select-title-disabled);
@@ -1399,6 +1408,7 @@
1399
1408
  @property st-global(--wds-message-modal-close-button-icon-size);
1400
1409
  @property st-global(--wds-message-modal-close-button-size);
1401
1410
  @property st-global(--wds-message-modal-content-gap);
1411
+ @property st-global(--wds-message-modal-help-button-icon-size);
1402
1412
  @property st-global(--wds-message-modal-help-button-size);
1403
1413
  @property st-global(--wds-message-modal-illustration-content-gap);
1404
1414
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -1407,6 +1417,7 @@
1407
1417
  @property st-global(--wds-message-modal-padding-vertical);
1408
1418
  @property st-global(--wds-message-modal-text-font-line-height);
1409
1419
  @property st-global(--wds-message-modal-text-font-size);
1420
+ @property st-global(--wds-message-modal-text-font-weight);
1410
1421
  @property st-global(--wds-message-modal-title-font-family);
1411
1422
  @property st-global(--wds-message-modal-title-font-line-height);
1412
1423
  @property st-global(--wds-message-modal-title-font-size);
@@ -1428,12 +1439,21 @@
1428
1439
  @property st-global(--wds-notification-padding-vertical);
1429
1440
  @property st-global(--wds-number-input-icon-fill);
1430
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);
1444
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
1445
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
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);
1431
1449
  @property st-global(--wds-page-header-padding-horizontal);
1432
1450
  @property st-global(--wds-page-header-padding-horizontal-small);
1433
1451
  @property st-global(--wds-page-header-padding-vertical);
1434
1452
  @property st-global(--wds-page-header-padding-vertical-small);
1435
1453
  @property st-global(--wds-page-header-subtitle-font-size);
1454
+ @property st-global(--wds-page-header-subtitle-gap);
1436
1455
  @property st-global(--wds-page-header-subtitle-line-height);
1456
+ @property st-global(--wds-page-header-subtitle-padding-start);
1437
1457
  @property st-global(--wds-page-header-title-actions-gap);
1438
1458
  @property st-global(--wds-page-header-title-font-size);
1439
1459
  @property st-global(--wds-page-header-title-font-weight);
@@ -1578,6 +1598,7 @@
1578
1598
  @property st-global(--wds-select-area-fill-hover);
1579
1599
  @property st-global(--wds-select-area-padding-horizontal);
1580
1600
  @property st-global(--wds-select-area-padding-vertical);
1601
+ @property st-global(--wds-selectable-accordion-fill);
1581
1602
  @property st-global(--wds-selector-button-border-color);
1582
1603
  @property st-global(--wds-selector-button-border-color-disabled);
1583
1604
  @property st-global(--wds-selector-button-border-color-hover);
@@ -2144,6 +2165,7 @@
2144
2165
  @property st-global(--wds-tooltip-text-fill);
2145
2166
  @property st-global(--wds-top-banner-border-color);
2146
2167
  @property st-global(--wds-top-banner-border-radius);
2168
+ @property st-global(--wds-top-banner-content-color);
2147
2169
  @property st-global(--wds-top-banner-content-gap);
2148
2170
  @property st-global(--wds-top-banner-dismiss-gap);
2149
2171
  @property st-global(--wds-top-banner-fill);
@@ -2248,6 +2270,7 @@
2248
2270
  --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset, 0 -22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
2249
2271
  --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
2250
2272
  --wds-accordion-padding-horizontal-large: 24px;
2273
+ --wds-accordion-padding-horizontal-medium: 20px;
2251
2274
  --wds-accordion-title-fill: #000624;
2252
2275
  --wds-accordion-title-fill-hover: #4a57ff;
2253
2276
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -2356,6 +2379,9 @@
2356
2379
  --wds-badge-size-medium: 24px;
2357
2380
  --wds-badge-size-small: 20px;
2358
2381
  --wds-badge-size-tiny: 16px;
2382
+ --wds-badge-solid-neutral-danger-label-color: #595d70;
2383
+ --wds-badge-solid-neutral-success-label-color: #595d70;
2384
+ --wds-badge-solid-warning-light-label-color: #595d70;
2359
2385
  --wds-border-radius-0: 0px;
2360
2386
  --wds-border-radius-100: 2px;
2361
2387
  --wds-border-radius-200: 4px;
@@ -2400,6 +2426,7 @@
2400
2426
  --wds-breakpoint-medium: 768px;
2401
2427
  --wds-breakpoint-small: 490px;
2402
2428
  --wds-breakpoint-x-large: 1572px;
2429
+ --wds-button-border-ai-secondary-mask: none;
2403
2430
  --wds-button-border-dark-secondary: #868aa5;
2404
2431
  --wds-button-border-dark-secondary-active: #000624;
2405
2432
  --wds-button-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -2423,6 +2450,7 @@
2423
2450
  --wds-button-fill-ai-primary: #5a48f5;
2424
2451
  --wds-button-fill-ai-primary-active: #5a48f5;
2425
2452
  --wds-button-fill-ai-primary-hover: #4d3dd0;
2453
+ --wds-button-fill-ai-secondary: #ffffff;
2426
2454
  --wds-button-fill-dark-primary-disabled: #bebebe;
2427
2455
  --wds-button-fill-dark-secondary: #ffffff;
2428
2456
  --wds-button-fill-dark-secondary-active: #000624;
@@ -3149,6 +3177,7 @@
3149
3177
  --wds-dropdown-list-paddings: 4px;
3150
3178
  --wds-editable-title-marker-fill: #868aa5;
3151
3179
  --wds-editable-title-marker-fill-active: #4a57ff;
3180
+ --wds-editable-title-marker-gap: 6px;
3152
3181
  --wds-editable-title-marker-line-style: dashed;
3153
3182
  --wds-editable-title-placeholder-fill: #cfd1dc;
3154
3183
  --wds-empty-state-border-radius: 4px;
@@ -3548,8 +3577,8 @@
3548
3577
  --wds-list-item-select-padding-horizontal-small: 12px;
3549
3578
  --wds-list-item-select-padding-left-medium: 12px;
3550
3579
  --wds-list-item-select-padding-left-small: 12px;
3551
- --wds-list-item-select-padding-right-medium: 16px;
3552
- --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;
3553
3582
  --wds-list-item-select-padding-vertical-medium: 6px;
3554
3583
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3555
3584
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -3559,8 +3588,10 @@
3559
3588
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
3560
3589
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3561
3590
  --wds-list-item-select-subtitle-font-size-medium: 12px;
3591
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
3562
3592
  --wds-list-item-select-suffix: #868aa5;
3563
3593
  --wds-list-item-select-suffix-active-font-weight: 400;
3594
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
3564
3595
  --wds-list-item-select-suffix-pressed: #868aa5;
3565
3596
  --wds-list-item-select-title: #000624;
3566
3597
  --wds-list-item-select-title-disabled: rgba(38, 37, 36, 0.3000);
@@ -3635,6 +3666,7 @@
3635
3666
  --wds-message-modal-close-button-icon-size: 12px;
3636
3667
  --wds-message-modal-close-button-size: 28px;
3637
3668
  --wds-message-modal-content-gap: 8px;
3669
+ --wds-message-modal-help-button-icon-size: 24px;
3638
3670
  --wds-message-modal-help-button-size: 28px;
3639
3671
  --wds-message-modal-illustration-content-gap: 24px;
3640
3672
  --wds-message-modal-illustration-margin-start: 16px;
@@ -3643,6 +3675,7 @@
3643
3675
  --wds-message-modal-padding-vertical: 20px;
3644
3676
  --wds-message-modal-text-font-line-height: 20px;
3645
3677
  --wds-message-modal-text-font-size: 14px;
3678
+ --wds-message-modal-text-font-weight: 500;
3646
3679
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3647
3680
  --wds-message-modal-title-font-line-height: 24px;
3648
3681
  --wds-message-modal-title-font-size: 16px;
@@ -3664,12 +3697,21 @@
3664
3697
  --wds-notification-padding-vertical: 8px;
3665
3698
  --wds-number-input-icon-fill: #595d70;
3666
3699
  --wds-page-header-back-button-gap: 8px;
3700
+ --wds-page-header-breadcrumbs-color: #000624;
3701
+ --wds-page-header-breadcrumbs-font-size: 14px;
3702
+ --wds-page-header-breadcrumbs-offset-large: 0px;
3703
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
3704
+ --wds-page-header-breadcrumbs-offset-small: 0px;
3705
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
3706
+ --wds-page-header-divider-color: #e2e3ea;
3667
3707
  --wds-page-header-padding-horizontal: 48px;
3668
3708
  --wds-page-header-padding-horizontal-small: 24px;
3669
3709
  --wds-page-header-padding-vertical: 24px;
3670
3710
  --wds-page-header-padding-vertical-small: 18px;
3671
3711
  --wds-page-header-subtitle-font-size: 16px;
3712
+ --wds-page-header-subtitle-gap: 0px;
3672
3713
  --wds-page-header-subtitle-line-height: 24px;
3714
+ --wds-page-header-subtitle-padding-start: 0px;
3673
3715
  --wds-page-header-title-actions-gap: 0px;
3674
3716
  --wds-page-header-title-font-size: 32px;
3675
3717
  --wds-page-header-title-font-weight: 700;
@@ -3814,6 +3856,7 @@
3814
3856
  --wds-select-area-fill-hover: #edeef2;
3815
3857
  --wds-select-area-padding-horizontal: 16px;
3816
3858
  --wds-select-area-padding-vertical: 12px;
3859
+ --wds-selectable-accordion-fill: #ffffff;
3817
3860
  --wds-selector-button-border-color: #dce2ff;
3818
3861
  --wds-selector-button-border-color-disabled: rgba(38, 37, 36, 0.1000);
3819
3862
  --wds-selector-button-border-color-hover: #eef0ff;
@@ -4380,6 +4423,7 @@
4380
4423
  --wds-tooltip-text-fill: #ffffff;
4381
4424
  --wds-top-banner-border-color: rgba(255, 255, 255, 0.0000);
4382
4425
  --wds-top-banner-border-radius: 0px;
4426
+ --wds-top-banner-content-color: #ffffff;
4383
4427
  --wds-top-banner-content-gap: 8px;
4384
4428
  --wds-top-banner-dismiss-gap: 8px;
4385
4429
  --wds-top-banner-fill: #c161f0;
package/wixel/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);
@@ -408,6 +414,7 @@
408
414
  @property st-global(--wds-dropdown-list-paddings);
409
415
  @property st-global(--wds-editable-title-marker-fill);
410
416
  @property st-global(--wds-editable-title-marker-fill-active);
417
+ @property st-global(--wds-editable-title-marker-gap);
411
418
  @property st-global(--wds-editable-title-marker-line-style);
412
419
  @property st-global(--wds-editable-title-placeholder-fill);
413
420
  @property st-global(--wds-empty-state-border-radius);
@@ -748,8 +755,10 @@
748
755
  @property st-global(--wds-list-item-select-subtitle-disabled);
749
756
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
750
757
  @property st-global(--wds-list-item-select-subtitle-font-size-medium);
758
+ @property st-global(--wds-list-item-select-subtitle-font-weight-medium);
751
759
  @property st-global(--wds-list-item-select-suffix);
752
760
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
761
+ @property st-global(--wds-list-item-select-suffix-font-line-height-small);
753
762
  @property st-global(--wds-list-item-select-suffix-pressed);
754
763
  @property st-global(--wds-list-item-select-title);
755
764
  @property st-global(--wds-list-item-select-title-disabled);
@@ -824,6 +833,7 @@
824
833
  @property st-global(--wds-message-modal-close-button-icon-size);
825
834
  @property st-global(--wds-message-modal-close-button-size);
826
835
  @property st-global(--wds-message-modal-content-gap);
836
+ @property st-global(--wds-message-modal-help-button-icon-size);
827
837
  @property st-global(--wds-message-modal-help-button-size);
828
838
  @property st-global(--wds-message-modal-illustration-content-gap);
829
839
  @property st-global(--wds-message-modal-illustration-margin-start);
@@ -832,6 +842,7 @@
832
842
  @property st-global(--wds-message-modal-padding-vertical);
833
843
  @property st-global(--wds-message-modal-text-font-line-height);
834
844
  @property st-global(--wds-message-modal-text-font-size);
845
+ @property st-global(--wds-message-modal-text-font-weight);
835
846
  @property st-global(--wds-message-modal-title-font-family);
836
847
  @property st-global(--wds-message-modal-title-font-line-height);
837
848
  @property st-global(--wds-message-modal-title-font-size);
@@ -853,12 +864,21 @@
853
864
  @property st-global(--wds-notification-padding-vertical);
854
865
  @property st-global(--wds-number-input-icon-fill);
855
866
  @property st-global(--wds-page-header-back-button-gap);
867
+ @property st-global(--wds-page-header-breadcrumbs-color);
868
+ @property st-global(--wds-page-header-breadcrumbs-font-size);
869
+ @property st-global(--wds-page-header-breadcrumbs-offset-large);
870
+ @property st-global(--wds-page-header-breadcrumbs-offset-medium);
871
+ @property st-global(--wds-page-header-breadcrumbs-offset-small);
872
+ @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
873
+ @property st-global(--wds-page-header-divider-color);
856
874
  @property st-global(--wds-page-header-padding-horizontal);
857
875
  @property st-global(--wds-page-header-padding-horizontal-small);
858
876
  @property st-global(--wds-page-header-padding-vertical);
859
877
  @property st-global(--wds-page-header-padding-vertical-small);
860
878
  @property st-global(--wds-page-header-subtitle-font-size);
879
+ @property st-global(--wds-page-header-subtitle-gap);
861
880
  @property st-global(--wds-page-header-subtitle-line-height);
881
+ @property st-global(--wds-page-header-subtitle-padding-start);
862
882
  @property st-global(--wds-page-header-title-actions-gap);
863
883
  @property st-global(--wds-page-header-title-font-size);
864
884
  @property st-global(--wds-page-header-title-font-weight);
@@ -1003,6 +1023,7 @@
1003
1023
  @property st-global(--wds-select-area-fill-hover);
1004
1024
  @property st-global(--wds-select-area-padding-horizontal);
1005
1025
  @property st-global(--wds-select-area-padding-vertical);
1026
+ @property st-global(--wds-selectable-accordion-fill);
1006
1027
  @property st-global(--wds-selector-button-border-color);
1007
1028
  @property st-global(--wds-selector-button-border-color-disabled);
1008
1029
  @property st-global(--wds-selector-button-border-color-hover);
@@ -1432,6 +1453,7 @@
1432
1453
  @property st-global(--wds-tooltip-text-fill);
1433
1454
  @property st-global(--wds-top-banner-border-color);
1434
1455
  @property st-global(--wds-top-banner-border-radius);
1456
+ @property st-global(--wds-top-banner-content-color);
1435
1457
  @property st-global(--wds-top-banner-content-gap);
1436
1458
  @property st-global(--wds-top-banner-dismiss-gap);
1437
1459
  @property st-global(--wds-top-banner-fill);
@@ -1534,6 +1556,7 @@
1534
1556
  --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset, 0 -22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
1535
1557
  --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(38, 37, 36, 0.1000) inset, 0 -8px 6px -6px rgba(38, 37, 36, 0.0500) inset;
1536
1558
  --wds-accordion-padding-horizontal-large: 24px;
1559
+ --wds-accordion-padding-horizontal-medium: 20px;
1537
1560
  --wds-accordion-title-fill: #000624;
1538
1561
  --wds-accordion-title-fill-hover: #4a57ff;
1539
1562
  --wds-accordion-title-font-line-height-medium: 20px;
@@ -1630,6 +1653,9 @@
1630
1653
  --wds-badge-size-medium: 24px;
1631
1654
  --wds-badge-size-small: 20px;
1632
1655
  --wds-badge-size-tiny: 16px;
1656
+ --wds-badge-solid-neutral-danger-label-color: #595d70;
1657
+ --wds-badge-solid-neutral-success-label-color: #595d70;
1658
+ --wds-badge-solid-warning-light-label-color: #595d70;
1633
1659
  --wds-breadcrumbs-border-radius: 2px;
1634
1660
  --wds-breadcrumbs-font-size-small: 12px;
1635
1661
  --wds-breadcrumbs-height-large: 36px;
@@ -1648,6 +1674,7 @@
1648
1674
  --wds-breadcrumbs-text-line-height-small: 16px;
1649
1675
  --wds-breadcrumbs-text-weight-default: 400;
1650
1676
  --wds-breadcrumbs-text-weight-selected: 700;
1677
+ --wds-button-border-ai-secondary-mask: none;
1651
1678
  --wds-button-border-dark-secondary: #868aa5;
1652
1679
  --wds-button-border-dark-secondary-active: #000624;
1653
1680
  --wds-button-border-dark-secondary-disabled: rgba(38, 37, 36, 0.1000);
@@ -1671,6 +1698,7 @@
1671
1698
  --wds-button-fill-ai-primary: #5a48f5;
1672
1699
  --wds-button-fill-ai-primary-active: #5a48f5;
1673
1700
  --wds-button-fill-ai-primary-hover: #4d3dd0;
1701
+ --wds-button-fill-ai-secondary: #ffffff;
1674
1702
  --wds-button-fill-dark-primary-disabled: #bebebe;
1675
1703
  --wds-button-fill-dark-secondary: #ffffff;
1676
1704
  --wds-button-fill-dark-secondary-active: #000624;
@@ -1930,6 +1958,7 @@
1930
1958
  --wds-dropdown-list-paddings: 4px;
1931
1959
  --wds-editable-title-marker-fill: #868aa5;
1932
1960
  --wds-editable-title-marker-fill-active: #4a57ff;
1961
+ --wds-editable-title-marker-gap: 6px;
1933
1962
  --wds-editable-title-marker-line-style: dashed;
1934
1963
  --wds-editable-title-placeholder-fill: #cfd1dc;
1935
1964
  --wds-empty-state-border-radius: 4px;
@@ -2259,8 +2288,8 @@
2259
2288
  --wds-list-item-select-padding-horizontal-small: 12px;
2260
2289
  --wds-list-item-select-padding-left-medium: 12px;
2261
2290
  --wds-list-item-select-padding-left-small: 12px;
2262
- --wds-list-item-select-padding-right-medium: 16px;
2263
- --wds-list-item-select-padding-right-small: 16px;
2291
+ --wds-list-item-select-padding-right-medium: 12px;
2292
+ --wds-list-item-select-padding-right-small: 12px;
2264
2293
  --wds-list-item-select-padding-vertical-medium: 6px;
2265
2294
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2266
2295
  --wds-list-item-select-padding-vertical-small: 6px;
@@ -2270,8 +2299,10 @@
2270
2299
  --wds-list-item-select-subtitle-disabled: rgba(38, 37, 36, 0.3000);
2271
2300
  --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2272
2301
  --wds-list-item-select-subtitle-font-size-medium: 12px;
2302
+ --wds-list-item-select-subtitle-font-weight-medium: 400;
2273
2303
  --wds-list-item-select-suffix: #868aa5;
2274
2304
  --wds-list-item-select-suffix-active-font-weight: 400;
2305
+ --wds-list-item-select-suffix-font-line-height-small: 16px;
2275
2306
  --wds-list-item-select-suffix-pressed: #868aa5;
2276
2307
  --wds-list-item-select-title: #000624;
2277
2308
  --wds-list-item-select-title-disabled: rgba(38, 37, 36, 0.3000);
@@ -2346,6 +2377,7 @@
2346
2377
  --wds-message-modal-close-button-icon-size: 12px;
2347
2378
  --wds-message-modal-close-button-size: 28px;
2348
2379
  --wds-message-modal-content-gap: 8px;
2380
+ --wds-message-modal-help-button-icon-size: 24px;
2349
2381
  --wds-message-modal-help-button-size: 28px;
2350
2382
  --wds-message-modal-illustration-content-gap: 24px;
2351
2383
  --wds-message-modal-illustration-margin-start: 16px;
@@ -2354,6 +2386,7 @@
2354
2386
  --wds-message-modal-padding-vertical: 20px;
2355
2387
  --wds-message-modal-text-font-line-height: 20px;
2356
2388
  --wds-message-modal-text-font-size: 14px;
2389
+ --wds-message-modal-text-font-weight: 500;
2357
2390
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2358
2391
  --wds-message-modal-title-font-line-height: 24px;
2359
2392
  --wds-message-modal-title-font-size: 16px;
@@ -2375,12 +2408,21 @@
2375
2408
  --wds-notification-padding-vertical: 8px;
2376
2409
  --wds-number-input-icon-fill: #595d70;
2377
2410
  --wds-page-header-back-button-gap: 8px;
2411
+ --wds-page-header-breadcrumbs-color: #000624;
2412
+ --wds-page-header-breadcrumbs-font-size: 14px;
2413
+ --wds-page-header-breadcrumbs-offset-large: 0px;
2414
+ --wds-page-header-breadcrumbs-offset-medium: 0px;
2415
+ --wds-page-header-breadcrumbs-offset-small: 0px;
2416
+ --wds-page-header-breadcrumbs-selected-font-weight: 700;
2417
+ --wds-page-header-divider-color: #e2e3ea;
2378
2418
  --wds-page-header-padding-horizontal: 48px;
2379
2419
  --wds-page-header-padding-horizontal-small: 24px;
2380
2420
  --wds-page-header-padding-vertical: 24px;
2381
2421
  --wds-page-header-padding-vertical-small: 18px;
2382
2422
  --wds-page-header-subtitle-font-size: 16px;
2423
+ --wds-page-header-subtitle-gap: 0px;
2383
2424
  --wds-page-header-subtitle-line-height: 24px;
2425
+ --wds-page-header-subtitle-padding-start: 0px;
2384
2426
  --wds-page-header-title-actions-gap: 0px;
2385
2427
  --wds-page-header-title-font-size: 32px;
2386
2428
  --wds-page-header-title-font-weight: 700;
@@ -2525,6 +2567,7 @@
2525
2567
  --wds-select-area-fill-hover: #edeef2;
2526
2568
  --wds-select-area-padding-horizontal: 16px;
2527
2569
  --wds-select-area-padding-vertical: 12px;
2570
+ --wds-selectable-accordion-fill: #ffffff;
2528
2571
  --wds-selector-button-border-color: #dce2ff;
2529
2572
  --wds-selector-button-border-color-disabled: rgba(38, 37, 36, 0.1000);
2530
2573
  --wds-selector-button-border-color-hover: #eef0ff;
@@ -2954,6 +2997,7 @@
2954
2997
  --wds-tooltip-text-fill: #ffffff;
2955
2998
  --wds-top-banner-border-color: rgba(255, 255, 255, 0.0000);
2956
2999
  --wds-top-banner-border-radius: 0px;
3000
+ --wds-top-banner-content-color: #ffffff;
2957
3001
  --wds-top-banner-content-gap: 8px;
2958
3002
  --wds-top-banner-dismiss-gap: 8px;
2959
3003
  --wds-top-banner-fill: #c161f0;