@wix/design-system-tokens 1.212.0 → 1.213.0

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 (25) hide show
  1. package/CHANGELOG.md +23 -0
  2. package/all.css +78 -3
  3. package/all.scss +78 -3
  4. package/all.st.css +153 -3
  5. package/component.st.css +153 -3
  6. package/odeditor/all.css +127 -42
  7. package/odeditor/all.scss +127 -42
  8. package/odeditor/all.st.css +213 -43
  9. package/odeditor/component.st.css +201 -31
  10. package/odeditor/foundation.st.css +1 -1
  11. package/odeditor/semantic.st.css +11 -11
  12. package/odeditor-dark/all.css +99 -18
  13. package/odeditor-dark/all.scss +99 -18
  14. package/odeditor-dark/all.st.css +182 -20
  15. package/odeditor-dark/component.st.css +173 -11
  16. package/odeditor-dark/semantic.st.css +9 -9
  17. package/package.json +2 -2
  18. package/studio/all.css +67 -0
  19. package/studio/all.scss +67 -0
  20. package/studio/all.st.css +134 -0
  21. package/studio/component.st.css +134 -0
  22. package/wixel/all.css +67 -0
  23. package/wixel/all.scss +67 -0
  24. package/wixel/all.st.css +134 -0
  25. package/wixel/component.st.css +134 -0
package/all.st.css CHANGED
@@ -48,13 +48,24 @@
48
48
  @property st-global(--wds-angle-input-ring-border);
49
49
  @property st-global(--wds-announcement-modal-actions-padding);
50
50
  @property st-global(--wds-announcement-modal-border-radius);
51
+ @property st-global(--wds-announcement-modal-close-button-fill);
52
+ @property st-global(--wds-announcement-modal-close-button-icon-size);
53
+ @property st-global(--wds-announcement-modal-close-button-size);
51
54
  @property st-global(--wds-announcement-modal-content-gap);
55
+ @property st-global(--wds-announcement-modal-footnote-content-alignment);
56
+ @property st-global(--wds-announcement-modal-help-button-fill);
57
+ @property st-global(--wds-announcement-modal-help-button-icon-size);
58
+ @property st-global(--wds-announcement-modal-help-button-size);
52
59
  @property st-global(--wds-announcement-modal-padding-horizontal);
53
60
  @property st-global(--wds-announcement-modal-padding-vertical);
54
61
  @property st-global(--wds-announcement-modal-text-font-line-height);
55
62
  @property st-global(--wds-announcement-modal-text-font-size);
56
63
  @property st-global(--wds-announcement-modal-title-font-line-height);
57
64
  @property st-global(--wds-announcement-modal-title-font-size);
65
+ @property st-global(--wds-announcement-modal-title-font-weight);
66
+ @property st-global(--wds-announcement-modal-top-controls-gap);
67
+ @property st-global(--wds-announcement-modal-top-controls-padding-end);
68
+ @property st-global(--wds-announcement-modal-top-controls-padding-top);
58
69
  @property st-global(--wds-avatar-group-gap-condensed);
59
70
  @property st-global(--wds-avatar-group-gap-default);
60
71
  @property st-global(--wds-avatar-text-fill);
@@ -131,7 +142,11 @@
131
142
  @property st-global(--wds-border-width-varied);
132
143
  @property st-global(--wds-border-width-varied-secondary);
133
144
  @property st-global(--wds-breadcrumbs-border-radius);
145
+ @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
134
146
  @property st-global(--wds-breadcrumbs-font-size-small);
147
+ @property st-global(--wds-breadcrumbs-height-large);
148
+ @property st-global(--wds-breadcrumbs-height-medium);
149
+ @property st-global(--wds-breadcrumbs-height-small);
135
150
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
136
151
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
137
152
  @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
@@ -271,12 +286,17 @@
271
286
  @property st-global(--wds-button-text-hover);
272
287
  @property st-global(--wds-button-text-standard-primary);
273
288
  @property st-global(--wds-button-text-standard-primary-hover);
289
+ @property st-global(--wds-card-base-shadow);
274
290
  @property st-global(--wds-card-border);
275
291
  @property st-global(--wds-card-border-radius);
276
292
  @property st-global(--wds-card-content-padding-large);
277
293
  @property st-global(--wds-card-content-padding-medium);
