@wix/design-system-tokens 1.211.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 +35 -0
  2. package/all.css +133 -3
  3. package/all.scss +133 -3
  4. package/all.st.css +263 -3
  5. package/component.st.css +263 -3
  6. package/odeditor/all.css +211 -59
  7. package/odeditor/all.scss +210 -58
  8. package/odeditor/all.st.css +363 -59
  9. package/odeditor/component.st.css +351 -47
  10. package/odeditor/foundation.st.css +1 -1
  11. package/odeditor/semantic.st.css +11 -11
  12. package/odeditor-dark/all.css +171 -33
  13. package/odeditor-dark/all.scss +171 -33
  14. package/odeditor-dark/all.st.css +308 -32
  15. package/odeditor-dark/component.st.css +297 -21
  16. package/odeditor-dark/semantic.st.css +11 -11
  17. package/package.json +6 -2
  18. package/studio/all.css +123 -1
  19. package/studio/all.scss +123 -1
  20. package/studio/all.st.css +245 -1
  21. package/studio/component.st.css +245 -1
  22. package/wixel/all.css +122 -0
  23. package/wixel/all.scss +122 -0
  24. package/wixel/all.st.css +244 -0
  25. package/wixel/component.st.css +244 -0
package/all.st.css CHANGED
@@ -6,7 +6,12 @@
6
6
  @property st-global(--wds-accordion-caret-fill);
7
7
  @property st-global(--wds-accordion-caret-fill-hover);
8
8
  @property st-global(--wds-accordion-inner-content-fill);
9
+ @property st-global(--wds-accordion-inner-content-padding-bottom);
9
10
  @property st-global(--wds-accordion-inner-content-padding-top);
11
+ @property st-global(--wds-accordion-inner-content-padding-top-flat);
12
+ @property st-global(--wds-accordion-inner-content-shadow);
13
+ @property st-global(--wds-accordion-inner-content-shadow-last);
14
+ @property st-global(--wds-accordion-padding-horizontal-large);
10
15
  @property st-global(--wds-accordion-title-fill);
11
16
  @property st-global(--wds-accordion-title-fill-hover);
12
17
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -43,13 +48,24 @@
43
48
  @property st-global(--wds-angle-input-ring-border);
44
49
  @property st-global(--wds-announcement-modal-actions-padding);
45
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);
46
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);
47
59
  @property st-global(--wds-announcement-modal-padding-horizontal);
48
60
  @property st-global(--wds-announcement-modal-padding-vertical);
49
61
  @property st-global(--wds-announcement-modal-text-font-line-height);
50
62
  @property st-global(--wds-announcement-modal-text-font-size);
51
63
  @property st-global(--wds-announcement-modal-title-font-line-height);
52
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);
53
69
  @property st-global(--wds-avatar-group-gap-condensed);
54
70
  @property st-global(--wds-avatar-group-gap-default);
55
71
  @property st-global(--wds-avatar-text-fill);
@@ -126,7 +142,11 @@
126
142
  @property st-global(--wds-border-width-varied);
127
143
  @property st-global(--wds-border-width-varied-secondary);
128
144
  @property st-global(--wds-breadcrumbs-border-radius);
145
+ @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
129
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);
130
150
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
131
151
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
132
152
  @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
@@ -266,12 +286,17 @@
266
286
  @property st-global(--wds-button-text-hover);
267
287
  @property st-global(--wds-button-text-standard-primary);
268
288
  @property st-global(--wds-button-text-standard-primary-hover);
289
+ @property st-global(--wds-card-base-shadow);
269
290
  @property st-global(--wds-card-border);
270
291
  @property st-global(--wds-card-border-radius);
271
292
  @property st-global(--wds-card-content-padding-large);
272
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);
273
297
  @property st-global(--wds-card-content-paddings-horizontal);
274
298
  @property st-global(--wds-card-content-paddings-vertical);
299
+ @property st-global(--wds-card-divider-opacity);
275
300
  @property st-global(--wds-card-gallery-item-border-radius-0);
276
301
  @property st-global(--wds-card-gallery-item-border-radius-100);
277
302
  @property st-global(--wds-card-gallery-item-buttons-gap);
