@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/odeditor/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);
@@ -42,13 +47,31 @@
42
47
  @property st-global(--wds-angle-input-ring-border);
43
48
  @property st-global(--wds-announcement-modal-actions-padding);
44
49
  @property st-global(--wds-announcement-modal-border-radius);
50
+ @property st-global(--wds-announcement-modal-close-button-fill);
51
+ @property st-global(--wds-announcement-modal-close-button-icon-size);
52
+ @property st-global(--wds-announcement-modal-close-button-size);
45
53
  @property st-global(--wds-announcement-modal-content-gap);
54
+ @property st-global(--wds-announcement-modal-footnote-content-alignment);
55
+ @property st-global(--wds-announcement-modal-help-button-fill);
56
+ @property st-global(--wds-announcement-modal-help-button-icon-size);
57
+ @property st-global(--wds-announcement-modal-help-button-size);
46
58
  @property st-global(--wds-announcement-modal-padding-horizontal);
47
59
  @property st-global(--wds-announcement-modal-padding-vertical);
48
60
  @property st-global(--wds-announcement-modal-text-font-line-height);
49
61
  @property st-global(--wds-announcement-modal-text-font-size);
50
62
  @property st-global(--wds-announcement-modal-title-font-line-height);
51
63
  @property st-global(--wds-announcement-modal-title-font-size);
64
+ @property st-global(--wds-announcement-modal-title-font-weight);
65
+ @property st-global(--wds-announcement-modal-top-controls-gap);
66
+ @property st-global(--wds-announcement-modal-top-controls-padding-end);
67
+ @property st-global(--wds-announcement-modal-top-controls-padding-top);
68
+ @property st-global(--wds-avatar-group-counter-background-blur);
69
+ @property st-global(--wds-avatar-group-counter-border-fill);
70
+ @property st-global(--wds-avatar-group-counter-border-width);
71
+ @property st-global(--wds-avatar-group-counter-fill);
72
+ @property st-global(--wds-avatar-group-counter-fill-gradient-1);
73
+ @property st-global(--wds-avatar-group-counter-fill-gradient-2);
74
+ @property st-global(--wds-avatar-group-counter-fill-hover);
52
75
  @property st-global(--wds-avatar-group-gap-condensed);
53
76
  @property st-global(--wds-avatar-group-gap-default);
54
77
  @property st-global(--wds-avatar-text-fill);
@@ -128,7 +151,11 @@
128
151
  @property st-global(--wds-border-width-varied);
129
152
  @property st-global(--wds-border-width-varied-secondary);
130
153
  @property st-global(--wds-breadcrumbs-border-radius);
154
+ @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
131
155
  @property st-global(--wds-breadcrumbs-font-size-small);
156
+ @property st-global(--wds-breadcrumbs-height-large);
157
+ @property st-global(--wds-breadcrumbs-height-medium);
158
+ @property st-global(--wds-breadcrumbs-height-small);
132
159
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
133
160
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
134
161
  @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
@@ -260,11 +287,16 @@
260
287
  @property st-global(--wds-button-size-tiny);
261
288
  @property st-global(--wds-button-size-tiny-screen-small);
262
289
  @property st-global(--wds-button-size-x-tiny);
290
+ @property st-global(--wds-card-base-shadow);
263
291
  @property st-global(--wds-card-border-radius);
264
292
  @property st-global(--wds-card-content-padding-large);
265
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);
266
297
  @property st-global(--wds-card-content-paddings-horizontal);
267
298
  @property st-global(--wds-card-content-paddings-vertical);
299
+ @property st-global(--wds-card-divider-opacity);
268
300
  @property st-global(--wds-card-gallery-item-buttons-gap);
269
301
  @property st-global(--wds-card-gallery-item-content-margin-horizontal);
270
302
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
@@ -278,13 +310,16 @@
278
310
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
279
311
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
280
312
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
313
+ @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
281
314
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
282
315
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
283
316
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
317
+ @property st-global(--wds-card-gallery-item-title-font-weight-medium);
284
318
  @property st-global(--wds-card-header-divider-width);
285
319
  @property st-global(--wds-card-header-padding-horizontal);
286
320
  @property st-global(--wds-card-header-padding-vertical);
287
321
  @property st-global(--wds-card-header-title-subtitle-gap);
322
+ @property st-global(--wds-card-shadow);
288
323
  @property st-global(--wds-card-subtitle-color);
289
324
  @property st-global(--wds-card-subtitle-font-size);
290
325
  @property st-global(--wds-card-subtitle-line-height);
@@ -863,6 +898,7 @@
863
898
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
864
899
  @property st-global(--wds-custom-modal-footnote-text-font-line-height);
865
900
  @property st-global(--wds-custom-modal-footnote-text-font-size);
901
+ @property st-global(--wds-custom-modal-footnote-text-font-weight);
866
902
  @property st-global(--wds-custom-modal-header-padding-left);
867
903
  @property st-global(--wds-custom-modal-header-padding-right);
868
904
  @property st-global(--wds-custom-modal-header-padding-vertical);
@@ -884,6 +920,10 @@
884
920
  @property st-global(--wds-dropdown-layout-option-size-big);
885
921
  @property st-global(--wds-dropdown-layout-option-size-small);
886
922
  @property st-global(--wds-dropdown-list-paddings);
923
+ @property st-global(--wds-editable-title-marker-fill);
924
+ @property st-global(--wds-editable-title-marker-fill-active);
925
+ @property st-global(--wds-editable-title-marker-line-style);
926
+ @property st-global(--wds-editable-title-placeholder-fill);
887
927
  @property st-global(--wds-empty-state-border-radius);
888
928
  @property st-global(--wds-empty-state-page-content-paddings);
889
929
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -1194,11 +1234,18 @@
1194
1234
  @property st-global(--wds-list-item-action-fill-hover);
1195
1235
  @property st-global(--wds-list-item-action-gap);
1196
1236
  @property st-global(--wds-list-item-action-label-fill-active);
1237
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1238
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1239
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1197
1240
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1241
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1242
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1198
1243
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1199
1244
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1200
1245
  @property st-global(--wds-list-item-action-label-font-size-medium);
1201
1246
  @property st-global(--wds-list-item-action-label-font-size-small);
1247
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1248
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1202
1249
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1203
1250
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1204
1251
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1208,6 +1255,7 @@
1208
1255
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1209
1256
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1210
1257
  @property st-global(--wds-list-item-action-subtitle-font-size);
1258
+ @property st-global(--wds-list-item-action-subtitle-offset);
1211
1259
  @property st-global(--wds-list-item-action-suffix-fill);
1212
1260
  @property st-global(--wds-list-item-action-suffix-fill-active);
1213
1261
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1256,6 +1304,7 @@
1256
1304
  @property st-global(--wds-list-item-select-label-font-size-small);
