@wix/design-system-tokens 1.222.1 → 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 +36 -0
  2. package/all.css +86 -2
  3. package/all.scss +86 -2
  4. package/all.st.css +170 -2
  5. package/component.st.css +168 -0
  6. package/odeditor/all.css +103 -14
  7. package/odeditor/all.scss +103 -14
  8. package/odeditor/all.st.css +192 -14
  9. package/odeditor/component.st.css +191 -13
  10. package/odeditor/semantic.st.css +1 -1
  11. package/odeditor-dark/all.css +98 -9
  12. package/odeditor-dark/all.scss +98 -9
  13. package/odeditor-dark/all.st.css +187 -9
  14. package/odeditor-dark/component.st.css +185 -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 +85 -1
  19. package/studio/all.scss +85 -1
  20. package/studio/all.st.css +169 -1
  21. package/studio/component.st.css +168 -0
  22. package/studio/semantic.st.css +1 -1
  23. package/wixel/all.css +85 -1
  24. package/wixel/all.scss +85 -1
  25. package/wixel/all.st.css +169 -1
  26. package/wixel/component.st.css +168 -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);
@@ -2713,26 +2797,59 @@
2713
2797
  --wds-card-content-paddings-horizontal: 24px;
2714
2798
  --wds-card-content-paddings-vertical: 18px;
2715
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;
2716
2813
  --wds-card-gallery-item-border-radius-0: 0px;
2717
2814
  --wds-card-gallery-item-border-radius-100: 8px;
2718
2815
  --wds-card-gallery-item-buttons-gap: 6px;
2719
2816
  --wds-card-gallery-item-content-margin-vertical: 0px;
2817
+ --wds-card-gallery-item-drag-handle-gap: 12px;
2720
2818
  --wds-card-gallery-item-fill: #ffffff;
2721
2819
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
2722
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;
2723
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);
2724
2829
  --wds-card-gallery-item-padding-left-medium: 18px;
2725
2830
  --wds-card-gallery-item-padding-left-small: 12px;
2726
2831
  --wds-card-gallery-item-padding-right-medium: 24px;
2727
2832
  --wds-card-gallery-item-padding-right-small: 18px;
2728
2833
  --wds-card-gallery-item-padding-vertical-medium: 18px;
2729
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);
2730
2840
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2841
+ --wds-card-gallery-item-subtitle-line-height-medium: 18px;
2731
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;
2732
2847
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
2733
2848
  --wds-card-gallery-item-title-font-line-height-small: 18px;
2734
2849
  --wds-card-gallery-item-title-font-size-medium: 14px;
2735
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;
2736
2853
  --wds-card-header-divider-width: 0px;
2737
2854
  --wds-card-header-padding-horizontal: 24px;
2738
2855
  --wds-card-header-padding-vertical: 18px;
@@ -3358,6 +3475,7 @@
3358
3475
  --wds-editable-title-marker-fill: #868aa5;
3359
3476
  --wds-editable-title-marker-fill-active: #116dff;
3360
3477
  --wds-editable-title-marker-gap: 6px;
3478
+ --wds-editable-title-marker-image: none;
3361
3479
  --wds-editable-title-marker-line-style: dashed;
3362
3480
  --wds-editable-title-placeholder-fill: #cfd1dc;
3363
3481
  --wds-empty-state-border-radius: 8px;
@@ -3462,6 +3580,9 @@
3462
3580
  --wds-google-preview-surface-fill: #ffffff;
3463
3581
  --wds-google-preview-text-fill: #4D5156;
3464
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;
3465
3586
  --wds-icon-button-color-border-dark-secondary: #868aa5;
3466
3587
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
3467
3588
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -3846,10 +3967,44 @@
3846
3967
  --wds-marketing-layout-title-line-height-medium: 28px;
3847
3968
  --wds-marketing-layout-title-line-height-small: 24px;