@@ -287,13 +312,16 @@
287
312
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
288
313
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
289
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);
290
316
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
291
317
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
292
318
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
319
+ @property st-global(--wds-card-gallery-item-title-font-weight-medium);
293
320
  @property st-global(--wds-card-header-divider-width);
294
321
  @property st-global(--wds-card-header-padding-horizontal);
295
322
  @property st-global(--wds-card-header-padding-vertical);
296
323
  @property st-global(--wds-card-header-title-subtitle-gap);
324
+ @property st-global(--wds-card-shadow);
297
325
  @property st-global(--wds-card-subtitle-color);
298
326
  @property st-global(--wds-card-subtitle-font-size);
299
327
  @property st-global(--wds-card-subtitle-line-height);
@@ -879,6 +907,7 @@
879
907
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
880
908
  @property st-global(--wds-custom-modal-footnote-text-font-line-height);
881
909
  @property st-global(--wds-custom-modal-footnote-text-font-size);
910
+ @property st-global(--wds-custom-modal-footnote-text-font-weight);
882
911
  @property st-global(--wds-custom-modal-header-padding-left);
883
912
  @property st-global(--wds-custom-modal-header-padding-right);
884
913
  @property st-global(--wds-custom-modal-header-padding-vertical);
@@ -905,6 +934,10 @@
905
934
  @property st-global(--wds-dropdown-layout-option-size-big);
906
935
  @property st-global(--wds-dropdown-layout-option-size-small);
907
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);
908
941
  @property st-global(--wds-empty-state-border-radius);
909
942
  @property st-global(--wds-empty-state-page-content-paddings);
910
943
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -1217,11 +1250,17 @@
1217
1250
  @property st-global(--wds-list-item-action-gap);
1218
1251
  @property st-global(--wds-list-item-action-label-fill-active);
1219
1252
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1253
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1254
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1220
1255
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1256
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1257
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1221
1258
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1222
1259
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1223
1260
  @property st-global(--wds-list-item-action-label-font-size-medium);
1224
1261
  @property st-global(--wds-list-item-action-label-font-size-small);
1262
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1263
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1225
1264
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1226
1265
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1227
1266
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1233,6 +1272,7 @@
1233
1272
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1234
1273
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1235
1274
  @property st-global(--wds-list-item-action-subtitle-font-size);
1275
+ @property st-global(--wds-list-item-action-subtitle-offset);
1236
1276
  @property st-global(--wds-list-item-action-suffix-fill);
1237
1277
  @property st-global(--wds-list-item-action-suffix-fill-active);
1238
1278
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1298,6 +1338,7 @@
1298
1338
  @property st-global(--wds-list-item-select-label-font-size-small);
1299
1339
  @property st-global(--wds-list-item-select-label-font-weight-active);
1300
1340
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1341
+ @property st-global(--wds-list-item-select-min-height-medium);
1301
1342
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1302
1343
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1303
1344
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1308,6 +1349,7 @@
1308
1349
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1309
1350
  @property st-global(--wds-list-item-select-padding-vertical-small);
1310
1351
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1352
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1311
1353
  @property st-global(--wds-list-item-select-subtitle);
1312
1354
  @property st-global(--wds-list-item-select-subtitle-disabled);
1313
1355
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -1327,7 +1369,37 @@
1327
1369
  @property st-global(--wds-loader-stroke-width-medium);
1328
1370
  @property st-global(--wds-loader-stroke-width-small);
1329
1371
  @property st-global(--wds-loader-stroke-width-tiny);
1372
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1373
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1374
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1375
+ @property st-global(--wds-marketing-layout-badge-gap);
1376
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1377
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1378
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1379
+ @property st-global(--wds-marketing-layout-badge-position);
1380
+ @property st-global(--wds-marketing-layout-badge-side);
1381
+ @property st-global(--wds-marketing-layout-badge-top);
1330
1382
  @property st-global(--wds-marketing-layout-border);
1383
+ @property st-global(--wds-marketing-layout-description-color);
1384
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1385
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1386
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1387
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1388
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1389
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1390
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1391
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1392
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1393
+ @property st-global(--wds-marketing-layout-image-border-radius);
1394
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1395
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1396
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1397
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1398
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1399
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1400
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1401
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1402
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1331
1403
  @property st-global(--wds-marketing-layout-padding-left-medium);