294
+ @property st-global(--wds-card-content-padding-medium-bottom);
295
+ @property st-global(--wds-card-content-padding-medium-horizontal);
296
+ @property st-global(--wds-card-content-padding-medium-top);
278
297
  @property st-global(--wds-card-content-paddings-horizontal);
279
298
  @property st-global(--wds-card-content-paddings-vertical);
299
+ @property st-global(--wds-card-divider-opacity);
280
300
  @property st-global(--wds-card-gallery-item-border-radius-0);
281
301
  @property st-global(--wds-card-gallery-item-border-radius-100);
282
302
  @property st-global(--wds-card-gallery-item-buttons-gap);
@@ -292,13 +312,16 @@
292
312
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
293
313
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
294
314
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
315
+ @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
295
316
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
296
317
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
297
318
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
319
+ @property st-global(--wds-card-gallery-item-title-font-weight-medium);
298
320
  @property st-global(--wds-card-header-divider-width);
299
321
  @property st-global(--wds-card-header-padding-horizontal);
300
322
  @property st-global(--wds-card-header-padding-vertical);
301
323
  @property st-global(--wds-card-header-title-subtitle-gap);
324
+ @property st-global(--wds-card-shadow);
302
325
  @property st-global(--wds-card-subtitle-color);
303
326
  @property st-global(--wds-card-subtitle-font-size);
304
327
  @property st-global(--wds-card-subtitle-line-height);
@@ -884,6 +907,7 @@
884
907
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
885
908
  @property st-global(--wds-custom-modal-footnote-text-font-line-height);
886
909
  @property st-global(--wds-custom-modal-footnote-text-font-size);
910
+ @property st-global(--wds-custom-modal-footnote-text-font-weight);
887
911
  @property st-global(--wds-custom-modal-header-padding-left);
888
912
  @property st-global(--wds-custom-modal-header-padding-right);
889
913
  @property st-global(--wds-custom-modal-header-padding-vertical);
@@ -910,6 +934,10 @@
910
934
  @property st-global(--wds-dropdown-layout-option-size-big);
911
935
  @property st-global(--wds-dropdown-layout-option-size-small);
912
936
  @property st-global(--wds-dropdown-list-paddings);
937
+ @property st-global(--wds-editable-title-marker-fill);
938
+ @property st-global(--wds-editable-title-marker-fill-active);
939
+ @property st-global(--wds-editable-title-marker-line-style);
940
+ @property st-global(--wds-editable-title-placeholder-fill);
913
941
  @property st-global(--wds-empty-state-border-radius);
914
942
  @property st-global(--wds-empty-state-page-content-paddings);
915
943
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -1310,6 +1338,7 @@
1310
1338
  @property st-global(--wds-list-item-select-label-font-size-small);
1311
1339
  @property st-global(--wds-list-item-select-label-font-weight-active);
1312
1340
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1341
+ @property st-global(--wds-list-item-select-min-height-medium);
1313
1342
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1314
1343
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1315
1344
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1396,7 +1425,14 @@
1396
1425
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1397
1426
  @property st-global(--wds-marketing-page-paddings-vertical-large);
1398
1427
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
1428
+ @property st-global(--wds-message-modal-close-button-fill);
1429
+ @property st-global(--wds-message-modal-close-button-icon-size);
1430
+ @property st-global(--wds-message-modal-close-button-size);
1399
1431
  @property st-global(--wds-message-modal-content-gap);
1432
+ @property st-global(--wds-message-modal-help-button-size);
1433
+ @property st-global(--wds-message-modal-illustration-content-gap);
1434
+ @property st-global(--wds-message-modal-illustration-margin-start);
1435
+ @property st-global(--wds-message-modal-illustration-margin-top);
1400
1436
  @property st-global(--wds-message-modal-padding-horizontal);
1401
1437
  @property st-global(--wds-message-modal-padding-vertical);
1402
1438
  @property st-global(--wds-message-modal-text-font-line-height);
@@ -1404,6 +1440,7 @@
1404
1440
  @property st-global(--wds-message-modal-title-font-family);
1405
1441
  @property st-global(--wds-message-modal-title-font-line-height);
1406
1442
  @property st-global(--wds-message-modal-title-font-size);