3848
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;
3849
4000
  --wds-marketing-page-paddings-horizontal-large: 90px;
3850
4001
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3851
4002
  --wds-marketing-page-paddings-vertical-large: 48px;
3852
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;
3853
4008
  --wds-message-modal-close-button-fill: transparent;
3854
4009
  --wds-message-modal-close-button-icon-size: 12px;
3855
4010
  --wds-message-modal-close-button-size: 30px;
@@ -3885,6 +4040,7 @@
3885
4040
  --wds-notification-padding-vertical: 9px;
3886
4041
  --wds-number-input-icon-fill: #116dff;
3887
4042
  --wds-page-header-back-button-gap: 8px;
4043
+ --wds-page-header-back-button-offset: 0px;
3888
4044
  --wds-page-header-breadcrumbs-color: #000624;
3889
4045
  --wds-page-header-breadcrumbs-font-size: 14px;
3890
4046
  --wds-page-header-breadcrumbs-offset-large: -15px;
@@ -3892,6 +4048,7 @@
3892
4048
  --wds-page-header-breadcrumbs-offset-small: -6px;
3893
4049
  --wds-page-header-breadcrumbs-selected-font-weight: 500;
3894
4050
  --wds-page-header-divider-color: #dfe5eb;
4051
+ --wds-page-header-padding-bottom-with-tail: 12px;
3895
4052
  --wds-page-header-padding-horizontal: 48px;
3896
4053
  --wds-page-header-padding-horizontal-small: 24px;
3897
4054
  --wds-page-header-padding-vertical: 24px;
@@ -3908,6 +4065,7 @@
3908
4065
  --wds-page-header-title-minimised-font-weight: 500;
3909
4066
  --wds-page-header-title-minimised-letter-spacing: 0px;
3910
4067
  --wds-page-header-title-minimised-line-height: 30px;
4068
+ --wds-page-header-title-padding-start: 0px;
3911
4069
  --wds-page-section-divider-display: block;
3912
4070
  --wds-page-section-gap: 0px;
3913
4071
  --wds-page-section-padding-bottom: 12px;
@@ -4152,7 +4310,7 @@
4152
4310
  --wds-shadow-focus-inner-destructive: 0 0 0 3px #fbd0cd inset;
4153
4311
  --wds-shadow-focus-inner-standard: 0 0 0 3px #a8caff inset;
4154
4312
  --wds-shadow-focus-inner-warning: 0 0 0 3px #ffe2a5 inset;
4155
- --wds-shadow-focus-spread: 3;
4313
+ --wds-shadow-focus-spread: 3px;
4156
4314
  --wds-shadow-focus-standard: 0 0 0 3px #a8caff;
4157
4315
  --wds-shadow-focus-warning: 0 0 0 3px #ffe2a5;
4158
4316
  --wds-shadow-inner-100: 1px 1px 2px rgba(0, 6, 36, .1) inset, 1px 1px 2px rgba(255, 255, 255, .1);
@@ -4171,7 +4329,7 @@
4171
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;
4172
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;
4173
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;
4174
- --wds-shadow-spread-secondary-raised: 0;
4332
+ --wds-shadow-spread-secondary-raised: 0px;
4175
4333
  --wds-shadow-surface-modal: 0px 3px 24px rgba(0, 6, 36, .2), 0 8px 8px rgba(0, 6, 36, .1);
4176
4334
  --wds-shadow-surface-overlay: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
4177
4335
  --wds-shadow-surface-overlay-dark: 0 0 18px rgba(0, 6, 36, .1), 0 6px 6px rgba(0, 6, 36, .05);
@@ -4448,6 +4606,16 @@
4448
4606
  --wds-table-action-cell-secondary-action-gap-medium: 12px;
4449
4607
  --wds-table-action-cell-secondary-action-gap-small: 12px;
4450
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;
4451
4619
  --wds-table-list-item-border-color: #d6e6fe;
4452
4620
  --wds-table-list-item-border-radius: 0px;
