@wix/design-system-tokens 1.222.0 → 1.223.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 (27) hide show
  1. package/CHANGELOG.md +42 -0
  2. package/all.css +89 -2
  3. package/all.scss +89 -2
  4. package/all.st.css +176 -2
  5. package/component.st.css +174 -0
  6. package/odeditor/all.css +106 -14
  7. package/odeditor/all.scss +106 -14
  8. package/odeditor/all.st.css +198 -14
  9. package/odeditor/component.st.css +197 -13
  10. package/odeditor/semantic.st.css +1 -1
  11. package/odeditor-dark/all.css +101 -9
  12. package/odeditor-dark/all.scss +101 -9
  13. package/odeditor-dark/all.st.css +193 -9
  14. package/odeditor-dark/component.st.css +191 -7
  15. package/odeditor-dark/semantic.st.css +2 -2
  16. package/package.json +2 -2
  17. package/semantic.st.css +2 -2
  18. package/studio/all.css +88 -1
  19. package/studio/all.scss +88 -1
  20. package/studio/all.st.css +175 -1
  21. package/studio/component.st.css +174 -0
  22. package/studio/semantic.st.css +1 -1
  23. package/wixel/all.css +88 -1
  24. package/wixel/all.scss +88 -1
  25. package/wixel/all.st.css +175 -1
  26. package/wixel/component.st.css +174 -0
  27. package/wixel/semantic.st.css +1 -1
package/all.st.css CHANGED
@@ -312,26 +312,59 @@
312
312
  @property st-global(--wds-card-content-paddings-horizontal);
313
313
  @property st-global(--wds-card-content-paddings-vertical);
314
314
  @property st-global(--wds-card-divider-opacity);
315
+ @property st-global(--wds-card-gallery-item-action-button-border-radius);
316
+ @property st-global(--wds-card-gallery-item-action-button-font-size);
317
+ @property st-global(--wds-card-gallery-item-action-button-line-height);
318
+ @property st-global(--wds-card-gallery-item-action-button-min-width);
319
+ @property st-global(--wds-card-gallery-item-action-button-padding-horizontal);
320
+ @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
321
+ @property st-global(--wds-card-gallery-item-action-button-size);
322
+ @property st-global(--wds-card-gallery-item-actions-align);
323
+ @property st-global(--wds-card-gallery-item-actions-direction);
324
+ @property st-global(--wds-card-gallery-item-actions-secondary-position);
325
+ @property st-global(--wds-card-gallery-item-badge-offset-block);
326
+ @property st-global(--wds-card-gallery-item-badge-offset-inline);
327
+ @property st-global(--wds-card-gallery-item-base-shadow);
315
328
  @property st-global(--wds-card-gallery-item-border-radius-0);
316
329
  @property st-global(--wds-card-gallery-item-border-radius-100);
317
330
  @property st-global(--wds-card-gallery-item-buttons-gap);
318
331
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
332
+ @property st-global(--wds-card-gallery-item-drag-handle-gap);
319
333
  @property st-global(--wds-card-gallery-item-fill);
320
334
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
321
335
  @property st-global(--wds-card-gallery-item-image-border-radius-top);
336
+ @property st-global(--wds-card-gallery-item-image-inset);
337
+ @property st-global(--wds-card-gallery-item-image-side-size-medium);
338
+ @property st-global(--wds-card-gallery-item-image-side-size-small);
339
+ @property st-global(--wds-card-gallery-item-outline-border-color);
340
+ @property st-global(--wds-card-gallery-item-outline-border-color-hover);
341
+ @property st-global(--wds-card-gallery-item-overlay-backdrop-filter);
322
342
  @property st-global(--wds-card-gallery-item-overlay-fill);
343
+ @property st-global(--wds-card-gallery-item-overlay-hover-fill);
323
344
  @property st-global(--wds-card-gallery-item-padding-left-medium);
324
345
  @property st-global(--wds-card-gallery-item-padding-left-small);