1257
1305
  @property st-global(--wds-list-item-select-label-font-weight-active);
1258
1306
  @property st-global(--wds-list-item-select-label-font-weight-medium);
1307
+ @property st-global(--wds-list-item-select-min-height-medium);
1259
1308
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
1260
1309
  @property st-global(--wds-list-item-select-padding-horizontal-small);
1261
1310
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -1266,8 +1315,11 @@
1266
1315
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1267
1316
  @property st-global(--wds-list-item-select-padding-vertical-small);
1268
1317
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1318
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1269
1319
  @property st-global(--wds-list-item-select-subtitle);
1270
1320
  @property st-global(--wds-list-item-select-subtitle-disabled);
1321
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1322
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1271
1323
  @property st-global(--wds-list-item-select-suffix);
1272
1324
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1273
1325
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -1283,12 +1335,70 @@
1283
1335
  @property st-global(--wds-loader-stroke-width-medium);
1284
1336
  @property st-global(--wds-loader-stroke-width-small);
1285
1337
  @property st-global(--wds-loader-stroke-width-tiny);
1338
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1339
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1340
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1341
+ @property st-global(--wds-marketing-layout-badge-gap);
1342
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1343
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1344
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1345
+ @property st-global(--wds-marketing-layout-badge-position);
1346
+ @property st-global(--wds-marketing-layout-badge-side);
1347
+ @property st-global(--wds-marketing-layout-badge-top);
1286
1348
  @property st-global(--wds-marketing-layout-border);
1349
+ @property st-global(--wds-marketing-layout-description-color);
1350
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1351
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1352
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1353
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1354
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1355
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1356
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1357
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1358
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1359
+ @property st-global(--wds-marketing-layout-image-border-radius);
1360
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1361
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1362
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1363
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1364
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1365
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1366
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1367
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1368
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1369
+ @property st-global(--wds-marketing-layout-padding-left-medium);
1370
+ @property st-global(--wds-marketing-layout-padding-left-small);
1371
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
1372
+ @property st-global(--wds-marketing-layout-padding-right-medium);
1373
+ @property st-global(--wds-marketing-layout-padding-right-small);
1374
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
1375
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
1376
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
1377
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1378
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1379
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1380
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1381
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1382
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1383
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1384
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1385
+ @property st-global(--wds-marketing-layout-title-gap-small);
1386
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1387
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1388
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1389
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1287
1390
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1288
1391
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1289
1392
  @property st-global(--wds-marketing-page-paddings-vertical-large);
1290
1393
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
1394
+ @property st-global(--wds-message-modal-close-button-fill);
1395
+ @property st-global(--wds-message-modal-close-button-icon-size);
1396
+ @property st-global(--wds-message-modal-close-button-size);
1291
1397
  @property st-global(--wds-message-modal-content-gap);
1398
+ @property st-global(--wds-message-modal-help-button-size);
1399
+ @property st-global(--wds-message-modal-illustration-content-gap);
1400
+ @property st-global(--wds-message-modal-illustration-margin-start);
1401
+ @property st-global(--wds-message-modal-illustration-margin-top);
1292
1402
  @property st-global(--wds-message-modal-padding-horizontal);
1293
1403
  @property st-global(--wds-message-modal-padding-vertical);
1294
1404
  @property st-global(--wds-message-modal-text-font-line-height);
@@ -1296,6 +1406,7 @@
1296
1406
  @property st-global(--wds-message-modal-title-font-family);
1297
1407
  @property st-global(--wds-message-modal-title-font-line-height);
1298
1408
  @property st-global(--wds-message-modal-title-font-size);
1409
+ @property st-global(--wds-message-modal-top-controls-gap);
1299
1410
  @property st-global(--wds-message-modal-top-controls-paddings);
1300
1411
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
1301
1412
  @property st-global(--wds-mobile-modal-content-padding-vertical);
@@ -1322,10 +1433,21 @@
1322
1433
  @property st-global(--wds-padding-vertical-medium);
1323
1434
  @property st-global(--wds-padding-vertical-small);
1324
1435
  @property st-global(--wds-padding-vertical-tiny);
1436
+ @property st-global(--wds-page-header-back-button-gap);
1325
1437
  @property st-global(--wds-page-header-padding-horizontal);
1326
1438
  @property st-global(--wds-page-header-padding-horizontal-small);
1327
1439
  @property st-global(--wds-page-header-padding-vertical);
1328
1440
  @property st-global(--wds-page-header-padding-vertical-small);
1441
+ @property st-global(--wds-page-header-subtitle-font-size);
1442
+ @property st-global(--wds-page-header-subtitle-line-height);
1443
+ @property st-global(--wds-page-header-title-actions-gap);
1444
+ @property st-global(--wds-page-header-title-font-size);
1445
+ @property st-global(--wds-page-header-title-font-weight);
1446
+ @property st-global(--wds-page-header-title-line-height);
1447
+ @property st-global(--wds-page-header-title-minimised-font-size);
1448
+ @property st-global(--wds-page-header-title-minimised-font-weight);
1449
+ @property st-global(--wds-page-header-title-minimised-letter-spacing);
1450
+ @property st-global(--wds-page-header-title-minimised-line-height);
1329
1451
  @property st-global(--wds-pagination-arrow-fill);
1330
1452
  @property st-global(--wds-pagination-fill);
1331
1453
  @property st-global(--wds-pagination-fill-active);
@@ -1387,7 +1509,10 @@
1387
1509
  @property st-global(--wds-search-expandable-padding-large);
1388
1510
  @property st-global(--wds-search-expandable-padding-medium);
1389
1511
  @property st-global(--wds-search-expandable-padding-small);
1512
+ @property st-global(--wds-section-header-border-light);
1513
+ @property st-global(--wds-section-header-fill-light);
1390
1514
  @property st-global(--wds-section-header-fill-neutral);
1515
+ @property st-global(--wds-section-header-fill-standard);
1391
1516
  @property st-global(--wds-section-header-font-weight);
1392
1517
  @property st-global(--wds-section-header-label-fill-neutral);
1393
1518
  @property st-global(--wds-section-header-label-font-size-medium);
@@ -1630,12 +1755,18 @@
1630
1755
  @property st-global(--wds-side-panel-footer-padding-vertical);
1631
1756
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
1632
1757
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1758
+ @property st-global(--wds-side-panel-header-content-padding-right);
1633
1759
  @property st-global(--wds-side-panel-header-divider-height);
1634
1760
  @property st-global(--wds-side-panel-header-padding-left);
1635
1761
  @property st-global(--wds-side-panel-header-padding-right);
1636
1762
  @property st-global(--wds-side-panel-header-padding-vertical);