4453
4621
  --wds-table-list-item-checkbox-offset: 0px;
package/component.st.css CHANGED
@@ -274,26 +274,59 @@
274
274
  @property st-global(--wds-card-content-paddings-horizontal);
275
275
  @property st-global(--wds-card-content-paddings-vertical);
276
276
  @property st-global(--wds-card-divider-opacity);
277
+ @property st-global(--wds-card-gallery-item-action-button-border-radius);
278
+ @property st-global(--wds-card-gallery-item-action-button-font-size);
279
+ @property st-global(--wds-card-gallery-item-action-button-line-height);
280
+ @property st-global(--wds-card-gallery-item-action-button-min-width);
281
+ @property st-global(--wds-card-gallery-item-action-button-padding-horizontal);
282
+ @property st-global(--wds-card-gallery-item-action-button-padding-vertical);
283
+ @property st-global(--wds-card-gallery-item-action-button-size);
284
+ @property st-global(--wds-card-gallery-item-actions-align);
285
+ @property st-global(--wds-card-gallery-item-actions-direction);
286
+ @property st-global(--wds-card-gallery-item-actions-secondary-position);
287
+ @property st-global(--wds-card-gallery-item-badge-offset-block);
288
+ @property st-global(--wds-card-gallery-item-badge-offset-inline);
289
+ @property st-global(--wds-card-gallery-item-base-shadow);
277
290
  @property st-global(--wds-card-gallery-item-border-radius-0);
278
291
  @property st-global(--wds-card-gallery-item-border-radius-100);
279
292
  @property st-global(--wds-card-gallery-item-buttons-gap);
280
293
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
294
+ @property st-global(--wds-card-gallery-item-drag-handle-gap);
281
295
  @property st-global(--wds-card-gallery-item-fill);
282
296
  @property st-global(--wds-card-gallery-item-image-border-radius-bottom);
283
297
  @property st-global(--wds-card-gallery-item-image-border-radius-top);
298
+ @property st-global(--wds-card-gallery-item-image-inset);
299
+ @property st-global(--wds-card-gallery-item-image-side-size-medium);
300
+ @property st-global(--wds-card-gallery-item-image-side-size-small);
301
+ @property st-global(--wds-card-gallery-item-outline-border-color);
302
+ @property st-global(--wds-card-gallery-item-outline-border-color-hover);
303
+ @property st-global(--wds-card-gallery-item-overlay-backdrop-filter);
284
304
  @property st-global(--wds-card-gallery-item-overlay-fill);
305
+ @property st-global(--wds-card-gallery-item-overlay-hover-fill);
285
306
  @property st-global(--wds-card-gallery-item-padding-left-medium);
286
307
  @property st-global(--wds-card-gallery-item-padding-left-small);
287
308
  @property st-global(--wds-card-gallery-item-padding-right-medium);
288
309
  @property st-global(--wds-card-gallery-item-padding-right-small);
289
310
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
290
311
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
312
+ @property st-global(--wds-card-gallery-item-secondary-action-font-size);
313
+ @property st-global(--wds-card-gallery-item-secondary-action-line-height);
314
+ @property st-global(--wds-card-gallery-item-shadow);
315
+ @property st-global(--wds-card-gallery-item-shadow-hover);
316
+ @property st-global(--wds-card-gallery-item-shadow-hover-side);
291
317
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
318
+ @property st-global(--wds-card-gallery-item-subtitle-line-height-medium);
292
319
  @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
320
+ @property st-global(--wds-card-gallery-item-title-font-family);
321
+ @property st-global(--wds-card-gallery-item-title-font-heading-letter-spacing-medium);
322
+ @property st-global(--wds-card-gallery-item-title-font-heading-weight-medium);
323
+ @property st-global(--wds-card-gallery-item-title-font-letter-spacing);
293
324
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
294
325
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
295
326
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
296
327
  @property st-global(--wds-card-gallery-item-title-font-weight-medium);