325
346
  @property st-global(--wds-card-gallery-item-padding-right-medium);
326
347
  @property st-global(--wds-card-gallery-item-padding-right-small);
327
348
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
328
349
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
350
+ @property st-global(--wds-card-gallery-item-secondary-action-font-size);
351
+ @property st-global(--wds-card-gallery-item-secondary-action-line-height);
352
+ @property st-global(--wds-card-gallery-item-shadow);
353
+ @property st-global(--wds-card-gallery-item-shadow-hover);
354
+ @property st-global(--wds-card-gallery-item-shadow-hover-side);
329
355
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
356
+ @property st-global(--wds-card-gallery-item-subtitle-line-height-medium);
330
357
  @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
358
+ @property st-global(--wds-card-gallery-item-title-font-family);
359
+ @property st-global(--wds-card-gallery-item-title-font-heading-letter-spacing-medium);
360
+ @property st-global(--wds-card-gallery-item-title-font-heading-weight-medium);
361
+ @property st-global(--wds-card-gallery-item-title-font-letter-spacing);
331
362
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
332
363
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
333
364
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
334
365
  @property st-global(--wds-card-gallery-item-title-font-weight-medium);
366
+ @property st-global(--wds-card-gallery-item-title-font-weight-small);
367
+ @property st-global(--wds-card-gallery-item-title-gap);
335
368
  @property st-global(--wds-card-header-divider-width);
336
369
  @property st-global(--wds-card-header-padding-horizontal);
337
370
  @property st-global(--wds-card-header-padding-vertical);
@@ -957,6 +990,7 @@
957
990
  @property st-global(--wds-editable-title-marker-fill);
958
991
  @property st-global(--wds-editable-title-marker-fill-active);
959
992
  @property st-global(--wds-editable-title-marker-gap);
993
+ @property st-global(--wds-editable-title-marker-image);
960
994
  @property st-global(--wds-editable-title-marker-line-style);
961
995
  @property st-global(--wds-editable-title-placeholder-fill);
962
996
  @property st-global(--wds-empty-state-border-radius);
@@ -1061,6 +1095,9 @@
1061
1095
  @property st-global(--wds-google-preview-surface-fill);
1062
1096
  @property st-global(--wds-google-preview-text-fill);
1063
1097
  @property st-global(--wds-google-preview-title-fill);
1098
+ @property st-global(--wds-horizontal-scroll-button-fill);
1099
+ @property st-global(--wds-horizontal-scroll-button-fill-active);
1100
+ @property st-global(--wds-horizontal-scroll-button-text);
1064
1101
  @property st-global(--wds-icon-button-color-border-dark-secondary);
1065
1102
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
1066
1103
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -1445,10 +1482,44 @@
1445
1482
  @property st-global(--wds-marketing-layout-title-line-height-medium);
1446
1483
  @property st-global(--wds-marketing-layout-title-line-height-small);
1447
1484
  @property st-global(--wds-marketing-layout-title-line-height-tiny);