1332
1404
  @property st-global(--wds-marketing-layout-padding-left-small);
1333
1405
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -1337,11 +1409,30 @@
1337
1409
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
1338
1410
  @property st-global(--wds-marketing-layout-padding-vertical-small);
1339
1411
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1412
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1413
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1414
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1415
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1416
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1417
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1418
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1419
+ @property st-global(--wds-marketing-layout-title-gap-small);
1420
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1421
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1422
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1423
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1340
1424
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1341
1425
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1342
1426
  @property st-global(--wds-marketing-page-paddings-vertical-large);
1343
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);
1344
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);
1345
1436
  @property st-global(--wds-message-modal-padding-horizontal);
1346
1437
  @property st-global(--wds-message-modal-padding-vertical);
1347
1438
  @property st-global(--wds-message-modal-text-font-line-height);
@@ -1349,6 +1440,7 @@
1349
1440
  @property st-global(--wds-message-modal-title-font-family);
1350
1441
  @property st-global(--wds-message-modal-title-font-line-height);
1351
1442
  @property st-global(--wds-message-modal-title-font-size);
1443
+ @property st-global(--wds-message-modal-top-controls-gap);
1352
1444
  @property st-global(--wds-message-modal-top-controls-paddings);
1353
1445
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
1354
1446
  @property st-global(--wds-mobile-modal-content-padding-vertical);
@@ -1365,10 +1457,21 @@
1365
1457
  @property st-global(--wds-notification-padding-horizontal);
1366
1458
  @property st-global(--wds-notification-padding-vertical);
1367
1459
  @property st-global(--wds-number-input-icon-fill);
1460
+ @property st-global(--wds-page-header-back-button-gap);
1368
1461
  @property st-global(--wds-page-header-padding-horizontal);
1369
1462
  @property st-global(--wds-page-header-padding-horizontal-small);
1370
1463
  @property st-global(--wds-page-header-padding-vertical);
1371
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);
1372
1475
  @property st-global(--wds-pagination-arrow-fill);
1373
1476
  @property st-global(--wds-pagination-fill);
1374
1477
  @property st-global(--wds-pagination-fill-active);
@@ -1430,7 +1533,10 @@
1430
1533
  @property st-global(--wds-search-expandable-padding-large);
1431
1534
  @property st-global(--wds-search-expandable-padding-medium);
1432
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);
1433
1538
  @property st-global(--wds-section-header-fill-neutral);
1539
+ @property st-global(--wds-section-header-fill-standard);
1434
1540
  @property st-global(--wds-section-header-font-weight);
1435
1541
  @property st-global(--wds-section-header-label-fill-neutral);
1436
1542
  @property st-global(--wds-section-header-label-font-size-medium);
@@ -1674,12 +1780,18 @@
1674
1780
  @property st-global(--wds-side-panel-footer-padding-vertical);
1675
1781
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
1676
1782
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1783
+ @property st-global(--wds-side-panel-header-content-padding-right);
1677
1784
  @property st-global(--wds-side-panel-header-divider-height);
1678
1785
  @property st-global(--wds-side-panel-header-padding-left);
1679
1786
  @property st-global(--wds-side-panel-header-padding-right);
1680
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);
1681
1792
  @property st-global(--wds-side-panel-subtitle-font-line-height);
1682
1793
  @property st-global(--wds-side-panel-subtitle-font-size);
1794
+ @property st-global(--wds-side-panel-subtitle-font-weight);
1683
1795
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1684
1796
  @property st-global(--wds-side-panel-title-font-line-height);
1685
1797
  @property st-global(--wds-side-panel-title-font-size);
@@ -1839,8 +1951,17 @@
1839
1951
  @property st-global(--wds-swatches-swatch-size-medium);
1840
1952
  @property st-global(--wds-swatches-swatch-size-small);
1841
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);
1842
1960
  @property st-global(--wds-table-list-item-border-color);
1843
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);
1844
1965
  @property st-global(--wds-table-list-item-drag-handle-color);
1845
1966
  @property st-global(--wds-table-list-item-fill);
1846
1967
  @property st-global(--wds-table-list-item-fill-active);
@@ -1885,6 +2006,7 @@
1885
2006
  @property st-global(--wds-tag-border-radius-tiny);