1443
+ @property st-global(--wds-message-modal-top-controls-gap);
1407
1444
  @property st-global(--wds-message-modal-top-controls-paddings);
1408
1445
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
1409
1446
  @property st-global(--wds-mobile-modal-content-padding-vertical);
@@ -1420,10 +1457,21 @@
1420
1457
  @property st-global(--wds-notification-padding-horizontal);
1421
1458
  @property st-global(--wds-notification-padding-vertical);
1422
1459
  @property st-global(--wds-number-input-icon-fill);
1460
+ @property st-global(--wds-page-header-back-button-gap);
1423
1461
  @property st-global(--wds-page-header-padding-horizontal);
1424
1462
  @property st-global(--wds-page-header-padding-horizontal-small);
1425
1463
  @property st-global(--wds-page-header-padding-vertical);
1426
1464
  @property st-global(--wds-page-header-padding-vertical-small);
1465
+ @property st-global(--wds-page-header-subtitle-font-size);
1466
+ @property st-global(--wds-page-header-subtitle-line-height);
1467
+ @property st-global(--wds-page-header-title-actions-gap);
1468
+ @property st-global(--wds-page-header-title-font-size);
1469
+ @property st-global(--wds-page-header-title-font-weight);
1470
+ @property st-global(--wds-page-header-title-line-height);
1471
+ @property st-global(--wds-page-header-title-minimised-font-size);
1472
+ @property st-global(--wds-page-header-title-minimised-font-weight);
1473
+ @property st-global(--wds-page-header-title-minimised-letter-spacing);
1474
+ @property st-global(--wds-page-header-title-minimised-line-height);
1427
1475
  @property st-global(--wds-pagination-arrow-fill);
1428
1476
  @property st-global(--wds-pagination-fill);
1429
1477
  @property st-global(--wds-pagination-fill-active);
@@ -1485,7 +1533,10 @@
1485
1533
  @property st-global(--wds-search-expandable-padding-large);
1486
1534
  @property st-global(--wds-search-expandable-padding-medium);
1487
1535
  @property st-global(--wds-search-expandable-padding-small);
1536
+ @property st-global(--wds-section-header-border-light);
1537
+ @property st-global(--wds-section-header-fill-light);
1488
1538
  @property st-global(--wds-section-header-fill-neutral);
1539
+ @property st-global(--wds-section-header-fill-standard);
1489
1540
  @property st-global(--wds-section-header-font-weight);
1490
1541
  @property st-global(--wds-section-header-label-fill-neutral);
1491
1542
  @property st-global(--wds-section-header-label-font-size-medium);
@@ -1729,12 +1780,18 @@
1729
1780
  @property st-global(--wds-side-panel-footer-padding-vertical);
1730
1781
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
1731
1782
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1783
+ @property st-global(--wds-side-panel-header-content-padding-right);
1732
1784
  @property st-global(--wds-side-panel-header-divider-height);
1733
1785
  @property st-global(--wds-side-panel-header-padding-left);
1734
1786
  @property st-global(--wds-side-panel-header-padding-right);
1735
1787
  @property st-global(--wds-side-panel-header-padding-vertical);
1788
+ @property st-global(--wds-side-panel-standard-corner-radius);
1789
+ @property st-global(--wds-side-panel-standard-overflow);
1790
+ @property st-global(--wds-side-panel-standard-shadow);
1791
+ @property st-global(--wds-side-panel-subtitle-fill);
1736
1792
  @property st-global(--wds-side-panel-subtitle-font-line-height);
1737
1793
  @property st-global(--wds-side-panel-subtitle-font-size);
1794
+ @property st-global(--wds-side-panel-subtitle-font-weight);
1738
1795
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1739
1796
  @property st-global(--wds-side-panel-title-font-line-height);
1740
1797
  @property st-global(--wds-side-panel-title-font-size);
@@ -1894,8 +1951,17 @@
1894
1951
  @property st-global(--wds-swatches-swatch-size-medium);
1895
1952
  @property st-global(--wds-swatches-swatch-size-small);
1896
1953
  @property st-global(--wds-swatches-swatch-size-tiny);
1954
+ @property st-global(--wds-table-action-cell-primary-action-gap-medium);
1955
+ @property st-global(--wds-table-action-cell-primary-action-gap-small);
1956
+ @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
1957
+ @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1958
+ @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1959
+ @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1897
1960
  @property st-global(--wds-table-list-item-border-color);