1763
+ @property st-global(--wds-side-panel-standard-corner-radius);
1764
+ @property st-global(--wds-side-panel-standard-overflow);
1765
+ @property st-global(--wds-side-panel-standard-shadow);
1766
+ @property st-global(--wds-side-panel-subtitle-fill);
1637
1767
  @property st-global(--wds-side-panel-subtitle-font-line-height);
1638
1768
  @property st-global(--wds-side-panel-subtitle-font-size);
1769
+ @property st-global(--wds-side-panel-subtitle-font-weight);
1639
1770
  @property st-global(--wds-side-panel-title-font-letter-spacing);
1640
1771
  @property st-global(--wds-side-panel-title-font-line-height);
1641
1772
  @property st-global(--wds-side-panel-title-font-size);
@@ -1645,7 +1776,9 @@
1645
1776
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1646
1777
  @property st-global(--wds-sidebar-header-margin-bottom);
1647
1778
  @property st-global(--wds-sidebar-header-text-dark-default);
1779
+ @property st-global(--wds-sidebar-item-border-radius);
1648
1780
  @property st-global(--wds-sidebar-item-content-gap);
1781
+ @property st-global(--wds-sidebar-item-context-menu-padding-inline);
1649
1782
  @property st-global(--wds-sidebar-item-level-1-fill-dark-active);
1650
1783
  @property st-global(--wds-sidebar-item-level-1-fill-dark-default);
1651
1784
  @property st-global(--wds-sidebar-item-level-1-fill-dark-hover);
@@ -1675,6 +1808,7 @@
1675
1808
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1676
1809
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1677
1810
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1811
+ @property st-global(--wds-sidebar-item-prefix-margin-block);
1678
1812
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1679
1813
  @property st-global(--wds-sidebar-item-text-dark-active);
1680
1814
  @property st-global(--wds-sidebar-item-text-dark-default);
@@ -1682,6 +1816,7 @@
1682
1816
  @property st-global(--wds-sidebar-item-text-light-active);
1683
1817
  @property st-global(--wds-sidebar-item-text-light-default);
1684
1818
  @property st-global(--wds-sidebar-item-text-light-disabled);
1819
+ @property st-global(--wds-sidebar-item-text-margin-block);
1685
1820
  @property st-global(--wds-sidebar-item-text-neutral-active);
1686
1821
  @property st-global(--wds-sidebar-item-text-neutral-default);
1687
1822
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1802,8 +1937,16 @@
1802
1937
  @property st-global(--wds-swatches-swatch-size-medium);
1803
1938
  @property st-global(--wds-swatches-swatch-size-small);
1804
1939
  @property st-global(--wds-swatches-swatch-size-tiny);
1940
+ @property st-global(--wds-table-action-cell-primary-action-gap-medium);
1941
+ @property st-global(--wds-table-action-cell-primary-action-gap-small);
1942
+ @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
1943
+ @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1944
+ @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1945
+ @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1805
1946
  @property st-global(--wds-table-list-item-border-color);
1806
1947
  @property st-global(--wds-table-list-item-border-radius);
1948
+ @property st-global(--wds-table-list-item-checkbox-offset);
1949
+ @property st-global(--wds-table-list-item-controls-gap-medium);
1807
1950
  @property st-global(--wds-table-list-item-controls-padding-medium);
1808
1951
  @property st-global(--wds-table-list-item-drag-handle-color);
1809
1952
  @property st-global(--wds-table-list-item-fill);
@@ -1849,6 +1992,7 @@
1849
1992
  @property st-global(--wds-tag-border-radius-tiny);
1850
1993
  @property st-global(--wds-tag-label-font-line-height-small);
1851
1994
  @property st-global(--wds-tag-label-font-size-small);
1995
+ @property st-global(--wds-tag-list-action-gap);
1852
1996
  @property st-global(--wds-tag-padding-horizontal-large);
1853
1997
  @property st-global(--wds-tag-padding-horizontal-medium);
1854
1998
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -2049,7 +2193,15 @@
2049
2193
  @property st-global(--wds-tooltip-padding-vertical-small);
2050
2194
  @property st-global(--wds-tooltip-shadow);
2051
2195
  @property st-global(--wds-tooltip-text-fill);
2196
+ @property st-global(--wds-top-banner-border-color);
2197
+ @property st-global(--wds-top-banner-border-radius);
2198
+ @property st-global(--wds-top-banner-content-gap);
2199
+ @property st-global(--wds-top-banner-dismiss-gap);
2052
2200
  @property st-global(--wds-top-banner-fill);
2201
+ @property st-global(--wds-top-banner-padding-horizontal-end);
2202
+ @property st-global(--wds-top-banner-padding-horizontal-start);
2203
+ @property st-global(--wds-top-banner-padding-vertical);
2204
+ @property st-global(--wds-top-banner-shadow);
2053
2205
  @property st-global(--wds-variable-input-padding-vertical-small);
2054
2206
  @property st-global(--wds-variable-input-padding-vertical-tiny);
2055
2207
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
@@ -2125,12 +2277,17 @@
2125
2277
  --wds-accordion-background-fill-light: #ffffff;
2126
2278
  --wds-accordion-background-fill-light-hover: #f8f6f6;
2127
2279
  --wds-accordion-background-fill-standard: #ffffff;
2128
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
2280
+ --wds-accordion-background-fill-standard-hover: #f0efef;
2129
2281
  --wds-accordion-border-radius: 0px;
2130
2282
  --wds-accordion-caret-fill: #151414;
2131
2283
  --wds-accordion-caret-fill-hover: #151414;
2132
2284
  --wds-accordion-inner-content-fill: #ffffff;
2133
- --wds-accordion-inner-content-padding-top: 4px;
2285
+ --wds-accordion-inner-content-padding-bottom: 12px;
2286
+ --wds-accordion-inner-content-padding-top: 8px;
2287
+ --wds-accordion-inner-content-padding-top-flat: 8px;
2288
+ --wds-accordion-inner-content-shadow: none;
2289
+ --wds-accordion-inner-content-shadow-last: none;
2290
+ --wds-accordion-padding-horizontal-large: 16px;
2134
2291
  --wds-accordion-title-fill: #151414;
2135
2292
  --wds-accordion-title-fill-hover: #151414;
2136
2293
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -2166,16 +2323,34 @@
2166
2323
  --wds-angle-input-ring-border: #dedede;
2167
2324
  --wds-announcement-modal-actions-padding: 42px;
2168
2325
  --wds-announcement-modal-border-radius: 24px;
2326
+ --wds-announcement-modal-close-button-fill: #f0efef;
2327
+ --wds-announcement-modal-close-button-icon-size: 8px;
2328
+ --wds-announcement-modal-close-button-size: 24px;
2169
2329
  --wds-announcement-modal-content-gap: 12px;