1886
2007
  @property st-global(--wds-tag-label-font-line-height-small);
1887
2008
  @property st-global(--wds-tag-label-font-size-small);
2009
+ @property st-global(--wds-tag-list-action-gap);
1888
2010
  @property st-global(--wds-tag-padding-horizontal-large);
1889
2011
  @property st-global(--wds-tag-padding-horizontal-medium);
1890
2012
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2081,7 +2203,15 @@
2081
2203
  @property st-global(--wds-tooltip-padding-vertical-medium);
2082
2204
  @property st-global(--wds-tooltip-padding-vertical-small);
2083
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);
2084
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);
2085
2215
  @property st-global(--wds-variable-input-padding-vertical-small);
2086
2216
  @property st-global(--wds-variable-input-padding-vertical-tiny);
2087
2217
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
@@ -2173,7 +2303,12 @@
2173
2303
  --wds-accordion-caret-fill: #44485f;
2174
2304
  --wds-accordion-caret-fill-hover: #44485f;
2175
2305
  --wds-accordion-inner-content-fill: #f4f7ff;
2306
+ --wds-accordion-inner-content-padding-bottom: 15px;
2176
2307
  --wds-accordion-inner-content-padding-top: 15px;
2308
+ --wds-accordion-inner-content-padding-top-flat: 0px;
2309
+ --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset, 0 -22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
2310
+ --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
2311
+ --wds-accordion-padding-horizontal-large: 24px;
2177
2312
  --wds-accordion-title-fill: #000624;
2178
2313
  --wds-accordion-title-fill-hover: #000624;
2179
2314
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2210,13 +2345,24 @@
2210
2345
  --wds-angle-input-ring-border: #dfe5eb;
2211
2346
  --wds-announcement-modal-actions-padding: 42px;
2212
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;
2213
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;
2214
2356
  --wds-announcement-modal-padding-horizontal: 78px;
2215
2357
  --wds-announcement-modal-padding-vertical: 48px;
2216
- --wds-announcement-modal-text-font-line-height: 36px;
2217
- --wds-announcement-modal-text-font-size: 16px;
2358
+ --wds-announcement-modal-text-font-line-height: 18px;
2359
+ --wds-announcement-modal-text-font-size: 14px;
2218
2360
  --wds-announcement-modal-title-font-line-height: 36px;
2219
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;
2220
2366
  --wds-avatar-group-gap-condensed: -3px;
2221
2367
  --wds-avatar-group-gap-default: 6px;
2222
2368
  --wds-avatar-text-fill: #ffffff;
@@ -2293,7 +2439,11 @@
2293
2439
  --wds-border-width-varied: 1px;
2294
2440
  --wds-border-width-varied-secondary: 0px;
2295
2441
  --wds-breadcrumbs-border-radius: 1000px;
2442
+ --wds-breadcrumbs-divider-margin-horizontal: 8px;
2296
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;
2297
2447
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2298
2448
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2299
2449
  --wds-breadcrumbs-on-grey-text-fill-active: #000624;
@@ -2433,12 +2583,17 @@
2433
2583
  --wds-button-text-hover: #ffffff;
2434
2584
  --wds-button-text-standard-primary: #000624;
2435
2585
  --wds-button-text-standard-primary-hover: #000624;
2586
+ --wds-card-base-shadow: none;
2436
2587
  --wds-card-border: 8px;
2437
2588
  --wds-card-border-radius: 8px;
2438
2589
  --wds-card-content-padding-large: 36px;
2439
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;
2440
2594
  --wds-card-content-paddings-horizontal: 24px;
2441
2595
  --wds-card-content-paddings-vertical: 18px;
2596
+ --wds-card-divider-opacity: 1;
2442
2597
  --wds-card-gallery-item-border-radius-0: 0px;
2443
2598
  --wds-card-gallery-item-border-radius-100: 8px;
2444
2599
  --wds-card-gallery-item-buttons-gap: 6px;
@@ -2454,13 +2609,16 @@
2454
2609
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2455
2610
  --wds-card-gallery-item-padding-vertical-small: 12px;
2456
2611
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2612
+ --wds-card-gallery-item-subtitle-side-font-size-medium: 12px;
2457
2613
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
2458
2614
  --wds-card-gallery-item-title-font-line-height-small: 18px;