1898
1961
  @property st-global(--wds-table-list-item-border-radius);
1962
+ @property st-global(--wds-table-list-item-checkbox-offset);
1963
+ @property st-global(--wds-table-list-item-controls-gap-medium);
1964
+ @property st-global(--wds-table-list-item-controls-padding-medium);
1899
1965
  @property st-global(--wds-table-list-item-drag-handle-color);
1900
1966
  @property st-global(--wds-table-list-item-fill);
1901
1967
  @property st-global(--wds-table-list-item-fill-active);
@@ -1940,6 +2006,7 @@
1940
2006
  @property st-global(--wds-tag-border-radius-tiny);
1941
2007
  @property st-global(--wds-tag-label-font-line-height-small);
1942
2008
  @property st-global(--wds-tag-label-font-size-small);
2009
+ @property st-global(--wds-tag-list-action-gap);
1943
2010
  @property st-global(--wds-tag-padding-horizontal-large);
1944
2011
  @property st-global(--wds-tag-padding-horizontal-medium);
1945
2012
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2136,7 +2203,15 @@
2136
2203
  @property st-global(--wds-tooltip-padding-vertical-medium);
2137
2204
  @property st-global(--wds-tooltip-padding-vertical-small);
2138
2205
  @property st-global(--wds-tooltip-text-fill);
2206
+ @property st-global(--wds-top-banner-border-color);
2207
+ @property st-global(--wds-top-banner-border-radius);
2208
+ @property st-global(--wds-top-banner-content-gap);
2209
+ @property st-global(--wds-top-banner-dismiss-gap);
2139
2210
  @property st-global(--wds-top-banner-fill);
2211
+ @property st-global(--wds-top-banner-padding-horizontal-end);
2212
+ @property st-global(--wds-top-banner-padding-horizontal-start);
2213
+ @property st-global(--wds-top-banner-padding-vertical);
2214
+ @property st-global(--wds-top-banner-shadow);
2140
2215
  @property st-global(--wds-variable-input-padding-vertical-small);
2141
2216
  @property st-global(--wds-variable-input-padding-vertical-tiny);
2142
2217
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
@@ -2270,13 +2345,24 @@
2270
2345
  --wds-angle-input-ring-border: #dfe5eb;
2271
2346
  --wds-announcement-modal-actions-padding: 42px;
2272
2347
  --wds-announcement-modal-border-radius: 8px;
2348
+ --wds-announcement-modal-close-button-fill: transparent;
2349
+ --wds-announcement-modal-close-button-icon-size: 12px;
2350
+ --wds-announcement-modal-close-button-size: 30px;
2273
2351
  --wds-announcement-modal-content-gap: 12px;
2352
+ --wds-announcement-modal-footnote-content-alignment: center;
2353
+ --wds-announcement-modal-help-button-fill: transparent;
2354
+ --wds-announcement-modal-help-button-icon-size: 24px;
2355
+ --wds-announcement-modal-help-button-size: 30px;
2274
2356
  --wds-announcement-modal-padding-horizontal: 78px;
2275
2357
  --wds-announcement-modal-padding-vertical: 48px;
2276
- --wds-announcement-modal-text-font-line-height: 36px;
2277
- --wds-announcement-modal-text-font-size: 16px;
2358
+ --wds-announcement-modal-text-font-line-height: 18px;
2359
+ --wds-announcement-modal-text-font-size: 14px;
2278
2360
  --wds-announcement-modal-title-font-line-height: 36px;
2279
2361
  --wds-announcement-modal-title-font-size: 28px;
2362
+ --wds-announcement-modal-title-font-weight: 700;
2363
+ --wds-announcement-modal-top-controls-gap: 3px;
2364
+ --wds-announcement-modal-top-controls-padding-end: 12px;
2365
+ --wds-announcement-modal-top-controls-padding-top: 18px;
2280
2366
  --wds-avatar-group-gap-condensed: -3px;
2281
2367
  --wds-avatar-group-gap-default: 6px;
2282
2368
  --wds-avatar-text-fill: #ffffff;
@@ -2353,7 +2439,11 @@
2353
2439
  --wds-border-width-varied: 1px;