2330
+ --wds-announcement-modal-footnote-content-alignment: start;
2331
+ --wds-announcement-modal-help-button-fill: #f0efef;
2332
+ --wds-announcement-modal-help-button-icon-size: 18px;
2333
+ --wds-announcement-modal-help-button-size: 24px;
2170
2334
  --wds-announcement-modal-padding-horizontal: 96px;
2171
2335
  --wds-announcement-modal-padding-vertical: 44px;
2172
- --wds-announcement-modal-text-font-line-height: 18px;
2173
- --wds-announcement-modal-text-font-size: 16px;
2174
- --wds-announcement-modal-title-font-line-height: 30px;
2336
+ --wds-announcement-modal-text-font-line-height: 20px;
2337
+ --wds-announcement-modal-text-font-size: 14px;
2338
+ --wds-announcement-modal-title-font-line-height: 32px;
2175
2339
  --wds-announcement-modal-title-font-size: 24px;
2340
+ --wds-announcement-modal-title-font-weight: 500;
2341
+ --wds-announcement-modal-top-controls-gap: 4px;
2342
+ --wds-announcement-modal-top-controls-padding-end: 12px;
2343
+ --wds-announcement-modal-top-controls-padding-top: 12px;
2344
+ --wds-avatar-group-counter-background-blur: 4px;
2345
+ --wds-avatar-group-counter-border-fill: #ffffff;
2346
+ --wds-avatar-group-counter-border-width: 1px;
2347
+ --wds-avatar-group-counter-fill: rgba(255, 255, 255, .5);
2348
+ --wds-avatar-group-counter-fill-gradient-1: #dedede;
2349
+ --wds-avatar-group-counter-fill-gradient-2: rgba(19, 23, 32, 0);
2350
+ --wds-avatar-group-counter-fill-hover: #e8e7e7;
2176
2351
  --wds-avatar-group-gap-condensed: -2px;
2177
2352
  --wds-avatar-group-gap-default: 4px;
2178
- --wds-avatar-text-fill: #ffffff;
2353
+ --wds-avatar-text-fill: #151414;
2179
2354
  --wds-background-blur-0: 0px;
2180
2355
  --wds-background-blur-50: 4px;
2181
2356
  --wds-background-blur-100: 8px;
@@ -2251,21 +2426,25 @@
2251
2426
  --wds-border-width-none: 0px;
2252
2427
  --wds-border-width-varied: 0px;
2253
2428
  --wds-border-width-varied-secondary: 0px;
2254
- --wds-breadcrumbs-border-radius: 2px;
2429
+ --wds-breadcrumbs-border-radius: 6px;
2430
+ --wds-breadcrumbs-divider-margin-horizontal: 0px;
2255
2431
  --wds-breadcrumbs-font-size-small: 12px;
2256
- --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
2257
- --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
2432
+ --wds-breadcrumbs-height-large: 32px;
2433
+ --wds-breadcrumbs-height-medium: 26px;
2434
+ --wds-breadcrumbs-height-small: 24px;
2435
+ --wds-breadcrumbs-on-dark-fill-hover: #525150;
2436
+ --wds-breadcrumbs-on-grey-fill-hover: #e8e7e7;
2258
2437
  --wds-breadcrumbs-on-grey-text-fill-active: #151414;
2259
- --wds-breadcrumbs-on-white-fill-hover: #f0efef;
2260
- --wds-breadcrumbs-padding-horizontal-large: 16px;
2438
+ --wds-breadcrumbs-on-white-fill-hover: #e8e7e7;
2439
+ --wds-breadcrumbs-padding-horizontal-large: 12px;
2261
2440
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
2262
- --wds-breadcrumbs-padding-horizontal-small: 4px;
2441
+ --wds-breadcrumbs-padding-horizontal-small: 8px;
2263
2442
  --wds-breadcrumbs-padding-vertical-large: 4px;
2264
2443
  --wds-breadcrumbs-padding-vertical-medium: 4px;
2265
- --wds-breadcrumbs-padding-vertical-small: 2px;
2444
+ --wds-breadcrumbs-padding-vertical-small: 4px;
2266
2445
  --wds-breadcrumbs-text-line-height-small: 16px;
2267
2446
  --wds-breadcrumbs-text-weight-default: 400;
2268
- --wds-breadcrumbs-text-weight-selected: 600;
2447
+ --wds-breadcrumbs-text-weight-selected: 500;
2269
2448
  --wds-breakpoint-large: 1186px;
2270
2449
  --wds-breakpoint-medium: 768px;
2271
2450
  --wds-breakpoint-small: 490px;
@@ -2384,11 +2563,16 @@
2384
2563
  --wds-button-size-tiny: 24px;
2385
2564
  --wds-button-size-tiny-screen-small: 32px;
2386
2565
  --wds-button-size-x-tiny: 18px;
2566
+ --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2387
2567
  --wds-card-border-radius: 16px;
2388
2568
  --wds-card-content-padding-large: 12px;
2389
2569
  --wds-card-content-padding-medium: 12px;
2570
+ --wds-card-content-padding-medium-bottom: 24px;
2571
+ --wds-card-content-padding-medium-horizontal: 24px;
2572
+ --wds-card-content-padding-medium-top: 12px;
2390
2573
  --wds-card-content-paddings-horizontal: 12px;
2391
2574
  --wds-card-content-paddings-vertical: 12px;
2575
+ --wds-card-divider-opacity: 0;
2392
2576
  --wds-card-gallery-item-buttons-gap: 8px;
2393
2577
  --wds-card-gallery-item-content-margin-horizontal: 8px;
2394
2578
  --wds-card-gallery-item-content-margin-vertical: 0px;
@@ -2402,13 +2586,16 @@
2402
2586
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2403
2587
  --wds-card-gallery-item-padding-vertical-small: 12px;
2404
2588
  --wds-card-gallery-item-subtitle-font-size-medium: 12px;
2589
+ --wds-card-gallery-item-subtitle-side-font-size-medium: 14px;
2405
2590
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
2406
2591
  --wds-card-gallery-item-title-font-line-height-small: 16px;
2407
2592
  --wds-card-gallery-item-title-font-size-medium: 16px;
2593
+ --wds-card-gallery-item-title-font-weight-medium: 600;
2408
2594
  --wds-card-header-divider-width: 0px;
2409
2595
  --wds-card-header-padding-horizontal: 24px;
2410
2596
  --wds-card-header-padding-vertical: 24px;
2411
2597
  --wds-card-header-title-subtitle-gap: 4px;
2598
+ --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2412
2599
  --wds-card-subtitle-color: #44485f;
2413
2600
  --wds-card-subtitle-font-size: 12px;
2414
2601
  --wds-card-subtitle-line-height: 16px;