1485
+ @property st-global(--wds-marketing-page-content-actions-gap);
1486
+ @property st-global(--wds-marketing-page-content-font-size);
1487
+ @property st-global(--wds-marketing-page-content-line-height);
1488
+ @property st-global(--wds-marketing-page-content-padding-end-large);
1489
+ @property st-global(--wds-marketing-page-content-padding-end-medium);
1490
+ @property st-global(--wds-marketing-page-content-padding-start-large);
1491
+ @property st-global(--wds-marketing-page-content-padding-start-medium);
1492
+ @property st-global(--wds-marketing-page-footer-divider-display);
1493
+ @property st-global(--wds-marketing-page-footer-grid-column);
1494
+ @property st-global(--wds-marketing-page-footer-padding-bottom);
1495
+ @property st-global(--wds-marketing-page-image-display);
1496
+ @property st-global(--wds-marketing-page-image-grid-row);
1497
+ @property st-global(--wds-marketing-page-image-padding-end-large);
1498
+ @property st-global(--wds-marketing-page-image-padding-end-medium);
1499
+ @property st-global(--wds-marketing-page-image-padding-vertical-large);
1500
+ @property st-global(--wds-marketing-page-image-padding-vertical-medium);
1501
+ @property st-global(--wds-marketing-page-image-top-actions-gap);
1502
+ @property st-global(--wds-marketing-page-image-top-columns-gap);
1503
+ @property st-global(--wds-marketing-page-image-top-content-column-padding-vertical);
1504
+ @property st-global(--wds-marketing-page-image-top-content-padding-bottom);
1505
+ @property st-global(--wds-marketing-page-image-top-content-padding-horizontal);
1506
+ @property st-global(--wds-marketing-page-image-top-content-padding-top);
1507
+ @property st-global(--wds-marketing-page-image-top-footer-padding-bottom);
1508
+ @property st-global(--wds-marketing-page-image-top-image-border-radius);
1509
+ @property st-global(--wds-marketing-page-image-top-image-padding);
1510
+ @property st-global(--wds-marketing-page-image-top-title-line-height);
1511
+ @property st-global(--wds-marketing-page-image-top-title-subtitle-gap);
1512
+ @property st-global(--wds-marketing-page-overline-divider-display);
1513
+ @property st-global(--wds-marketing-page-overline-divider-margin-top);
1514
+ @property st-global(--wds-marketing-page-overline-title-gap);
1448
1515
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1449
1516
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1450
1517
  @property st-global(--wds-marketing-page-paddings-vertical-large);
1451
1518
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
1519
+ @property st-global(--wds-marketing-page-subtitle-fill);
1520
+ @property st-global(--wds-marketing-page-title-content-gap);
1521
+ @property st-global(--wds-marketing-page-title-font-weight);
1522
+ @property st-global(--wds-marketing-page-title-line-height);
1452
1523
  @property st-global(--wds-message-modal-close-button-fill);
1453
1524
  @property st-global(--wds-message-modal-close-button-icon-size);
1454
1525
  @property st-global(--wds-message-modal-close-button-size);
@@ -1484,6 +1555,7 @@
1484
1555
  @property st-global(--wds-notification-padding-vertical);
1485
1556
  @property st-global(--wds-number-input-icon-fill);
1486
1557
  @property st-global(--wds-page-header-back-button-gap);
1558
+ @property st-global(--wds-page-header-back-button-offset);
1487
1559
  @property st-global(--wds-page-header-breadcrumbs-color);
1488
1560
  @property st-global(--wds-page-header-breadcrumbs-font-size);
1489
1561
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
@@ -1491,6 +1563,7 @@
1491
1563
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
1492
1564
  @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
1493
1565
  @property st-global(--wds-page-header-divider-color);
1566
+ @property st-global(--wds-page-header-padding-bottom-with-tail);
1494
1567
  @property st-global(--wds-page-header-padding-horizontal);
1495
1568
  @property st-global(--wds-page-header-padding-horizontal-small);
1496
1569
  @property st-global(--wds-page-header-padding-vertical);
@@ -1507,6 +1580,7 @@
1507
1580
  @property st-global(--wds-page-header-title-minimised-font-weight);
1508
1581
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
1509
1582
  @property st-global(--wds-page-header-title-minimised-line-height);
1583
+ @property st-global(--wds-page-header-title-padding-start);
1510
1584
  @property st-global(--wds-page-section-divider-display);
1511
1585
  @property st-global(--wds-page-section-gap);
1512
1586
  @property st-global(--wds-page-section-padding-bottom);