2459
- --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;
2460
2617
  --wds-card-header-divider-width: 0px;
2461
2618
  --wds-card-header-padding-horizontal: 24px;
2462
2619
  --wds-card-header-padding-vertical: 18px;
2463
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);
2464
2622
  --wds-card-subtitle-color: #44485f;
2465
2623
  --wds-card-subtitle-font-size: 16px;
2466
2624
  --wds-card-subtitle-line-height: 24px;
@@ -3046,6 +3204,7 @@
3046
3204
  --wds-custom-modal-footnote-padding-vertical: 12px;
3047
3205
  --wds-custom-modal-footnote-text-font-line-height: 18px;
3048
3206
  --wds-custom-modal-footnote-text-font-size: 14px;
3207
+ --wds-custom-modal-footnote-text-font-weight: 400;
3049
3208
  --wds-custom-modal-header-padding-left: 24px;
3050
3209
  --wds-custom-modal-header-padding-right: 12px;
3051
3210
  --wds-custom-modal-header-padding-vertical: 18px;
@@ -3072,6 +3231,10 @@
3072
3231
  --wds-dropdown-layout-option-size-big: 48px;
3073
3232
  --wds-dropdown-layout-option-size-small: 36px;
3074
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;
3075
3238
  --wds-empty-state-border-radius: 8px;
3076
3239
  --wds-empty-state-page-content-paddings: 18px;
3077
3240
  --wds-empty-state-section-content-paddings: 15px;
@@ -3384,11 +3547,17 @@
3384
3547
  --wds-list-item-action-gap: 0px;
3385
3548
  --wds-list-item-action-label-fill-active: #116dff;
3386
3549
  --wds-list-item-action-label-fill-hover-destructive: #e62214;
3550
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
3551
+ --wds-list-item-action-label-fill-hover-primary: #116dff;
3387
3552
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
3553
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
3554
+ --wds-list-item-action-label-fill-pressed-primary: #116dff;
3388
3555
  --wds-list-item-action-label-font-line-height-medium: 24px;
3389
3556
  --wds-list-item-action-label-font-line-height-small: 18px;
3390
3557
  --wds-list-item-action-label-font-size-medium: 16px;
3391
3558
  --wds-list-item-action-label-font-size-small: 14px;
3559
+ --wds-list-item-action-padding-horizontal-end-medium: 18px;
3560
+ --wds-list-item-action-padding-horizontal-end-small: 18px;
3392
3561
  --wds-list-item-action-padding-horizontal-medium: 18px;
3393
3562
  --wds-list-item-action-padding-horizontal-small: 18px;
3394
3563
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -3400,6 +3569,7 @@
3400
3569
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
3401
3570
  --wds-list-item-action-subtitle-font-line-height: 18px;
3402
3571
  --wds-list-item-action-subtitle-font-size: 14px;
3572
+ --wds-list-item-action-subtitle-offset: 0px;
3403
3573
  --wds-list-item-action-suffix-fill: #868aa5;
3404
3574
  --wds-list-item-action-suffix-fill-active: #868aa5;
3405
3575
  --wds-list-item-action-title-font-weight: 400;
@@ -3465,6 +3635,7 @@
3465
3635
  --wds-list-item-select-label-font-size-small: 14px;
3466
3636
  --wds-list-item-select-label-font-weight-active: 400;
3467
3637
  --wds-list-item-select-label-font-weight-medium: 400;
3638
+ --wds-list-item-select-min-height-medium: auto;
3468
3639
  --wds-list-item-select-padding-horizontal-medium: 18px;
3469
3640
  --wds-list-item-select-padding-horizontal-small: 18px;
3470
3641
  --wds-list-item-select-padding-left-medium: 18px;
@@ -3475,6 +3646,7 @@
3475
3646
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
3476
3647
  --wds-list-item-select-padding-vertical-small: 6px;
3477
3648
  --wds-list-item-select-padding-vertical-small-screen-small: 12px;
3649
+ --wds-list-item-select-prefix-subtitle-margin: 6px;
3478
3650
  --wds-list-item-select-subtitle: #868aa5;