@@ -2615,13 +2802,13 @@
2615
2802
  --wds-color-border-warning-tertiary-active: #fdead2;
2616
2803
  --wds-color-border-warning-tertiary-disabled: rgba(19, 23, 32, .1);
2617
2804
  --wds-color-border-warning-tertiary-hover: #fef3e5;
2618
- --wds-color-fill-accent-1: #1684ea;
2619
- --wds-color-fill-accent-2: #17b0e2;
2620
- --wds-color-fill-accent-3: #6959f0;
2621
- --wds-color-fill-accent-4: #1b838b;
2622
- --wds-color-fill-accent-5: #c42fca;
2623
- --wds-color-fill-accent-6: #d49341;
2624
- --wds-color-fill-accent-7: #f36e1b;
2805
+ --wds-color-fill-accent-1: #C4E1FF;
2806
+ --wds-color-fill-accent-2: #FFC2FE;
2807
+ --wds-color-fill-accent-3: #E7BE64;
2808
+ --wds-color-fill-accent-4: #C4CEFF;
2809
+ --wds-color-fill-accent-5: #D7F391;
2810
+ --wds-color-fill-accent-6: #FFA270;
2811
+ --wds-color-fill-accent-7: #BCD7C3;
2625
2812
  --wds-color-fill-accent-8: #cc180b;
2626
2813
  --wds-color-fill-accent-9: #59005f;
2627
2814
  --wds-color-fill-accent-10: #1f8845;
@@ -2982,11 +3169,12 @@
2982
3169
  --wds-custom-modal-content-padding-vertical: 24px;
2983
3170
  --wds-custom-modal-footer-padding-horizontal: 24px;
2984
3171
  --wds-custom-modal-footer-padding-vertical: 24px;
2985
- --wds-custom-modal-footnote-link-font-weight: 400;
3172
+ --wds-custom-modal-footnote-link-font-weight: 500;
2986
3173
  --wds-custom-modal-footnote-padding-horizontal: 24px;
2987
3174
  --wds-custom-modal-footnote-padding-vertical: 16px;
2988
3175
  --wds-custom-modal-footnote-text-font-line-height: 16px;
2989
3176
  --wds-custom-modal-footnote-text-font-size: 12px;
3177
+ --wds-custom-modal-footnote-text-font-weight: 500;
2990
3178
  --wds-custom-modal-header-padding-left: 24px;
2991
3179
  --wds-custom-modal-header-padding-right: 20px;
2992
3180
  --wds-custom-modal-header-padding-vertical: 24px;
@@ -3008,6 +3196,10 @@
3008
3196
  --wds-dropdown-layout-option-size-big: 40px;
3009
3197
  --wds-dropdown-layout-option-size-small: 32px;
3010
3198
  --wds-dropdown-list-paddings: 8px;
3199
+ --wds-editable-title-marker-fill: #151414;
3200
+ --wds-editable-title-marker-fill-active: #597dff;
3201
+ --wds-editable-title-marker-line-style: dotted;
3202
+ --wds-editable-title-placeholder-fill: #a8a6a5;
3011
3203
  --wds-empty-state-border-radius: 4px;
3012
3204
  --wds-empty-state-page-content-paddings: 24px;
3013
3205
  --wds-empty-state-section-content-paddings: 24px;
@@ -3039,7 +3231,7 @@
3039
3231
  --wds-font-letter-spacing-100: 1px;
3040
3232
  --wds-font-letter-spacing-heading-1: -0.50;
3041
3233
  --wds-font-letter-spacing-heading-2: -0.50;
3042
- --wds-font-letter-spacing-heading-3: -0.50;
3234
+ --wds-font-letter-spacing-heading-3: -0.5px;
3043
3235
  --wds-font-letter-spacing-heading-4: 0px;
3044
3236
  --wds-font-letter-spacing-heading-5: 1px;
3045
3237
  --wds-font-letter-spacing-heading-6: 1px;
@@ -3048,14 +3240,14 @@
3048
3240
  --wds-font-line-height-200: 16px;
3049
3241
  --wds-font-line-height-300: 18px;
3050
3242
  --wds-font-line-height-400: 24px;
3051
- --wds-font-line-height-500: 30px;
3243
+ --wds-font-line-height-500: 32px;
3052
3244
  --wds-font-line-height-600: 40px;
3053
3245
  --wds-font-line-height-body-extra-tiny: 12px;
3054
3246
  --wds-font-line-height-body-medium: 24px;
3055
3247
  --wds-font-line-height-body-small: 18px;
3056
3248
  --wds-font-line-height-body-tiny: 16px;
3057
3249
  --wds-font-line-height-heading-1: 40px;
3058
- --wds-font-line-height-heading-2: 30px;
3250
+ --wds-font-line-height-heading-2: 32px;
3059
3251
  --wds-font-line-height-heading-3: 24px;
3060
3252
  --wds-font-line-height-heading-4: 18px;
3061
3253
  --wds-font-line-height-heading-5: 12px;
@@ -3081,9 +3273,9 @@
3081
3273
  --wds-font-size-heading-6: 12px;
3082
3274
  --wds-font-weight-body-bold: 600;
3083
3275
  --wds-font-weight-bold: 600;
3084
- --wds-font-weight-heading-1: 400;
3276
+ --wds-font-weight-heading-1: 500;
3085
3277
  --wds-font-weight-heading-2: 500;
3086
- --wds-font-weight-heading-3: 600;
3278
+ --wds-font-weight-heading-3: 700;
3087
3279
  --wds-font-weight-heading-4: 600;
3088
3280
  --wds-font-weight-heading-5: 600;
3089
3281
  --wds-font-weight-heading-6: 400;
@@ -3314,28 +3506,36 @@
3314
3506
  --wds-list-item-action-affix-margin: 4px;
3315
3507
  --wds-list-item-action-border-radius: 8px;
3316
3508
  --wds-list-item-action-fill: #ffffff;
3317
- --wds-list-item-action-fill-active: #f0efef;
3318
- --wds-list-item-action-fill-hover: #f8f6f6;
3509
+ --wds-list-item-action-fill-active: #e8e7e7;
3510
+ --wds-list-item-action-fill-hover: #f0efef;
3319
3511
  --wds-list-item-action-gap: 2px;
3320
3512
  --wds-list-item-action-label-fill-active: #151414;
3321
- --wds-list-item-action-label-fill-pressed-destructive: #df3336;
3513
+ --wds-list-item-action-label-fill-hover-destructive: #9c2426;
3514
+ --wds-list-item-action-label-fill-hover-premium: #1c3fe5;
3515
+ --wds-list-item-action-label-fill-hover-primary: #1c3fe5;
3516
+ --wds-list-item-action-label-fill-pressed-destructive: #9c2426;
3517
+ --wds-list-item-action-label-fill-pressed-premium: #1c3fe5;
3518
+ --wds-list-item-action-label-fill-pressed-primary: #1c3fe5;
3322
3519
  --wds-list-item-action-label-font-line-height-medium: 24px;