@@ -2047,6 +2121,16 @@
2047
2121
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
2048
2122
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
2049
2123
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
2124
+ @property st-global(--wds-table-list-header-checkbox-padding-left);
2125
+ @property st-global(--wds-table-list-header-checkbox-padding-right);
2126
+ @property st-global(--wds-table-list-header-divider-fill-bottom);
2127
+ @property st-global(--wds-table-list-header-divider-fill-top);
2128
+ @property st-global(--wds-table-list-header-fill);
2129
+ @property st-global(--wds-table-list-header-icon-fill);
2130
+ @property st-global(--wds-table-list-header-min-height);
2131
+ @property st-global(--wds-table-list-header-option-gap);
2132
+ @property st-global(--wds-table-list-header-option-margin-inline);
2133
+ @property st-global(--wds-table-list-header-padding-inline);
2050
2134
  @property st-global(--wds-table-list-item-border-color);
2051
2135
  @property st-global(--wds-table-list-item-border-radius);
2052
2136
  @property st-global(--wds-table-list-item-checkbox-offset);
@@ -2365,8 +2449,11 @@
2365
2449
  @property st-global(--wds-vertical-tabs-item-label-text-premium);
2366
2450
  @property st-global(--wds-vertical-tabs-item-label-text-premium-active);
2367
2451
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium);
2452
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-medium-offset);
2368
2453
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-small);
2454
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-small-offset);
2369
2455
  @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny);
2456
+ @property st-global(--wds-vertical-tabs-item-padding-horizontal-tiny-offset);
2370
2457
  @property st-global(--wds-vertical-tabs-item-padding-vertical-medium);
2371
2458
  @property st-global(--wds-vertical-tabs-item-padding-vertical-small);
2372
2459
  @property st-global(--wds-vertical-tabs-item-padding-vertical-tiny);
@@ -2710,26 +2797,59 @@
2710
2797
  --wds-card-content-paddings-horizontal: 24px;
2711
2798
  --wds-card-content-paddings-vertical: 18px;
2712
2799
  --wds-card-divider-opacity: 1;
2800
+ --wds-card-gallery-item-action-button-border-radius: 1000px;
2801
+ --wds-card-gallery-item-action-button-font-size: 16px;
2802
+ --wds-card-gallery-item-action-button-line-height: 24px;
2803
+ --wds-card-gallery-item-action-button-min-width: 84px;
2804
+ --wds-card-gallery-item-action-button-padding-horizontal: 24px;
2805
+ --wds-card-gallery-item-action-button-padding-vertical: 6px;
2806
+ --wds-card-gallery-item-action-button-size: 36px;
2807
+ --wds-card-gallery-item-actions-align: stretch;
2808
+ --wds-card-gallery-item-actions-direction: row;
2809
+ --wds-card-gallery-item-actions-secondary-position: absolute;
2810
+ --wds-card-gallery-item-badge-offset-block: 12px;
2811
+ --wds-card-gallery-item-badge-offset-inline: -6px;
2812
+ --wds-card-gallery-item-base-shadow: none;
2713
2813
  --wds-card-gallery-item-border-radius-0: 0px;
2714
2814
  --wds-card-gallery-item-border-radius-100: 8px;
2715
2815
  --wds-card-gallery-item-buttons-gap: 6px;
2716
2816
  --wds-card-gallery-item-content-margin-vertical: 0px;
2817
+ --wds-card-gallery-item-drag-handle-gap: 12px;
2717
2818
  --wds-card-gallery-item-fill: #ffffff;
2718
2819
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
2719
2820
  --wds-card-gallery-item-image-border-radius-top: 8px;
2821
+ --wds-card-gallery-item-image-inset: 0px;
2822
+ --wds-card-gallery-item-image-side-size-medium: 40px;
2823
+ --wds-card-gallery-item-image-side-size-small: 30px;
2824
+ --wds-card-gallery-item-outline-border-color: #d6e6fe;
2825
+ --wds-card-gallery-item-outline-border-color-hover: #a8caff;
2826
+ --wds-card-gallery-item-overlay-backdrop-filter: none;
2720
2827
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2828
+ --wds-card-gallery-item-overlay-hover-fill: rgba(68, 72, 95, .5);
2721
2829
  --wds-card-gallery-item-padding-left-medium: 18px;