2354
2440
  --wds-border-width-varied-secondary: 0px;
2355
2441
  --wds-breadcrumbs-border-radius: 1000px;
2442
+ --wds-breadcrumbs-divider-margin-horizontal: 8px;
2356
2443
  --wds-breadcrumbs-font-size-small: 14px;
2444
+ --wds-breadcrumbs-height-large: 36px;
2445
+ --wds-breadcrumbs-height-medium: 30px;
2446
+ --wds-breadcrumbs-height-small: 24px;
2357
2447
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2358
2448
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2359
2449
  --wds-breadcrumbs-on-grey-text-fill-active: #000624;
@@ -2493,12 +2583,17 @@
2493
2583
  --wds-button-text-hover: #ffffff;
2494
2584
  --wds-button-text-standard-primary: #000624;
2495
2585
  --wds-button-text-standard-primary-hover: #000624;
2586
+ --wds-card-base-shadow: none;
2496
2587
  --wds-card-border: 8px;
2497
2588
  --wds-card-border-radius: 8px;
2498
2589
  --wds-card-content-padding-large: 36px;
2499
2590
  --wds-card-content-padding-medium: 24px;
2591
+ --wds-card-content-padding-medium-bottom: 24px;
2592
+ --wds-card-content-padding-medium-horizontal: 24px;
2593
+ --wds-card-content-padding-medium-top: 24px;
2500
2594
  --wds-card-content-paddings-horizontal: 24px;
2501
2595
  --wds-card-content-paddings-vertical: 18px;
2596
+ --wds-card-divider-opacity: 1;
2502
2597
  --wds-card-gallery-item-border-radius-0: 0px;
2503
2598
  --wds-card-gallery-item-border-radius-100: 8px;
2504
2599
  --wds-card-gallery-item-buttons-gap: 6px;
@@ -2514,13 +2609,16 @@
2514
2609
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2515
2610
  --wds-card-gallery-item-padding-vertical-small: 12px;
2516
2611
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2612
+ --wds-card-gallery-item-subtitle-side-font-size-medium: 12px;
2517
2613
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
2518
2614
  --wds-card-gallery-item-title-font-line-height-small: 18px;
2519
- --wds-card-gallery-item-title-font-size-medium: 18px;
2615
+ --wds-card-gallery-item-title-font-size-medium: 14px;
2616
+ --wds-card-gallery-item-title-font-weight-medium: 500;
2520
2617
  --wds-card-header-divider-width: 0px;
2521
2618
  --wds-card-header-padding-horizontal: 24px;
2522
2619
  --wds-card-header-padding-vertical: 18px;
2523
2620
  --wds-card-header-title-subtitle-gap: 0px;
2621
+ --wds-card-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2524
2622
  --wds-card-subtitle-color: #44485f;
2525
2623
  --wds-card-subtitle-font-size: 16px;
2526
2624
  --wds-card-subtitle-line-height: 24px;
@@ -3106,6 +3204,7 @@
3106
3204
  --wds-custom-modal-footnote-padding-vertical: 12px;
3107
3205
  --wds-custom-modal-footnote-text-font-line-height: 18px;
3108
3206
  --wds-custom-modal-footnote-text-font-size: 14px;
3207
+ --wds-custom-modal-footnote-text-font-weight: 400;
3109
3208
  --wds-custom-modal-header-padding-left: 24px;
3110
3209
  --wds-custom-modal-header-padding-right: 12px;
3111
3210
  --wds-custom-modal-header-padding-vertical: 18px;
@@ -3132,6 +3231,10 @@
3132
3231
  --wds-dropdown-layout-option-size-big: 48px;
3133
3232
  --wds-dropdown-layout-option-size-small: 36px;
3134
3233
  --wds-dropdown-list-paddings: 0px;
3234
+ --wds-editable-title-marker-fill: #868aa5;
3235
+ --wds-editable-title-marker-fill-active: #116dff;
3236
+ --wds-editable-title-marker-line-style: dashed;
3237
+ --wds-editable-title-placeholder-fill: #cfd1dc;
3135
3238
  --wds-empty-state-border-radius: 8px;
3136
3239
  --wds-empty-state-page-content-paddings: 18px;
3137
3240
  --wds-empty-state-section-content-paddings: 15px;