3323
3520
  --wds-list-item-action-label-font-line-height-small: 18px;
3324
3521
  --wds-list-item-action-label-font-size-medium: 14px;
3325
3522
  --wds-list-item-action-label-font-size-small: 12px;
3523
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
3524
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
3326
3525
  --wds-list-item-action-padding-horizontal-medium: 8px;
3327
3526
  --wds-list-item-action-padding-horizontal-small: 8px;
3328
3527
  --wds-list-item-action-padding-vertical-medium: 8px;
3329
3528
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3330
3529
  --wds-list-item-action-padding-vertical-small: 8px;
3331
3530
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3332
- --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
3531
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #525150;
3333
3532
  --wds-list-item-action-subtitle-font-line-height: 16px;
3334
3533
  --wds-list-item-action-subtitle-font-size: 12px;
3534
+ --wds-list-item-action-subtitle-offset: -2px;
3335
3535
  --wds-list-item-action-suffix-fill: #151414;
3336
3536
  --wds-list-item-action-suffix-fill-active: #151414;
3337
3537
  --wds-list-item-action-title-font-weight: 500;
3338
- --wds-list-item-action-title-font-weight-active: 600;
3538
+ --wds-list-item-action-title-font-weight-active: 500;
3339
3539
  --wds-list-item-section-divider-padding-bottom: 8px;
3340
3540
  --wds-list-item-section-divider-padding-horizontal: 8px;
3341
3541
  --wds-list-item-section-divider-padding-top: 8px;
@@ -3351,11 +3551,11 @@
3351
3551
  --wds-list-item-section-padding-vertical-neutral: 8px;
3352
3552
  --wds-list-item-section-title-label-fill: #767574;
3353
3553
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
3354
- --wds-list-item-select-active-fill: #f0efef;
3355
- --wds-list-item-select-active-fill-active: #d5dfff;
3554
+ --wds-list-item-select-active-fill: #e8e7e7;
3555
+ --wds-list-item-select-active-fill-active: #e8e7e7;
3356
3556
  --wds-list-item-select-active-fill-active-screen-small: #7896ff;
3357
3557
  --wds-list-item-select-active-fill-disabled: #ffffff;
3358
- --wds-list-item-select-active-fill-hover: #f5f7ff;
3558
+ --wds-list-item-select-active-fill-hover: #f0efef;
3359
3559
  --wds-list-item-select-active-fill-screen-small: #d5dfff;
3360
3560
  --wds-list-item-select-active-subtitle: #151414;
3361
3561
  --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
@@ -3368,30 +3568,34 @@
3368
3568
  --wds-list-item-select-fill: #ffffff;
3369
3569
  --wds-list-item-select-fill-active: #ffffff;
3370
3570
  --wds-list-item-select-fill-disabled: #ffffff;
3371
- --wds-list-item-select-fill-hover: #f8f6f6;
3372
- --wds-list-item-select-gap: 2px;
3571
+ --wds-list-item-select-fill-hover: #f0efef;
3572
+ --wds-list-item-select-gap: 6px;
3373
3573
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3374
3574
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3375
3575
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
3376
3576
  --wds-list-item-select-icon-padding-vertical-small: 4px;
3377
- --wds-list-item-select-label-font-line-height-medium: 24px;
3378
- --wds-list-item-select-label-font-line-height-small: 18px;
3577
+ --wds-list-item-select-label-font-line-height-medium: 18px;
3578
+ --wds-list-item-select-label-font-line-height-small: 16px;
3379
3579
  --wds-list-item-select-label-font-size-medium: 14px;
3380
3580
  --wds-list-item-select-label-font-size-small: 12px;
3381
- --wds-list-item-select-label-font-weight-active: 600;
3581
+ --wds-list-item-select-label-font-weight-active: 500;
3382
3582
  --wds-list-item-select-label-font-weight-medium: 500;
3383
- --wds-list-item-select-padding-horizontal-medium: 8px;
3384
- --wds-list-item-select-padding-horizontal-small: 8px;
3583
+ --wds-list-item-select-min-height-medium: 52px;
3584
+ --wds-list-item-select-padding-horizontal-medium: 12px;
3585
+ --wds-list-item-select-padding-horizontal-small: 12px;
3385
3586
  --wds-list-item-select-padding-left-medium: 12px;
3386
3587
  --wds-list-item-select-padding-left-small: 12px;
3387
3588
  --wds-list-item-select-padding-right-medium: 16px;
3388
3589
  --wds-list-item-select-padding-right-small: 16px;
3389
- --wds-list-item-select-padding-vertical-medium: 4px;
3590
+ --wds-list-item-select-padding-vertical-medium: 8px;
3390
3591
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3391
- --wds-list-item-select-padding-vertical-small: 4px;
3592
+ --wds-list-item-select-padding-vertical-small: 8px;
3392
3593
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3594
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
3393
3595
  --wds-list-item-select-subtitle: #767574;
3394
3596
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
3597
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3598
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
3395
3599
  --wds-list-item-select-suffix: #151414;
3396
3600
  --wds-list-item-select-suffix-active-font-weight: 500;
3397
3601
  --wds-list-item-select-suffix-pressed: #1c3fe5;
@@ -3407,20 +3611,79 @@
3407
3611
  --wds-loader-stroke-width-medium: 2px;
3408
3612
  --wds-loader-stroke-width-small: 2px;
3409
3613
  --wds-loader-stroke-width-tiny: 2px;
3614
+ --wds-marketing-layout-actions-gap-medium: 12px;
3615
+ --wds-marketing-layout-actions-gap-small: 12px;
3616
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3617
+ --wds-marketing-layout-badge-gap: 12px;
3618
+ --wds-marketing-layout-badge-offset-medium: 0px;
3619
+ --wds-marketing-layout-badge-offset-small: 0px;
3620
+ --wds-marketing-layout-badge-offset-tiny: 0px;
3621
+ --wds-marketing-layout-badge-position: static;
3622
+ --wds-marketing-layout-badge-side: auto;
3623
+ --wds-marketing-layout-badge-top: auto;
3410
3624
  --wds-marketing-layout-border: 4px;