3479
3651
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
3480
3652
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
@@ -3494,7 +3666,37 @@
3494
3666
  --wds-loader-stroke-width-medium: 4px;
3495
3667
  --wds-loader-stroke-width-small: 4px;
3496
3668
  --wds-loader-stroke-width-tiny: 3px;
3669
+ --wds-marketing-layout-actions-gap-medium: 24px;
3670
+ --wds-marketing-layout-actions-gap-small: 18px;
3671
+ --wds-marketing-layout-actions-gap-tiny: 18px;
3672
+ --wds-marketing-layout-badge-gap: 0px;
3673
+ --wds-marketing-layout-badge-offset-medium: 12px;
3674
+ --wds-marketing-layout-badge-offset-small: 12px;
3675
+ --wds-marketing-layout-badge-offset-tiny: 18px;
3676
+ --wds-marketing-layout-badge-position: absolute;
3677
+ --wds-marketing-layout-badge-side: -3px;
3678
+ --wds-marketing-layout-badge-top: 9px;
3497
3679
  --wds-marketing-layout-border: 8px;
3680
+ --wds-marketing-layout-description-color: #44485f;
3681
+ --wds-marketing-layout-description-font-size-medium: 16px;
3682
+ --wds-marketing-layout-description-font-size-small: 14px;
3683
+ --wds-marketing-layout-description-font-size-tiny: 14px;
3684
+ --wds-marketing-layout-description-font-weight-medium: 400;
3685
+ --wds-marketing-layout-description-font-weight-small: 400;
3686
+ --wds-marketing-layout-description-font-weight-tiny: 400;
3687
+ --wds-marketing-layout-description-line-height-medium: 24px;
3688
+ --wds-marketing-layout-description-line-height-small: 18px;
3689
+ --wds-marketing-layout-description-line-height-tiny: 18px;
3690
+ --wds-marketing-layout-image-border-radius: 0px;
3691
+ --wds-marketing-layout-image-padding-left-medium: 48px;
3692
+ --wds-marketing-layout-image-padding-left-small: 24px;
3693
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
3694
+ --wds-marketing-layout-image-padding-right-medium: 42px;
3695
+ --wds-marketing-layout-image-padding-right-small: 30px;
3696
+ --wds-marketing-layout-image-padding-right-tiny: 30px;
3697
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
3698
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
3699
+ --wds-marketing-layout-image-padding-vertical-tiny: 18px;
3498
3700
  --wds-marketing-layout-padding-left-medium: 48px;
3499
3701
  --wds-marketing-layout-padding-left-small: 24px;
3500
3702
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -3504,11 +3706,30 @@
3504
3706
  --wds-marketing-layout-padding-vertical-medium: 24px;
3505
3707
  --wds-marketing-layout-padding-vertical-small: 24px;
3506
3708
  --wds-marketing-layout-padding-vertical-tiny: 18px;
3709
+ --wds-marketing-layout-title-font-size-medium: 21px;
3710
+ --wds-marketing-layout-title-font-size-small: 18px;
3711
+ --wds-marketing-layout-title-font-size-tiny: 20px;
3712
+ --wds-marketing-layout-title-font-weight-medium: 700;
3713
+ --wds-marketing-layout-title-font-weight-small: 700;
3714
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3715
+ --wds-marketing-layout-title-gap-medium: 12px;
3716
+ --wds-marketing-layout-title-gap-small: 6px;
3717
+ --wds-marketing-layout-title-gap-tiny: 6px;
3718
+ --wds-marketing-layout-title-line-height-medium: 28px;
3719
+ --wds-marketing-layout-title-line-height-small: 24px;
3720
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3507
3721
  --wds-marketing-page-paddings-horizontal-large: 90px;
3508
3722
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3509
3723
  --wds-marketing-page-paddings-vertical-large: 48px;
3510
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;
3511
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;
3512
3733
  --wds-message-modal-padding-horizontal: 24px;
3513
3734
  --wds-message-modal-padding-vertical: 24px;
3514
3735
  --wds-message-modal-text-font-line-height: 24px;
@@ -3516,6 +3737,7 @@
3516
3737
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3517
3738
  --wds-message-modal-title-font-line-height: 28px;
3518
3739
  --wds-message-modal-title-font-size: 21px;