2722
2830
  --wds-card-gallery-item-padding-left-small: 12px;
2723
2831
  --wds-card-gallery-item-padding-right-medium: 24px;
2724
2832
  --wds-card-gallery-item-padding-right-small: 18px;
2725
2833
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2726
2834
  --wds-card-gallery-item-padding-vertical-small: 12px;
2835
+ --wds-card-gallery-item-secondary-action-font-size: 16px;
2836
+ --wds-card-gallery-item-secondary-action-line-height: 24px;
2837
+ --wds-card-gallery-item-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2838
+ --wds-card-gallery-item-shadow-hover: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2839
+ --wds-card-gallery-item-shadow-hover-side: 0 6px 6px 0 rgba(22, 45, 61, 0.06), 0 0 18px 0 rgba(22, 45, 61, 0.12);
2727
2840
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2841
+ --wds-card-gallery-item-subtitle-line-height-medium: 18px;
2728
2842
  --wds-card-gallery-item-subtitle-side-font-size-medium: 12px;
2843
+ --wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2844
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: 0px;
2845
+ --wds-card-gallery-item-title-font-heading-weight-medium: 500;
2846
+ --wds-card-gallery-item-title-font-letter-spacing: 0px;
2729
2847
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
2730
2848
  --wds-card-gallery-item-title-font-line-height-small: 18px;
2731
2849
  --wds-card-gallery-item-title-font-size-medium: 14px;
2732
2850
  --wds-card-gallery-item-title-font-weight-medium: 500;
2851
+ --wds-card-gallery-item-title-font-weight-small: 500;
2852
+ --wds-card-gallery-item-title-gap: 0px;
2733
2853
  --wds-card-header-divider-width: 0px;
2734
2854
  --wds-card-header-padding-horizontal: 24px;
2735
2855
  --wds-card-header-padding-vertical: 18px;
@@ -3355,6 +3475,7 @@
3355
3475
  --wds-editable-title-marker-fill: #868aa5;
3356
3476
  --wds-editable-title-marker-fill-active: #116dff;
3357
3477
  --wds-editable-title-marker-gap: 6px;
3478
+ --wds-editable-title-marker-image: none;
3358
3479
  --wds-editable-title-marker-line-style: dashed;
3359
3480
  --wds-editable-title-placeholder-fill: #cfd1dc;
3360
3481
  --wds-empty-state-border-radius: 8px;
@@ -3459,6 +3580,9 @@
3459
3580
  --wds-google-preview-surface-fill: #ffffff;
3460
3581
  --wds-google-preview-text-fill: #4D5156;
3461
3582
  --wds-google-preview-title-fill: #260AA8;
3583
+ --wds-horizontal-scroll-button-fill: #FFFFFF;
3584
+ --wds-horizontal-scroll-button-fill-active: #CFD1DC;
3585
+ --wds-horizontal-scroll-button-text: #000624;
3462
3586
  --wds-icon-button-color-border-dark-secondary: #868aa5;
3463
3587
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
3464
3588
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -3843,10 +3967,44 @@
3843
3967
  --wds-marketing-layout-title-line-height-medium: 28px;
3844
3968
  --wds-marketing-layout-title-line-height-small: 24px;
3845
3969
  --wds-marketing-layout-title-line-height-tiny: 24px;