328
+ @property st-global(--wds-card-gallery-item-title-font-weight-small);
329
+ @property st-global(--wds-card-gallery-item-title-gap);
297
330
  @property st-global(--wds-card-header-divider-width);
298
331
  @property st-global(--wds-card-header-padding-horizontal);
299
332
  @property st-global(--wds-card-header-padding-vertical);
@@ -445,6 +478,7 @@
445
478
  @property st-global(--wds-editable-title-marker-fill);
446
479
  @property st-global(--wds-editable-title-marker-fill-active);
447
480
  @property st-global(--wds-editable-title-marker-gap);
481
+ @property st-global(--wds-editable-title-marker-image);
448
482
  @property st-global(--wds-editable-title-marker-line-style);
449
483
  @property st-global(--wds-editable-title-placeholder-fill);
450
484
  @property st-global(--wds-empty-state-border-radius);
@@ -493,6 +527,9 @@
493
527
  @property st-global(--wds-google-preview-surface-fill);
494
528
  @property st-global(--wds-google-preview-text-fill);
495
529
  @property st-global(--wds-google-preview-title-fill);
530
+ @property st-global(--wds-horizontal-scroll-button-fill);
531
+ @property st-global(--wds-horizontal-scroll-button-fill-active);
532
+ @property st-global(--wds-horizontal-scroll-button-text);
496
533
  @property st-global(--wds-icon-button-color-border-dark-secondary);
497
534
  @property st-global(--wds-icon-button-color-border-dark-secondary-active);
498
535
  @property st-global(--wds-icon-button-color-border-dark-secondary-disabled);
@@ -863,10 +900,44 @@
863
900
  @property st-global(--wds-marketing-layout-title-line-height-medium);
864
901
  @property st-global(--wds-marketing-layout-title-line-height-small);
865
902
  @property st-global(--wds-marketing-layout-title-line-height-tiny);
903
+ @property st-global(--wds-marketing-page-content-actions-gap);
904
+ @property st-global(--wds-marketing-page-content-font-size);
905
+ @property st-global(--wds-marketing-page-content-line-height);
906
+ @property st-global(--wds-marketing-page-content-padding-end-large);
907
+ @property st-global(--wds-marketing-page-content-padding-end-medium);
908
+ @property st-global(--wds-marketing-page-content-padding-start-large);
909
+ @property st-global(--wds-marketing-page-content-padding-start-medium);
910
+ @property st-global(--wds-marketing-page-footer-divider-display);
911
+ @property st-global(--wds-marketing-page-footer-grid-column);
912
+ @property st-global(--wds-marketing-page-footer-padding-bottom);
913
+ @property st-global(--wds-marketing-page-image-display);
914
+ @property st-global(--wds-marketing-page-image-grid-row);
915
+ @property st-global(--wds-marketing-page-image-padding-end-large);
916
+ @property st-global(--wds-marketing-page-image-padding-end-medium);
917
+ @property st-global(--wds-marketing-page-image-padding-vertical-large);
918
+ @property st-global(--wds-marketing-page-image-padding-vertical-medium);
919
+ @property st-global(--wds-marketing-page-image-top-actions-gap);
920
+ @property st-global(--wds-marketing-page-image-top-columns-gap);
921
+ @property st-global(--wds-marketing-page-image-top-content-column-padding-vertical);
922
+ @property st-global(--wds-marketing-page-image-top-content-padding-bottom);
923
+ @property st-global(--wds-marketing-page-image-top-content-padding-horizontal);
924
+ @property st-global(--wds-marketing-page-image-top-content-padding-top);
925
+ @property st-global(--wds-marketing-page-image-top-footer-padding-bottom);
926
+ @property st-global(--wds-marketing-page-image-top-image-border-radius);
927
+ @property st-global(--wds-marketing-page-image-top-image-padding);
928
+ @property st-global(--wds-marketing-page-image-top-title-line-height);
929
+ @property st-global(--wds-marketing-page-image-top-title-subtitle-gap);
930
+ @property st-global(--wds-marketing-page-overline-divider-display);
931
+ @property st-global(--wds-marketing-page-overline-divider-margin-top);
932
+ @property st-global(--wds-marketing-page-overline-title-gap);
866
933
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
867
934
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
868
935
  @property st-global(--wds-marketing-page-paddings-vertical-large);