3625
+ --wds-marketing-layout-description-color: #767574;
3626
+ --wds-marketing-layout-description-font-size-medium: 12px;
3627
+ --wds-marketing-layout-description-font-size-small: 12px;
3628
+ --wds-marketing-layout-description-font-size-tiny: 12px;
3629
+ --wds-marketing-layout-description-font-weight-medium: 500;
3630
+ --wds-marketing-layout-description-font-weight-small: 500;
3631
+ --wds-marketing-layout-description-font-weight-tiny: 500;
3632
+ --wds-marketing-layout-description-line-height-medium: 16px;
3633
+ --wds-marketing-layout-description-line-height-small: 16px;
3634
+ --wds-marketing-layout-description-line-height-tiny: 16px;
3635
+ --wds-marketing-layout-image-border-radius: 8px;
3636
+ --wds-marketing-layout-image-padding-left-medium: 16px;
3637
+ --wds-marketing-layout-image-padding-left-small: 16px;
3638
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
3639
+ --wds-marketing-layout-image-padding-right-medium: 16px;
3640
+ --wds-marketing-layout-image-padding-right-small: 16px;
3641
+ --wds-marketing-layout-image-padding-right-tiny: 16px;
3642
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
3643
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
3644
+ --wds-marketing-layout-image-padding-vertical-tiny: 16px;
3645
+ --wds-marketing-layout-padding-left-medium: 24px;
3646
+ --wds-marketing-layout-padding-left-small: 24px;
3647
+ --wds-marketing-layout-padding-left-tiny: 24px;
3648
+ --wds-marketing-layout-padding-right-medium: 24px;
3649
+ --wds-marketing-layout-padding-right-small: 24px;
3650
+ --wds-marketing-layout-padding-right-tiny: 24px;
3651
+ --wds-marketing-layout-padding-vertical-medium: 24px;
3652
+ --wds-marketing-layout-padding-vertical-small: 24px;
3653
+ --wds-marketing-layout-padding-vertical-tiny: 24px;
3654
+ --wds-marketing-layout-title-font-size-medium: 16px;
3655
+ --wds-marketing-layout-title-font-size-small: 16px;
3656
+ --wds-marketing-layout-title-font-size-tiny: 16px;
3657
+ --wds-marketing-layout-title-font-weight-medium: 700;
3658
+ --wds-marketing-layout-title-font-weight-small: 700;
3659
+ --wds-marketing-layout-title-font-weight-tiny: 700;
3660
+ --wds-marketing-layout-title-gap-medium: 4px;
3661
+ --wds-marketing-layout-title-gap-small: 4px;
3662
+ --wds-marketing-layout-title-gap-tiny: 4px;
3663
+ --wds-marketing-layout-title-line-height-medium: 24px;
3664
+ --wds-marketing-layout-title-line-height-small: 24px;
3665
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3411
3666
  --wds-marketing-page-paddings-horizontal-large: 60px;
3412
3667
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3413
3668
  --wds-marketing-page-paddings-vertical-large: 32px;
3414
3669
  --wds-marketing-page-paddings-vertical-medium: 20px;
3670
+ --wds-message-modal-close-button-fill: #f0efef;
3671
+ --wds-message-modal-close-button-icon-size: 8px;
3672
+ --wds-message-modal-close-button-size: 24px;
3415
3673
  --wds-message-modal-content-gap: 12px;
3674
+ --wds-message-modal-help-button-size: 28px;
3675
+ --wds-message-modal-illustration-content-gap: 16px;
3676
+ --wds-message-modal-illustration-margin-start: 24px;
3677
+ --wds-message-modal-illustration-margin-top: 24px;
3416
3678
  --wds-message-modal-padding-horizontal: 24px;
3417
3679
  --wds-message-modal-padding-vertical: 24px;
3418
3680
  --wds-message-modal-text-font-line-height: 18px;
3419
3681
  --wds-message-modal-text-font-size: 14px;
3420
3682
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
3421
- --wds-message-modal-title-font-line-height: 30px;
3683
+ --wds-message-modal-title-font-line-height: 32px;
3422
3684
  --wds-message-modal-title-font-size: 24px;
3423
- --wds-message-modal-top-controls-paddings: 10px;
3685
+ --wds-message-modal-top-controls-gap: 4px;
3686
+ --wds-message-modal-top-controls-paddings: 6px;
3424
3687
  --wds-mobile-modal-content-padding-horizontal: 24px;
3425
3688
  --wds-mobile-modal-content-padding-vertical: 24px;
3426
3689
  --wds-mobile-modal-footer-padding-horizontal: 24px;
@@ -3446,10 +3709,21 @@
3446
3709
  --wds-padding-vertical-medium: 24px;
3447
3710
  --wds-padding-vertical-small: 24px;
3448
3711
  --wds-padding-vertical-tiny: 20px;
3712
+ --wds-page-header-back-button-gap: 8px;
3449
3713
  --wds-page-header-padding-horizontal: 48px;
3450
3714
  --wds-page-header-padding-horizontal-small: 24px;
3451
3715
  --wds-page-header-padding-vertical: 24px;
3452
3716
  --wds-page-header-padding-vertical-small: 18px;
3717
+ --wds-page-header-subtitle-font-size: 12px;
3718
+ --wds-page-header-subtitle-line-height: 16px;
3719
+ --wds-page-header-title-actions-gap: 40px;
3720
+ --wds-page-header-title-font-size: 24px;
3721
+ --wds-page-header-title-font-weight: 500;
3722
+ --wds-page-header-title-line-height: 32px;
3723
+ --wds-page-header-title-minimised-font-size: 16px;
3724
+ --wds-page-header-title-minimised-font-weight: 700;
3725
+ --wds-page-header-title-minimised-letter-spacing: -0.5px;
3726
+ --wds-page-header-title-minimised-line-height: 24px;
3453
3727
  --wds-pagination-arrow-fill: #151414;
3454
3728
  --wds-pagination-fill: #ffffff;
3455
3729
  --wds-pagination-fill-active: #151414;
@@ -3511,7 +3785,10 @@
3511
3785
  --wds-search-expandable-padding-large: 12px;
3512
3786
  --wds-search-expandable-padding-medium: 7px;
3513
3787
  --wds-search-expandable-padding-small: 6px;
3788
+ --wds-section-header-border-light: #7896ff;
3789
+ --wds-section-header-fill-light: #ffffff;
3514
3790
  --wds-section-header-fill-neutral: #ffffff;
3791
+ --wds-section-header-fill-standard: #ffffff;
3515
3792
  --wds-section-header-font-weight: 600;
3516
3793
  --wds-section-header-label-fill-neutral: #767574;
3517
3794
  --wds-section-header-label-font-size-medium: 14px;
@@ -3754,13 +4031,19 @@
3754
4031
  --wds-side-panel-footer-padding-vertical: 16px;
3755
4032
  --wds-side-panel-footnote-padding-horizontal: 16px;
3756
4033
  --wds-side-panel-footnote-padding-vertical: 8px;
4034
+ --wds-side-panel-header-content-padding-right: 8px;
3757
4035
  --wds-side-panel-header-divider-height: 0;