3740
+ --wds-message-modal-top-controls-gap: 3px;
3519
3741
  --wds-message-modal-top-controls-paddings: 6px;
3520
3742
  --wds-mobile-modal-content-padding-horizontal: 24px;
3521
3743
  --wds-mobile-modal-content-padding-vertical: 24px;
@@ -3532,10 +3754,21 @@
3532
3754
  --wds-notification-padding-horizontal: 12px;
3533
3755
  --wds-notification-padding-vertical: 9px;
3534
3756
  --wds-number-input-icon-fill: #116dff;
3757
+ --wds-page-header-back-button-gap: 8px;
3535
3758
  --wds-page-header-padding-horizontal: 48px;
3536
3759
  --wds-page-header-padding-horizontal-small: 24px;
3537
3760
  --wds-page-header-padding-vertical: 24px;
3538
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;
3539
3772
  --wds-pagination-arrow-fill: #116dff;
3540
3773
  --wds-pagination-fill: #ffffff;
3541
3774
  --wds-pagination-fill-active: #116dff;
@@ -3597,7 +3830,10 @@
3597
3830
  --wds-search-expandable-padding-large: 9px;
3598
3831
  --wds-search-expandable-padding-medium: 6px;
3599
3832
  --wds-search-expandable-padding-small: 5px;
3833
+ --wds-section-header-border-light: #dfe5eb;
3834
+ --wds-section-header-fill-light: #ffffff;
3600
3835
  --wds-section-header-fill-neutral: #f6f7f9;
3836
+ --wds-section-header-fill-standard: #e7f0ff;
3601
3837
  --wds-section-header-font-weight: 400;
3602
3838
  --wds-section-header-label-fill-neutral: #000624;
3603
3839
  --wds-section-header-label-font-size-medium: 16px;
@@ -3841,12 +4077,18 @@
3841
4077
  --wds-side-panel-footer-padding-vertical: 18px;
3842
4078
  --wds-side-panel-footnote-padding-horizontal: 24px;
3843
4079
  --wds-side-panel-footnote-padding-vertical: 12px;
4080
+ --wds-side-panel-header-content-padding-right: 0px;
3844
4081
  --wds-side-panel-header-divider-height: 1px;
3845
4082
  --wds-side-panel-header-padding-left: 24px;
3846
4083
  --wds-side-panel-header-padding-right: 9px;
3847
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;
3848
4089
  --wds-side-panel-subtitle-font-line-height: 24px;
3849
4090
  --wds-side-panel-subtitle-font-size: 16px;
4091
+ --wds-side-panel-subtitle-font-weight: 400;
3850
4092
  --wds-side-panel-title-font-letter-spacing: 0px;
3851
4093
  --wds-side-panel-title-font-line-height: 24px;
3852
4094
  --wds-side-panel-title-font-size: 18px;
@@ -4006,8 +4248,17 @@
4006
4248
  --wds-swatches-swatch-size-medium: 36px;
4007
4249
  --wds-swatches-swatch-size-small: 30px;
4008
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;
4009
4257
  --wds-table-list-item-border-color: #d6e6fe;
4010
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;
4011
4262
  --wds-table-list-item-drag-handle-color: #116dff;
4012
4263
  --wds-table-list-item-fill: #ffffff;
4013
4264
  --wds-table-list-item-fill-active: #d6e6fe;
@@ -4052,6 +4303,7 @@
4052
4303
  --wds-tag-border-radius-tiny: 1000px;
4053
4304
  --wds-tag-label-font-line-height-small: 18px;
4054
4305
  --wds-tag-label-font-size-small: 14px;
4306
+ --wds-tag-list-action-gap: 6px;
4055
4307
  --wds-tag-padding-horizontal-large: 18px;
4056
4308
  --wds-tag-padding-horizontal-medium: 12px;
4057
4309
  --wds-tag-padding-horizontal-small: 12px;
@@ -4248,7 +4500,15 @@
4248
4500
  --wds-tooltip-padding-vertical-medium: 12px;
4249
4501
  --wds-tooltip-padding-vertical-small: 6px;
4250
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;
4251
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;
4252
4512
  --wds-variable-input-padding-vertical-small: 6px;
4253
4513
  --wds-variable-input-padding-vertical-tiny: 3px;
4254
4514
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;