869
936
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
937
+ @property st-global(--wds-marketing-page-subtitle-fill);
938
+ @property st-global(--wds-marketing-page-title-content-gap);
939
+ @property st-global(--wds-marketing-page-title-font-weight);
940
+ @property st-global(--wds-marketing-page-title-line-height);
870
941
  @property st-global(--wds-message-modal-close-button-fill);
871
942
  @property st-global(--wds-message-modal-close-button-icon-size);
872
943
  @property st-global(--wds-message-modal-close-button-size);
@@ -902,6 +973,7 @@
902
973
  @property st-global(--wds-notification-padding-vertical);
903
974
  @property st-global(--wds-number-input-icon-fill);
904
975
  @property st-global(--wds-page-header-back-button-gap);
976
+ @property st-global(--wds-page-header-back-button-offset);
905
977
  @property st-global(--wds-page-header-breadcrumbs-color);
906
978
  @property st-global(--wds-page-header-breadcrumbs-font-size);
907
979
  @property st-global(--wds-page-header-breadcrumbs-offset-large);
@@ -909,6 +981,7 @@
909
981
  @property st-global(--wds-page-header-breadcrumbs-offset-small);
910
982
  @property st-global(--wds-page-header-breadcrumbs-selected-font-weight);
911
983
  @property st-global(--wds-page-header-divider-color);
984
+ @property st-global(--wds-page-header-padding-bottom-with-tail);
912
985
  @property st-global(--wds-page-header-padding-horizontal);
913
986
  @property st-global(--wds-page-header-padding-horizontal-small);
914
987
  @property st-global(--wds-page-header-padding-vertical);
@@ -925,6 +998,7 @@
925
998
  @property st-global(--wds-page-header-title-minimised-font-weight);
926
999
  @property st-global(--wds-page-header-title-minimised-letter-spacing);
927
1000
  @property st-global(--wds-page-header-title-minimised-line-height);
1001
+ @property st-global(--wds-page-header-title-padding-start);
928
1002
  @property st-global(--wds-page-section-divider-display);
929
1003
  @property st-global(--wds-page-section-gap);
930
1004
  @property st-global(--wds-page-section-padding-bottom);
@@ -1312,6 +1386,16 @@
1312
1386
  @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1313
1387
  @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1314
1388
  @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1389
+ @property st-global(--wds-table-list-header-checkbox-padding-left);
1390
+ @property st-global(--wds-table-list-header-checkbox-padding-right);
1391
+ @property st-global(--wds-table-list-header-divider-fill-bottom);
1392
+ @property st-global(--wds-table-list-header-divider-fill-top);
1393
+ @property st-global(--wds-table-list-header-fill);
1394
+ @property st-global(--wds-table-list-header-icon-fill);
1395
+ @property st-global(--wds-table-list-header-min-height);
1396
+ @property st-global(--wds-table-list-header-option-gap);
1397
+ @property st-global(--wds-table-list-header-option-margin-inline);
1398
+ @property st-global(--wds-table-list-header-padding-inline);
1315
1399
  @property st-global(--wds-table-list-item-border-color);
1316
1400
  @property st-global(--wds-table-list-item-border-radius);
1317
1401
  @property st-global(--wds-table-list-item-checkbox-offset);
@@ -1938,26 +2022,59 @@
1938
2022
  --wds-card-content-paddings-horizontal: 24px;
1939
2023
  --wds-card-content-paddings-vertical: 18px;