3970
+ --wds-marketing-page-content-actions-gap: 42px;
3971
+ --wds-marketing-page-content-font-size: 16px;
3972
+ --wds-marketing-page-content-line-height: 24px;
3973
+ --wds-marketing-page-content-padding-end-large: 90px;
3974
+ --wds-marketing-page-content-padding-end-medium: 48px;
3975
+ --wds-marketing-page-content-padding-start-large: 90px;
3976
+ --wds-marketing-page-content-padding-start-medium: 48px;
3977
+ --wds-marketing-page-footer-divider-display: block;
3978
+ --wds-marketing-page-footer-grid-column: span 12;
3979
+ --wds-marketing-page-footer-padding-bottom: 0px;
3980
+ --wds-marketing-page-image-display: block;
3981
+ --wds-marketing-page-image-grid-row: span 1;
3982
+ --wds-marketing-page-image-padding-end-large: 90px;
3983
+ --wds-marketing-page-image-padding-end-medium: 48px;
3984
+ --wds-marketing-page-image-padding-vertical-large: 48px;
3985
+ --wds-marketing-page-image-padding-vertical-medium: 30px;
3986
+ --wds-marketing-page-image-top-actions-gap: 38px;
3987
+ --wds-marketing-page-image-top-columns-gap: 40px;
3988
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
3989
+ --wds-marketing-page-image-top-content-padding-bottom: 48px;
3990
+ --wds-marketing-page-image-top-content-padding-horizontal: 48px;
3991
+ --wds-marketing-page-image-top-content-padding-top: 48px;
3992
+ --wds-marketing-page-image-top-footer-padding-bottom: 24px;
3993
+ --wds-marketing-page-image-top-image-border-radius: 8px;
3994
+ --wds-marketing-page-image-top-image-padding: 24px;
3995
+ --wds-marketing-page-image-top-title-line-height: 36px;
3996
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
3997
+ --wds-marketing-page-overline-divider-display: block;
3998
+ --wds-marketing-page-overline-divider-margin-top: 17px;
3999
+ --wds-marketing-page-overline-title-gap: 12px;
3846
4000
  --wds-marketing-page-paddings-horizontal-large: 90px;
3847
4001
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3848
4002
  --wds-marketing-page-paddings-vertical-large: 48px;
3849
4003
  --wds-marketing-page-paddings-vertical-medium: 30px;
4004
+ --wds-marketing-page-subtitle-fill: #000624;
4005
+ --wds-marketing-page-title-content-gap: 24px;
4006
+ --wds-marketing-page-title-font-weight: 700;
4007
+ --wds-marketing-page-title-line-height: 36px;
3850
4008
  --wds-message-modal-close-button-fill: transparent;
3851
4009
  --wds-message-modal-close-button-icon-size: 12px;
3852
4010
  --wds-message-modal-close-button-size: 30px;
@@ -3882,6 +4040,7 @@
3882
4040
  --wds-notification-padding-vertical: 9px;
3883
4041
  --wds-number-input-icon-fill: #116dff;
3884
4042
  --wds-page-header-back-button-gap: 8px;
4043
+ --wds-page-header-back-button-offset: 0px;
3885
4044
  --wds-page-header-breadcrumbs-color: #000624;
3886
4045
  --wds-page-header-breadcrumbs-font-size: 14px;
3887
4046
  --wds-page-header-breadcrumbs-offset-large: -15px;
@@ -3889,6 +4048,7 @@
3889
4048
  --wds-page-header-breadcrumbs-offset-small: -6px;
3890
4049
  --wds-page-header-breadcrumbs-selected-font-weight: 500;
3891
4050
  --wds-page-header-divider-color: #dfe5eb;
4051
+ --wds-page-header-padding-bottom-with-tail: 12px;
3892
4052
  --wds-page-header-padding-horizontal: 48px;
3893
4053
  --wds-page-header-padding-horizontal-small: 24px;
3894
4054
  --wds-page-header-padding-vertical: 24px;
@@ -3905,6 +4065,7 @@
3905
4065
  --wds-page-header-title-minimised-font-weight: 500;
3906
4066
  --wds-page-header-title-minimised-letter-spacing: 0px;
3907
4067
  --wds-page-header-title-minimised-line-height: 30px;
4068
+ --wds-page-header-title-padding-start: 0px;
3908
4069
  --wds-page-section-divider-display: block;
3909
4070
  --wds-page-section-gap: 0px;