@@ -3532,6 +3635,7 @@
3532
3635
  --wds-list-item-select-label-font-size-small: 14px;
3533
3636
  --wds-list-item-select-label-font-weight-active: 400;
3534
3637
  --wds-list-item-select-label-font-weight-medium: 400;
3638
+ --wds-list-item-select-min-height-medium: auto;
3535
3639
  --wds-list-item-select-padding-horizontal-medium: 18px;
3536
3640
  --wds-list-item-select-padding-horizontal-small: 18px;
3537
3641
  --wds-list-item-select-padding-left-medium: 18px;
@@ -3618,7 +3722,14 @@
3618
3722
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3619
3723
  --wds-marketing-page-paddings-vertical-large: 48px;
3620
3724
  --wds-marketing-page-paddings-vertical-medium: 30px;
3725
+ --wds-message-modal-close-button-fill: transparent;
3726
+ --wds-message-modal-close-button-icon-size: 12px;
3727
+ --wds-message-modal-close-button-size: 30px;
3621
3728
  --wds-message-modal-content-gap: 12px;
3729
+ --wds-message-modal-help-button-size: 30px;
3730
+ --wds-message-modal-illustration-content-gap: 24px;
3731
+ --wds-message-modal-illustration-margin-start: 24px;
3732
+ --wds-message-modal-illustration-margin-top: 18px;
3622
3733
  --wds-message-modal-padding-horizontal: 24px;
3623
3734
  --wds-message-modal-padding-vertical: 24px;
3624
3735
  --wds-message-modal-text-font-line-height: 24px;
@@ -3626,6 +3737,7 @@
3626
3737
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3627
3738
  --wds-message-modal-title-font-line-height: 28px;
3628
3739
  --wds-message-modal-title-font-size: 21px;
3740
+ --wds-message-modal-top-controls-gap: 3px;
3629
3741
  --wds-message-modal-top-controls-paddings: 6px;
3630
3742
  --wds-mobile-modal-content-padding-horizontal: 24px;
3631
3743
  --wds-mobile-modal-content-padding-vertical: 24px;
@@ -3642,10 +3754,21 @@
3642
3754
  --wds-notification-padding-horizontal: 12px;
3643
3755
  --wds-notification-padding-vertical: 9px;
3644
3756
  --wds-number-input-icon-fill: #116dff;
3757
+ --wds-page-header-back-button-gap: 8px;
3645
3758
  --wds-page-header-padding-horizontal: 48px;
3646
3759
  --wds-page-header-padding-horizontal-small: 24px;
3647
3760
  --wds-page-header-padding-vertical: 24px;
3648
3761
  --wds-page-header-padding-vertical-small: 18px;
3762
+ --wds-page-header-subtitle-font-size: 16px;
3763
+ --wds-page-header-subtitle-line-height: 24px;
3764
+ --wds-page-header-title-actions-gap: 0px;
3765
+ --wds-page-header-title-font-size: 28px;
3766
+ --wds-page-header-title-font-weight: 700;
3767
+ --wds-page-header-title-line-height: 36px;
3768
+ --wds-page-header-title-minimised-font-size: 14px;
3769
+ --wds-page-header-title-minimised-font-weight: 500;
3770
+ --wds-page-header-title-minimised-letter-spacing: 0px;
3771
+ --wds-page-header-title-minimised-line-height: 30px;
3649
3772
  --wds-pagination-arrow-fill: #116dff;
3650
3773
  --wds-pagination-fill: #ffffff;
3651
3774
  --wds-pagination-fill-active: #116dff;
@@ -3707,7 +3830,10 @@
3707
3830
  --wds-search-expandable-padding-large: 9px;
3708
3831
  --wds-search-expandable-padding-medium: 6px;
3709
3832
  --wds-search-expandable-padding-small: 5px;
3833
+ --wds-section-header-border-light: #dfe5eb;
3834
+ --wds-section-header-fill-light: #ffffff;
3710
3835
  --wds-section-header-fill-neutral: #f6f7f9;
3836
+ --wds-section-header-fill-standard: #e7f0ff;
3711
3837
  --wds-section-header-font-weight: 400;
3712
3838
  --wds-section-header-label-fill-neutral: #000624;
3713
3839
  --wds-section-header-label-font-size-medium: 16px;