1940
2024
  --wds-card-divider-opacity: 1;
2025
+ --wds-card-gallery-item-action-button-border-radius: 1000px;
2026
+ --wds-card-gallery-item-action-button-font-size: 16px;
2027
+ --wds-card-gallery-item-action-button-line-height: 24px;
2028
+ --wds-card-gallery-item-action-button-min-width: 84px;
2029
+ --wds-card-gallery-item-action-button-padding-horizontal: 24px;
2030
+ --wds-card-gallery-item-action-button-padding-vertical: 6px;
2031
+ --wds-card-gallery-item-action-button-size: 36px;
2032
+ --wds-card-gallery-item-actions-align: stretch;
2033
+ --wds-card-gallery-item-actions-direction: row;
2034
+ --wds-card-gallery-item-actions-secondary-position: absolute;
2035
+ --wds-card-gallery-item-badge-offset-block: 12px;
2036
+ --wds-card-gallery-item-badge-offset-inline: -6px;
2037
+ --wds-card-gallery-item-base-shadow: none;
1941
2038
  --wds-card-gallery-item-border-radius-0: 0px;
1942
2039
  --wds-card-gallery-item-border-radius-100: 8px;
1943
2040
  --wds-card-gallery-item-buttons-gap: 6px;
1944
2041
  --wds-card-gallery-item-content-margin-vertical: 0px;
2042
+ --wds-card-gallery-item-drag-handle-gap: 12px;
1945
2043
  --wds-card-gallery-item-fill: #ffffff;
1946
2044
  --wds-card-gallery-item-image-border-radius-bottom: 0px;
1947
2045
  --wds-card-gallery-item-image-border-radius-top: 8px;
2046
+ --wds-card-gallery-item-image-inset: 0px;
2047
+ --wds-card-gallery-item-image-side-size-medium: 40px;
2048
+ --wds-card-gallery-item-image-side-size-small: 30px;
2049
+ --wds-card-gallery-item-outline-border-color: #d6e6fe;
2050
+ --wds-card-gallery-item-outline-border-color-hover: #a8caff;
2051
+ --wds-card-gallery-item-overlay-backdrop-filter: none;
1948
2052
  --wds-card-gallery-item-overlay-fill: rgba(68, 72, 95, .5);
2053
+ --wds-card-gallery-item-overlay-hover-fill: rgba(68, 72, 95, .5);
1949
2054
  --wds-card-gallery-item-padding-left-medium: 18px;
1950
2055
  --wds-card-gallery-item-padding-left-small: 12px;
1951
2056
  --wds-card-gallery-item-padding-right-medium: 24px;
1952
2057
  --wds-card-gallery-item-padding-right-small: 18px;
1953
2058
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1954
2059
  --wds-card-gallery-item-padding-vertical-small: 12px;
2060
+ --wds-card-gallery-item-secondary-action-font-size: 16px;
2061
+ --wds-card-gallery-item-secondary-action-line-height: 24px;
2062
+ --wds-card-gallery-item-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2063
+ --wds-card-gallery-item-shadow-hover: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
2064
+ --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);
1955
2065
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
2066
+ --wds-card-gallery-item-subtitle-line-height-medium: 18px;
1956
2067
  --wds-card-gallery-item-subtitle-side-font-size-medium: 12px;
2068
+ --wds-card-gallery-item-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2069
+ --wds-card-gallery-item-title-font-heading-letter-spacing-medium: 0px;
2070
+ --wds-card-gallery-item-title-font-heading-weight-medium: 500;
2071
+ --wds-card-gallery-item-title-font-letter-spacing: 0px;
1957
2072
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
1958
2073
  --wds-card-gallery-item-title-font-line-height-small: 18px;
1959
2074
  --wds-card-gallery-item-title-font-size-medium: 14px;
1960
2075
  --wds-card-gallery-item-title-font-weight-medium: 500;