3910
4071
  --wds-page-section-padding-bottom: 12px;
@@ -4149,7 +4310,7 @@
4149
4310
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
4150
4311
  --wds-shadow-focus-inner-standard: 0 0 0 3px #a8caff inset;
4151
4312
  --wds-shadow-focus-inner-warning: 0 0 0 3px #ffe2a5 inset;
4152
- --wds-shadow-focus-spread: 3;
4313
+ --wds-shadow-focus-spread: 3px;
4153
4314
  --wds-shadow-focus-standard: 0 0 0 3px #a8caff;
4154
4315
  --wds-shadow-focus-warning: 0 0 0 3px #ffe2a5;
4155
4316
  --wds-shadow-inner-100: 1px 1px 2px rgba(0, 6, 36, .1) inset, 1px 1px 2px rgba(255, 255, 255, .1);
@@ -4168,7 +4329,7 @@
4168
4329
  --wds-shadow-inner-400-right: -32px 0 24px -24px rgba(0, 6, 36, .2) inset, -8px 0 6px -6px rgba(0, 6, 36, .05) inset;
4169
4330
  --wds-shadow-inner-400-top: 0 32px 24px -24px rgba(0, 6, 36, .2) inset, 0 8px 6px -6px rgba(0, 6, 36, .05) inset;
4170
4331
  --wds-shadow-inner-400-vertical: 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;
4171
- --wds-shadow-spread-secondary-raised: 0;
4332
+ --wds-shadow-spread-secondary-raised: 0px;
4172
4333
  --wds-shadow-surface-modal: 0px 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
4173
4334
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
4174
4335
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
@@ -4445,6 +4606,16 @@
4445
4606
  --wds-table-action-cell-secondary-action-gap-medium: 12px;
4446
4607
  --wds-table-action-cell-secondary-action-gap-small: 12px;
4447
4608
  --wds-table-action-cell-secondary-action-gap-tiny: 6px;
4609
+ --wds-table-list-header-checkbox-padding-left: 6px;
4610
+ --wds-table-list-header-checkbox-padding-right: 12px;
4611
+ --wds-table-list-header-divider-fill-bottom: #a8caff;
4612
+ --wds-table-list-header-divider-fill-top: #a8caff;
4613
+ --wds-table-list-header-fill: #e7f0ff;
4614
+ --wds-table-list-header-icon-fill: #116dff;
4615
+ --wds-table-list-header-min-height: 42px;
4616
+ --wds-table-list-header-option-gap: 18px;
4617
+ --wds-table-list-header-option-margin-inline: 6px;
4618
+ --wds-table-list-header-padding-inline: 0px;
4448
4619
  --wds-table-list-item-border-color: #d6e6fe;
4449
4620
  --wds-table-list-item-border-radius: 0px;
4450
4621
  --wds-table-list-item-checkbox-offset: 0px;
@@ -4763,8 +4934,11 @@
4763
4934
  --wds-vertical-tabs-item-label-text-premium: #9a27d5;
4764
4935
  --wds-vertical-tabs-item-label-text-premium-active: #9a27d5;
4765
4936
  --wds-vertical-tabs-item-padding-horizontal-medium: 24px;
4937
+ --wds-vertical-tabs-item-padding-horizontal-medium-offset: 24px;
4766
4938
  --wds-vertical-tabs-item-padding-horizontal-small: 24px;
4939
+ --wds-vertical-tabs-item-padding-horizontal-small-offset: 20px;
4767
4940
  --wds-vertical-tabs-item-padding-horizontal-tiny: 24px;
4941
+ --wds-vertical-tabs-item-padding-horizontal-tiny-offset: 20px;
4768
4942
  --wds-vertical-tabs-item-padding-vertical-medium: 12px;
4769
4943
  --wds-vertical-tabs-item-padding-vertical-small: 12px;
4770
4944
  --wds-vertical-tabs-item-padding-vertical-tiny: 6px;