@@ -3951,12 +4077,18 @@
3951
4077
  --wds-side-panel-footer-padding-vertical: 18px;
3952
4078
  --wds-side-panel-footnote-padding-horizontal: 24px;
3953
4079
  --wds-side-panel-footnote-padding-vertical: 12px;
4080
+ --wds-side-panel-header-content-padding-right: 0px;
3954
4081
  --wds-side-panel-header-divider-height: 1px;
3955
4082
  --wds-side-panel-header-padding-left: 24px;
3956
4083
  --wds-side-panel-header-padding-right: 9px;
3957
4084
  --wds-side-panel-header-padding-vertical: 18px;
4085
+ --wds-side-panel-standard-corner-radius: 0px;
4086
+ --wds-side-panel-standard-overflow: visible;
4087
+ --wds-side-panel-standard-shadow: none;
4088
+ --wds-side-panel-subtitle-fill: #44485f;
3958
4089
  --wds-side-panel-subtitle-font-line-height: 24px;
3959
4090
  --wds-side-panel-subtitle-font-size: 16px;
4091
+ --wds-side-panel-subtitle-font-weight: 400;
3960
4092
  --wds-side-panel-title-font-letter-spacing: 0px;
3961
4093
  --wds-side-panel-title-font-line-height: 24px;
3962
4094
  --wds-side-panel-title-font-size: 18px;
@@ -4116,8 +4248,17 @@
4116
4248
  --wds-swatches-swatch-size-medium: 36px;
4117
4249
  --wds-swatches-swatch-size-small: 30px;
4118
4250
  --wds-swatches-swatch-size-tiny: 24px;
4251
+ --wds-table-action-cell-primary-action-gap-medium: 12px;
4252
+ --wds-table-action-cell-primary-action-gap-small: 12px;
4253
+ --wds-table-action-cell-primary-action-gap-tiny: 6px;
4254
+ --wds-table-action-cell-secondary-action-gap-medium: 12px;
4255
+ --wds-table-action-cell-secondary-action-gap-small: 12px;
4256
+ --wds-table-action-cell-secondary-action-gap-tiny: 6px;
4119
4257
  --wds-table-list-item-border-color: #d6e6fe;
4120
4258
  --wds-table-list-item-border-radius: 0px;
4259
+ --wds-table-list-item-checkbox-offset: 0px;
4260
+ --wds-table-list-item-controls-gap-medium: 12px;
4261
+ --wds-table-list-item-controls-padding-medium: 18px;
4121
4262
  --wds-table-list-item-drag-handle-color: #116dff;
4122
4263
  --wds-table-list-item-fill: #ffffff;
4123
4264
  --wds-table-list-item-fill-active: #d6e6fe;
@@ -4162,6 +4303,7 @@
4162
4303
  --wds-tag-border-radius-tiny: 1000px;
4163
4304
  --wds-tag-label-font-line-height-small: 18px;
4164
4305
  --wds-tag-label-font-size-small: 14px;
4306
+ --wds-tag-list-action-gap: 6px;
4165
4307
  --wds-tag-padding-horizontal-large: 18px;
4166
4308
  --wds-tag-padding-horizontal-medium: 12px;
4167
4309
  --wds-tag-padding-horizontal-small: 12px;
@@ -4358,7 +4500,15 @@
4358
4500
  --wds-tooltip-padding-vertical-medium: 12px;
4359
4501
  --wds-tooltip-padding-vertical-small: 6px;
4360
4502
  --wds-tooltip-text-fill: #ffffff;
4503
+ --wds-top-banner-border-color: rgba(255, 255, 255, 0);
4504
+ --wds-top-banner-border-radius: 0px;
4505
+ --wds-top-banner-content-gap: 12px;
4506
+ --wds-top-banner-dismiss-gap: 12px;
4361
4507
  --wds-top-banner-fill: #c161f0;
4508
+ --wds-top-banner-padding-horizontal-end: 12px;
4509
+ --wds-top-banner-padding-horizontal-start: 12px;
4510
+ --wds-top-banner-padding-vertical: 9px;
4511
+ --wds-top-banner-shadow: 0 0 0 transparent;
4362
4512
  --wds-variable-input-padding-vertical-small: 6px;
4363
4513
  --wds-variable-input-padding-vertical-tiny: 3px;
4364
4514
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;