2076
+ --wds-card-gallery-item-title-font-weight-small: 500;
2077
+ --wds-card-gallery-item-title-gap: 0px;
1961
2078
  --wds-card-header-divider-width: 0px;
1962
2079
  --wds-card-header-padding-horizontal: 24px;
1963
2080
  --wds-card-header-padding-vertical: 18px;
@@ -2109,6 +2226,7 @@
2109
2226
  --wds-editable-title-marker-fill: #868aa5;
2110
2227
  --wds-editable-title-marker-fill-active: #116dff;
2111
2228
  --wds-editable-title-marker-gap: 6px;
2229
+ --wds-editable-title-marker-image: none;
2112
2230
  --wds-editable-title-marker-line-style: dashed;
2113
2231
  --wds-editable-title-placeholder-fill: #cfd1dc;
2114
2232
  --wds-empty-state-border-radius: 8px;
@@ -2157,6 +2275,9 @@
2157
2275
  --wds-google-preview-surface-fill: #ffffff;
2158
2276
  --wds-google-preview-text-fill: #4D5156;
2159
2277
  --wds-google-preview-title-fill: #260AA8;
2278
+ --wds-horizontal-scroll-button-fill: #FFFFFF;
2279
+ --wds-horizontal-scroll-button-fill-active: #CFD1DC;
2280
+ --wds-horizontal-scroll-button-text: #000624;
2160
2281
  --wds-icon-button-color-border-dark-secondary: #868aa5;
2161
2282
  --wds-icon-button-color-border-dark-secondary-active: #44485f;
2162
2283
  --wds-icon-button-color-border-dark-secondary-disabled: rgba(0, 6, 36, .1);
@@ -2527,10 +2648,44 @@
2527
2648
  --wds-marketing-layout-title-line-height-medium: 28px;
2528
2649
  --wds-marketing-layout-title-line-height-small: 24px;
2529
2650
  --wds-marketing-layout-title-line-height-tiny: 24px;
2651
+ --wds-marketing-page-content-actions-gap: 42px;
2652
+ --wds-marketing-page-content-font-size: 16px;
2653
+ --wds-marketing-page-content-line-height: 24px;
2654
+ --wds-marketing-page-content-padding-end-large: 90px;
2655
+ --wds-marketing-page-content-padding-end-medium: 48px;
2656
+ --wds-marketing-page-content-padding-start-large: 90px;
2657
+ --wds-marketing-page-content-padding-start-medium: 48px;
2658
+ --wds-marketing-page-footer-divider-display: block;
2659
+ --wds-marketing-page-footer-grid-column: span 12;
2660
+ --wds-marketing-page-footer-padding-bottom: 0px;
2661
+ --wds-marketing-page-image-display: block;
2662
+ --wds-marketing-page-image-grid-row: span 1;
2663
+ --wds-marketing-page-image-padding-end-large: 90px;
2664
+ --wds-marketing-page-image-padding-end-medium: 48px;
2665
+ --wds-marketing-page-image-padding-vertical-large: 48px;
2666
+ --wds-marketing-page-image-padding-vertical-medium: 30px;
2667
+ --wds-marketing-page-image-top-actions-gap: 38px;
2668
+ --wds-marketing-page-image-top-columns-gap: 40px;
2669
+ --wds-marketing-page-image-top-content-column-padding-vertical: 6px;
2670
+ --wds-marketing-page-image-top-content-padding-bottom: 48px;
2671
+ --wds-marketing-page-image-top-content-padding-horizontal: 48px;
2672
+ --wds-marketing-page-image-top-content-padding-top: 48px;
2673
+ --wds-marketing-page-image-top-footer-padding-bottom: 24px;
2674
+ --wds-marketing-page-image-top-image-border-radius: 8px;
2675
+ --wds-marketing-page-image-top-image-padding: 24px;
2676
+ --wds-marketing-page-image-top-title-line-height: 36px;
2677
+ --wds-marketing-page-image-top-title-subtitle-gap: 16px;
2678
+ --wds-marketing-page-overline-divider-display: block;
2679
+ --wds-marketing-page-overline-divider-margin-top: 17px;
2680
+ --wds-marketing-page-overline-title-gap: 12px;
2530
2681
  --wds-marketing-page-paddings-horizontal-large: 90px;