3758
4036
  --wds-side-panel-header-padding-left: 16px;
3759
4037
  --wds-side-panel-header-padding-right: 12px;
3760
4038
  --wds-side-panel-header-padding-vertical: 16px;
3761
- --wds-side-panel-subtitle-font-line-height: 24px;
3762
- --wds-side-panel-subtitle-font-size: 16px;
3763
- --wds-side-panel-title-font-letter-spacing: -0.50;
4039
+ --wds-side-panel-standard-corner-radius: 12px;
4040
+ --wds-side-panel-standard-overflow: hidden;
4041
+ --wds-side-panel-standard-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
4042
+ --wds-side-panel-subtitle-fill: #767574;
4043
+ --wds-side-panel-subtitle-font-line-height: 16px;
4044
+ --wds-side-panel-subtitle-font-size: 12px;
4045
+ --wds-side-panel-subtitle-font-weight: 500;
4046
+ --wds-side-panel-title-font-letter-spacing: -0.5px;
3764
4047
  --wds-side-panel-title-font-line-height: 24px;
3765
4048
  --wds-side-panel-title-font-size: 16px;
3766
4049
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -3769,23 +4052,25 @@
3769
4052
  --wds-sidebar-divider-fill-neutral-default: #dedede;
3770
4053
  --wds-sidebar-header-margin-bottom: 12px;
3771
4054
  --wds-sidebar-header-text-dark-default: #ffffff;
4055
+ --wds-sidebar-item-border-radius: 8px;
3772
4056
  --wds-sidebar-item-content-gap: 8px;
4057
+ --wds-sidebar-item-context-menu-padding-inline: 8px;
3773
4058
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3774
4059
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3775
4060
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
3776
- --wds-sidebar-item-level-1-fill-light-active: #dedede;
3777
- --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
3778
- --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
3779
- --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
3780
- --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
3781
- --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
4061
+ --wds-sidebar-item-level-1-fill-light-active: #e8e7e7;
4062
+ --wds-sidebar-item-level-1-fill-light-default: transparent;
4063
+ --wds-sidebar-item-level-1-fill-light-hover: #f0efef;
4064
+ --wds-sidebar-item-level-1-fill-neutral-active: #e8e7e7;
4065
+ --wds-sidebar-item-level-1-fill-neutral-default: transparent;
4066
+ --wds-sidebar-item-level-1-fill-neutral-hover: #f0efef;
3782
4067
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3783
4068
  --wds-sidebar-item-level-1-padding-end: 18px;
3784
4069
  --wds-sidebar-item-level-1-padding-start: 24px;
3785
4070
  --wds-sidebar-item-level-1-padding-top: 8px;
3786
4071
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
3787
- --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
3788
- --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
4072
+ --wds-sidebar-item-level-2-fill-light-default: transparent;
4073
+ --wds-sidebar-item-level-2-fill-neutral-default: transparent;
3789
4074
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3790
4075
  --wds-sidebar-item-level-2-padding-end: 18px;
3791
4076
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3799,6 +4084,7 @@
3799
4084
  --wds-sidebar-item-level-3-padding-top: 6px;
3800
4085
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
3801
4086
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
4087
+ --wds-sidebar-item-prefix-margin-block: 6px;
3802
4088
  --wds-sidebar-item-prefix-padding-end: 12px;
3803
4089
  --wds-sidebar-item-text-dark-active: #ffffff;
3804
4090
  --wds-sidebar-item-text-dark-default: #dedede;
@@ -3806,6 +4092,7 @@
3806
4092
  --wds-sidebar-item-text-light-active: #151414;
3807
4093
  --wds-sidebar-item-text-light-default: #383838;
3808
4094
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
4095
+ --wds-sidebar-item-text-margin-block: 6px;
3809
4096
  --wds-sidebar-item-text-neutral-active: #151414;
3810
4097
  --wds-sidebar-item-text-neutral-default: #383838;
3811
4098
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
@@ -3926,8 +4213,16 @@
3926
4213
  --wds-swatches-swatch-size-medium: 36px;
3927
4214
  --wds-swatches-swatch-size-small: 28px;
3928
4215
  --wds-swatches-swatch-size-tiny: 22px;
4216
+ --wds-table-action-cell-primary-action-gap-medium: 8px;
4217
+ --wds-table-action-cell-primary-action-gap-small: 8px;
4218
+ --wds-table-action-cell-primary-action-gap-tiny: 8px;
4219
+ --wds-table-action-cell-secondary-action-gap-medium: 4px;
4220
+ --wds-table-action-cell-secondary-action-gap-small: 4px;
4221
+ --wds-table-action-cell-secondary-action-gap-tiny: 4px;
3929
4222
  --wds-table-list-item-border-color: #dedede;
3930
- --wds-table-list-item-border-radius: 8px;
4223
+ --wds-table-list-item-border-radius: 12px;
4224
+ --wds-table-list-item-checkbox-offset: 4px;
4225
+ --wds-table-list-item-controls-gap-medium: 4px;
3931
4226
  --wds-table-list-item-controls-padding-medium: 8px;
3932
4227
  --wds-table-list-item-drag-handle-color: #151414;
3933
4228
  --wds-table-list-item-fill: #ffffff;
@@ -3973,6 +4268,7 @@
3973
4268
  --wds-tag-border-radius-tiny: 4px;
3974
4269
  --wds-tag-label-font-line-height-small: 16px;
3975
4270
  --wds-tag-label-font-size-small: 12px;
4271
+ --wds-tag-list-action-gap: 12px;
3976
4272
  --wds-tag-padding-horizontal-large: 16px;
3977
4273
  --wds-tag-padding-horizontal-medium: 12px;
3978
4274
  --wds-tag-padding-horizontal-small: 12px;
@@ -4173,7 +4469,15 @@
4173
4469
  --wds-tooltip-padding-vertical-small: 6px;
4174
4470
  --wds-tooltip-shadow: rgba(19, 23, 32, 0);
4175
4471
  --wds-tooltip-text-fill: #ffffff;
4176
- --wds-top-banner-fill: #8b2df5;
4472
+ --wds-top-banner-border-color: #ffffff;
4473
+ --wds-top-banner-border-radius: 8px;
4474
+ --wds-top-banner-content-gap: 12px;
4475
+ --wds-top-banner-dismiss-gap: 20px;
4476
+ --wds-top-banner-fill: #e7e4fe;
4477
+ --wds-top-banner-padding-horizontal-end: 12px;
4478
+ --wds-top-banner-padding-horizontal-start: 30px;
4479
+ --wds-top-banner-padding-vertical: 0px;
4480
+ --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
4177
4481
  --wds-variable-input-padding-vertical-small: 5px;
4178
4482
  --wds-variable-input-padding-vertical-tiny: 2px;
4179
4483
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;