2531
2682
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2532
2683
  --wds-marketing-page-paddings-vertical-large: 48px;
2533
2684
  --wds-marketing-page-paddings-vertical-medium: 30px;
2685
+ --wds-marketing-page-subtitle-fill: #000624;
2686
+ --wds-marketing-page-title-content-gap: 24px;
2687
+ --wds-marketing-page-title-font-weight: 700;
2688
+ --wds-marketing-page-title-line-height: 36px;
2534
2689
  --wds-message-modal-close-button-fill: transparent;
2535
2690
  --wds-message-modal-close-button-icon-size: 12px;
2536
2691
  --wds-message-modal-close-button-size: 30px;
@@ -2566,6 +2721,7 @@
2566
2721
  --wds-notification-padding-vertical: 9px;
2567
2722
  --wds-number-input-icon-fill: #116dff;
2568
2723
  --wds-page-header-back-button-gap: 8px;
2724
+ --wds-page-header-back-button-offset: 0px;
2569
2725
  --wds-page-header-breadcrumbs-color: #000624;
2570
2726
  --wds-page-header-breadcrumbs-font-size: 14px;
2571
2727
  --wds-page-header-breadcrumbs-offset-large: -15px;
@@ -2573,6 +2729,7 @@
2573
2729
  --wds-page-header-breadcrumbs-offset-small: -6px;
2574
2730
  --wds-page-header-breadcrumbs-selected-font-weight: 500;
2575
2731
  --wds-page-header-divider-color: #dfe5eb;
2732
+ --wds-page-header-padding-bottom-with-tail: 12px;
2576
2733
  --wds-page-header-padding-horizontal: 48px;
2577
2734
  --wds-page-header-padding-horizontal-small: 24px;
2578
2735
  --wds-page-header-padding-vertical: 24px;
@@ -2589,6 +2746,7 @@
2589
2746
  --wds-page-header-title-minimised-font-weight: 500;
2590
2747
  --wds-page-header-title-minimised-letter-spacing: 0px;
2591
2748
  --wds-page-header-title-minimised-line-height: 30px;
2749
+ --wds-page-header-title-padding-start: 0px;
2592
2750
  --wds-page-section-divider-display: block;
2593
2751
  --wds-page-section-gap: 0px;
2594
2752
  --wds-page-section-padding-bottom: 12px;
@@ -2976,6 +3134,16 @@
2976
3134
  --wds-table-action-cell-secondary-action-gap-medium: 12px;
2977
3135
  --wds-table-action-cell-secondary-action-gap-small: 12px;
2978
3136
  --wds-table-action-cell-secondary-action-gap-tiny: 6px;
3137
+ --wds-table-list-header-checkbox-padding-left: 6px;
3138
+ --wds-table-list-header-checkbox-padding-right: 12px;
3139
+ --wds-table-list-header-divider-fill-bottom: #a8caff;
3140
+ --wds-table-list-header-divider-fill-top: #a8caff;
3141
+ --wds-table-list-header-fill: #e7f0ff;
3142
+ --wds-table-list-header-icon-fill: #116dff;
3143
+ --wds-table-list-header-min-height: 42px;
3144
+ --wds-table-list-header-option-gap: 18px;
3145
+ --wds-table-list-header-option-margin-inline: 6px;
3146
+ --wds-table-list-header-padding-inline: 0px;
2979
3147
  --wds-table-list-item-border-color: #d6e6fe;
2980
3148
  --wds-table-list-item-border-radius: 0px;
2981
3149
  --wds-table-list-item-checkbox-offset: 0px;