@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/component.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);
@@ -91,7 +114,11 @@
91
114
  @property st-global(--wds-badge-size-small);
92
115
  @property st-global(--wds-badge-size-tiny);
93
116
  @property st-global(--wds-breadcrumbs-border-radius);
117
+ @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
94
118
  @property st-global(--wds-breadcrumbs-font-size-small);
119
+ @property st-global(--wds-breadcrumbs-height-large);
120
+ @property st-global(--wds-breadcrumbs-height-medium);
121
+ @property st-global(--wds-breadcrumbs-height-small);
95
122
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
96
123
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
97
124
  @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
@@ -219,11 +246,16 @@
219
246
  @property st-global(--wds-button-size-tiny);
220
247
  @property st-global(--wds-button-size-tiny-screen-small);
221
248
  @property st-global(--wds-button-size-x-tiny);
249
+ @property st-global(--wds-card-base-shadow);
222
250
  @property st-global(--wds-card-border-radius);
223
251
  @property st-global(--wds-card-content-padding-large);
224
252
  @property st-global(--wds-card-content-padding-medium);
253
+ @property st-global(--wds-card-content-padding-medium-bottom);
254
+ @property st-global(--wds-card-content-padding-medium-horizontal);
255
+ @property st-global(--wds-card-content-padding-medium-top);
225
256
  @property st-global(--wds-card-content-paddings-horizontal);
226
257
  @property st-global(--wds-card-content-paddings-vertical);
258
+ @property st-global(--wds-card-divider-opacity);
227
259
  @property st-global(--wds-card-gallery-item-buttons-gap);
228
260
  @property st-global(--wds-card-gallery-item-content-margin-horizontal);
229
261
  @property st-global(--wds-card-gallery-item-content-margin-vertical);
@@ -237,13 +269,16 @@
237
269
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
238
270
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
239
271
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
272
+ @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
240
273
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
241
274
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
242
275
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
276
+ @property st-global(--wds-card-gallery-item-title-font-weight-medium);
243
277
  @property st-global(--wds-card-header-divider-width);
244
278
  @property st-global(--wds-card-header-padding-horizontal);
245
279
  @property st-global(--wds-card-header-padding-vertical);
246
280
  @property st-global(--wds-card-header-title-subtitle-gap);
281
+ @property st-global(--wds-card-shadow);
247
282
  @property st-global(--wds-card-subtitle-color);
248
283
  @property st-global(--wds-card-subtitle-font-size);
249
284
  @property st-global(--wds-card-subtitle-line-height);
@@ -356,6 +391,7 @@
356
391
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
357
392
  @property st-global(--wds-custom-modal-footnote-text-font-line-height);
358
393
  @property st-global(--wds-custom-modal-footnote-text-font-size);
394
+ @property st-global(--wds-custom-modal-footnote-text-font-weight);
359
395
  @property st-global(--wds-custom-modal-header-padding-left);
360
396
  @property st-global(--wds-custom-modal-header-padding-right);
361
397
  @property st-global(--wds-custom-modal-header-padding-vertical);
@@ -377,6 +413,10 @@
377
413
  @property st-global(--wds-dropdown-layout-option-size-big);
378
414
  @property st-global(--wds-dropdown-layout-option-size-small);
379
415
  @property st-global(--wds-dropdown-list-paddings);
416
+ @property st-global(--wds-editable-title-marker-fill);
417
+ @property st-global(--wds-editable-title-marker-fill-active);
418
+ @property st-global(--wds-editable-title-marker-line-style);
419
+ @property st-global(--wds-editable-title-placeholder-fill);
380
420
  @property st-global(--wds-empty-state-border-radius);
381
421
  @property st-global(--wds-empty-state-page-content-paddings);
382
422
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -605,11 +645,18 @@
605
645
  @property st-global(--wds-list-item-action-fill-hover);
606
646
  @property st-global(--wds-list-item-action-gap);
607
647
  @property st-global(--wds-list-item-action-label-fill-active);
648
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
649
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
650
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
608
651
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
652
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
653
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
609
654
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
610
655
  @property st-global(--wds-list-item-action-label-font-line-height-small);
611
656
  @property st-global(--wds-list-item-action-label-font-size-medium);
612
657
  @property st-global(--wds-list-item-action-label-font-size-small);
658
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
659
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
613
660
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
614
661
  @property st-global(--wds-list-item-action-padding-horizontal-small);
615
662
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -619,6 +666,7 @@
619
666
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
620
667
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
621
668
  @property st-global(--wds-list-item-action-subtitle-font-size);
669
+ @property st-global(--wds-list-item-action-subtitle-offset);
622
670
  @property st-global(--wds-list-item-action-suffix-fill);
623
671
  @property st-global(--wds-list-item-action-suffix-fill-active);
624
672
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -667,6 +715,7 @@
667
715
  @property st-global(--wds-list-item-select-label-font-size-small);
668
716
  @property st-global(--wds-list-item-select-label-font-weight-active);
669
717
  @property st-global(--wds-list-item-select-label-font-weight-medium);
718
+ @property st-global(--wds-list-item-select-min-height-medium);
670
719
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
671
720
  @property st-global(--wds-list-item-select-padding-horizontal-small);
672
721
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -677,8 +726,11 @@
677
726
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
678
727
  @property st-global(--wds-list-item-select-padding-vertical-small);
679
728
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
729
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
680
730
  @property st-global(--wds-list-item-select-subtitle);
681
731
  @property st-global(--wds-list-item-select-subtitle-disabled);
732
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
733
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
682
734
  @property st-global(--wds-list-item-select-suffix);
683
735
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
684
736
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -694,12 +746,70 @@
694
746
  @property st-global(--wds-loader-stroke-width-medium);
695
747
  @property st-global(--wds-loader-stroke-width-small);
696
748
  @property st-global(--wds-loader-stroke-width-tiny);
749
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
750
+ @property st-global(--wds-marketing-layout-actions-gap-small);
751
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
752
+ @property st-global(--wds-marketing-layout-badge-gap);
753
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
754
+ @property st-global(--wds-marketing-layout-badge-offset-small);
755
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
756
+ @property st-global(--wds-marketing-layout-badge-position);
757
+ @property st-global(--wds-marketing-layout-badge-side);
758
+ @property st-global(--wds-marketing-layout-badge-top);
697
759
  @property st-global(--wds-marketing-layout-border);
760
+ @property st-global(--wds-marketing-layout-description-color);
761
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
762
+ @property st-global(--wds-marketing-layout-description-font-size-small);
763
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
764
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
765
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
766
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
767
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
768
+ @property st-global(--wds-marketing-layout-description-line-height-small);
769
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
770
+ @property st-global(--wds-marketing-layout-image-border-radius);
771
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
772
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
773
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
774
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
775
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
776
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
777
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
778
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
779
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
780
+ @property st-global(--wds-marketing-layout-padding-left-medium);
781
+ @property st-global(--wds-marketing-layout-padding-left-small);
782
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
783
+ @property st-global(--wds-marketing-layout-padding-right-medium);
784
+ @property st-global(--wds-marketing-layout-padding-right-small);
785
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
786
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
787
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
788
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
789
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
790
+ @property st-global(--wds-marketing-layout-title-font-size-small);
791
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
792
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
793
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
794
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
795
+ @property st-global(--wds-marketing-layout-title-gap-medium);
796
+ @property st-global(--wds-marketing-layout-title-gap-small);
797
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
798
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
799
+ @property st-global(--wds-marketing-layout-title-line-height-small);
800
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
698
801
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
699
802
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
700
803
  @property st-global(--wds-marketing-page-paddings-vertical-large);
701
804
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
805
+ @property st-global(--wds-message-modal-close-button-fill);
806
+ @property st-global(--wds-message-modal-close-button-icon-size);
807
+ @property st-global(--wds-message-modal-close-button-size);
702
808
  @property st-global(--wds-message-modal-content-gap);
809
+ @property st-global(--wds-message-modal-help-button-size);
810
+ @property st-global(--wds-message-modal-illustration-content-gap);
811
+ @property st-global(--wds-message-modal-illustration-margin-start);
812
+ @property st-global(--wds-message-modal-illustration-margin-top);
703
813
  @property st-global(--wds-message-modal-padding-horizontal);
704
814
  @property st-global(--wds-message-modal-padding-vertical);
705
815
  @property st-global(--wds-message-modal-text-font-line-height);
@@ -707,6 +817,7 @@
707
817
  @property st-global(--wds-message-modal-title-font-family);
708
818
  @property st-global(--wds-message-modal-title-font-line-height);
709
819
  @property st-global(--wds-message-modal-title-font-size);
820
+ @property st-global(--wds-message-modal-top-controls-gap);
710
821
  @property st-global(--wds-message-modal-top-controls-paddings);
711
822
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
712
823
  @property st-global(--wds-mobile-modal-content-padding-vertical);
@@ -733,10 +844,21 @@
733
844
  @property st-global(--wds-padding-vertical-medium);
734
845
  @property st-global(--wds-padding-vertical-small);
735
846
  @property st-global(--wds-padding-vertical-tiny);
847
+ @property st-global(--wds-page-header-back-button-gap);
736
848
  @property st-global(--wds-page-header-padding-horizontal);
737
849
  @property st-global(--wds-page-header-padding-horizontal-small);
738
850
  @property st-global(--wds-page-header-padding-vertical);
739
851
  @property st-global(--wds-page-header-padding-vertical-small);
852
+ @property st-global(--wds-page-header-subtitle-font-size);
853
+ @property st-global(--wds-page-header-subtitle-line-height);
854
+ @property st-global(--wds-page-header-title-actions-gap);
855
+ @property st-global(--wds-page-header-title-font-size);
856
+ @property st-global(--wds-page-header-title-font-weight);
857
+ @property st-global(--wds-page-header-title-line-height);
858
+ @property st-global(--wds-page-header-title-minimised-font-size);
859
+ @property st-global(--wds-page-header-title-minimised-font-weight);
860
+ @property st-global(--wds-page-header-title-minimised-letter-spacing);
861
+ @property st-global(--wds-page-header-title-minimised-line-height);
740
862
  @property st-global(--wds-pagination-arrow-fill);
741
863
  @property st-global(--wds-pagination-fill);
742
864
  @property st-global(--wds-pagination-fill-active);
@@ -798,7 +920,10 @@
798
920
  @property st-global(--wds-search-expandable-padding-large);
799
921
  @property st-global(--wds-search-expandable-padding-medium);
800
922
  @property st-global(--wds-search-expandable-padding-small);
923
+ @property st-global(--wds-section-header-border-light);
924
+ @property st-global(--wds-section-header-fill-light);
801
925
  @property st-global(--wds-section-header-fill-neutral);
926
+ @property st-global(--wds-section-header-fill-standard);
802
927
  @property st-global(--wds-section-header-font-weight);
803
928
  @property st-global(--wds-section-header-label-fill-neutral);
804
929
  @property st-global(--wds-section-header-label-font-size-medium);
@@ -932,12 +1057,18 @@
932
1057
  @property st-global(--wds-side-panel-footer-padding-vertical);
933
1058
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
934
1059
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1060
+ @property st-global(--wds-side-panel-header-content-padding-right);
935
1061
  @property st-global(--wds-side-panel-header-divider-height);
936
1062
  @property st-global(--wds-side-panel-header-padding-left);
937
1063
  @property st-global(--wds-side-panel-header-padding-right);
938
1064
  @property st-global(--wds-side-panel-header-padding-vertical);
1065
+ @property st-global(--wds-side-panel-standard-corner-radius);
1066
+ @property st-global(--wds-side-panel-standard-overflow);
1067
+ @property st-global(--wds-side-panel-standard-shadow);
1068
+ @property st-global(--wds-side-panel-subtitle-fill);
939
1069
  @property st-global(--wds-side-panel-subtitle-font-line-height);
940
1070
  @property st-global(--wds-side-panel-subtitle-font-size);
1071
+ @property st-global(--wds-side-panel-subtitle-font-weight);
941
1072
  @property st-global(--wds-side-panel-title-font-letter-spacing);
942
1073
  @property st-global(--wds-side-panel-title-font-line-height);
943
1074
  @property st-global(--wds-side-panel-title-font-size);
@@ -947,7 +1078,9 @@
947
1078
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
948
1079
  @property st-global(--wds-sidebar-header-margin-bottom);
949
1080
  @property st-global(--wds-sidebar-header-text-dark-default);
1081
+ @property st-global(--wds-sidebar-item-border-radius);
950
1082
  @property st-global(--wds-sidebar-item-content-gap);
1083
+ @property st-global(--wds-sidebar-item-context-menu-padding-inline);
951
1084
  @property st-global(--wds-sidebar-item-level-1-fill-dark-active);
952
1085
  @property st-global(--wds-sidebar-item-level-1-fill-dark-default);
953
1086
  @property st-global(--wds-sidebar-item-level-1-fill-dark-hover);
@@ -977,6 +1110,7 @@
977
1110
  @property st-global(--wds-sidebar-item-level-3-padding-top);
978
1111
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
979
1112
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1113
+ @property st-global(--wds-sidebar-item-prefix-margin-block);
980
1114
  @property st-global(--wds-sidebar-item-prefix-padding-end);
981
1115
  @property st-global(--wds-sidebar-item-text-dark-active);
982
1116
  @property st-global(--wds-sidebar-item-text-dark-default);
@@ -984,6 +1118,7 @@
984
1118
  @property st-global(--wds-sidebar-item-text-light-active);
985
1119
  @property st-global(--wds-sidebar-item-text-light-default);
986
1120
  @property st-global(--wds-sidebar-item-text-light-disabled);
1121
+ @property st-global(--wds-sidebar-item-text-margin-block);
987
1122
  @property st-global(--wds-sidebar-item-text-neutral-active);
988
1123
  @property st-global(--wds-sidebar-item-text-neutral-default);
989
1124
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1058,8 +1193,16 @@
1058
1193
  @property st-global(--wds-swatches-swatch-size-medium);
1059
1194
  @property st-global(--wds-swatches-swatch-size-small);
1060
1195
  @property st-global(--wds-swatches-swatch-size-tiny);
1196
+ @property st-global(--wds-table-action-cell-primary-action-gap-medium);
1197
+ @property st-global(--wds-table-action-cell-primary-action-gap-small);
1198
+ @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
1199
+ @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1200
+ @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1201
+ @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1061
1202
  @property st-global(--wds-table-list-item-border-color);
1062
1203
  @property st-global(--wds-table-list-item-border-radius);
1204
+ @property st-global(--wds-table-list-item-checkbox-offset);
1205
+ @property st-global(--wds-table-list-item-controls-gap-medium);
1063
1206
  @property st-global(--wds-table-list-item-controls-padding-medium);
1064
1207
  @property st-global(--wds-table-list-item-drag-handle-color);
1065
1208
  @property st-global(--wds-table-list-item-fill);
@@ -1105,6 +1248,7 @@
1105
1248
  @property st-global(--wds-tag-border-radius-tiny);
1106
1249
  @property st-global(--wds-tag-label-font-line-height-small);
1107
1250
  @property st-global(--wds-tag-label-font-size-small);
1251
+ @property st-global(--wds-tag-list-action-gap);
1108
1252
  @property st-global(--wds-tag-padding-horizontal-large);
1109
1253
  @property st-global(--wds-tag-padding-horizontal-medium);
1110
1254
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -1305,7 +1449,15 @@
1305
1449
  @property st-global(--wds-tooltip-padding-vertical-small);
1306
1450
  @property st-global(--wds-tooltip-shadow);
1307
1451
  @property st-global(--wds-tooltip-text-fill);
1452
+ @property st-global(--wds-top-banner-border-color);
1453
+ @property st-global(--wds-top-banner-border-radius);
1454
+ @property st-global(--wds-top-banner-content-gap);
1455
+ @property st-global(--wds-top-banner-dismiss-gap);
1308
1456
  @property st-global(--wds-top-banner-fill);
1457
+ @property st-global(--wds-top-banner-padding-horizontal-end);
1458
+ @property st-global(--wds-top-banner-padding-horizontal-start);
1459
+ @property st-global(--wds-top-banner-padding-vertical);
1460
+ @property st-global(--wds-top-banner-shadow);
1309
1461
  @property st-global(--wds-variable-input-padding-vertical-small);
1310
1462
  @property st-global(--wds-variable-input-padding-vertical-tiny);
1311
1463
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
@@ -1379,12 +1531,17 @@
1379
1531
  --wds-accordion-background-fill-light: #ffffff;
1380
1532
  --wds-accordion-background-fill-light-hover: #f8f6f6;
1381
1533
  --wds-accordion-background-fill-standard: #ffffff;
1382
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
1534
+ --wds-accordion-background-fill-standard-hover: #f0efef;
1383
1535
  --wds-accordion-border-radius: 0px;
1384
1536
  --wds-accordion-caret-fill: #151414;
1385
1537
  --wds-accordion-caret-fill-hover: #151414;
1386
1538
  --wds-accordion-inner-content-fill: #ffffff;
1387
- --wds-accordion-inner-content-padding-top: 4px;
1539
+ --wds-accordion-inner-content-padding-bottom: 12px;
1540
+ --wds-accordion-inner-content-padding-top: 8px;
1541
+ --wds-accordion-inner-content-padding-top-flat: 8px;
1542
+ --wds-accordion-inner-content-shadow: none;
1543
+ --wds-accordion-inner-content-shadow-last: none;
1544
+ --wds-accordion-padding-horizontal-large: 16px;
1388
1545
  --wds-accordion-title-fill: #151414;
1389
1546
  --wds-accordion-title-fill-hover: #151414;
1390
1547
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1420,16 +1577,34 @@
1420
1577
  --wds-angle-input-ring-border: #dedede;
1421
1578
  --wds-announcement-modal-actions-padding: 42px;
1422
1579
  --wds-announcement-modal-border-radius: 24px;
1580
+ --wds-announcement-modal-close-button-fill: #f0efef;
1581
+ --wds-announcement-modal-close-button-icon-size: 8px;
1582
+ --wds-announcement-modal-close-button-size: 24px;
1423
1583
  --wds-announcement-modal-content-gap: 12px;
1584
+ --wds-announcement-modal-footnote-content-alignment: start;
1585
+ --wds-announcement-modal-help-button-fill: #f0efef;
1586
+ --wds-announcement-modal-help-button-icon-size: 18px;
1587
+ --wds-announcement-modal-help-button-size: 24px;
1424
1588
  --wds-announcement-modal-padding-horizontal: 96px;
1425
1589
  --wds-announcement-modal-padding-vertical: 44px;
1426
- --wds-announcement-modal-text-font-line-height: 18px;
1427
- --wds-announcement-modal-text-font-size: 16px;
1428
- --wds-announcement-modal-title-font-line-height: 30px;
1590
+ --wds-announcement-modal-text-font-line-height: 20px;
1591
+ --wds-announcement-modal-text-font-size: 14px;
1592
+ --wds-announcement-modal-title-font-line-height: 32px;
1429
1593
  --wds-announcement-modal-title-font-size: 24px;
1594
+ --wds-announcement-modal-title-font-weight: 500;
1595
+ --wds-announcement-modal-top-controls-gap: 4px;
1596
+ --wds-announcement-modal-top-controls-padding-end: 12px;
1597
+ --wds-announcement-modal-top-controls-padding-top: 12px;
1598
+ --wds-avatar-group-counter-background-blur: 4px;
1599
+ --wds-avatar-group-counter-border-fill: #ffffff;
1600
+ --wds-avatar-group-counter-border-width: 1px;
1601
+ --wds-avatar-group-counter-fill: rgba(255, 255, 255, .5);
1602
+ --wds-avatar-group-counter-fill-gradient-1: #dedede;
1603
+ --wds-avatar-group-counter-fill-gradient-2: rgba(19, 23, 32, 0);
1604
+ --wds-avatar-group-counter-fill-hover: #e8e7e7;
1430
1605
  --wds-avatar-group-gap-condensed: -2px;
1431
1606
  --wds-avatar-group-gap-default: 4px;
1432
- --wds-avatar-text-fill: #ffffff;
1607
+ --wds-avatar-text-fill: #151414;
1433
1608
  --wds-badge-border-radius-medium: 4px;
1434
1609
  --wds-badge-border-radius-small: 4px;
1435
1610
  --wds-badge-border-radius-tiny: 4px;
@@ -1468,21 +1643,25 @@
1468
1643
  --wds-badge-size-medium: 28px;
1469
1644
  --wds-badge-size-small: 24px;
1470
1645
  --wds-badge-size-tiny: 20px;
1471
- --wds-breadcrumbs-border-radius: 2px;
1646
+ --wds-breadcrumbs-border-radius: 6px;
1647
+ --wds-breadcrumbs-divider-margin-horizontal: 0px;
1472
1648
  --wds-breadcrumbs-font-size-small: 12px;
1473
- --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1474
- --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1649
+ --wds-breadcrumbs-height-large: 32px;
1650
+ --wds-breadcrumbs-height-medium: 26px;
1651
+ --wds-breadcrumbs-height-small: 24px;
1652
+ --wds-breadcrumbs-on-dark-fill-hover: #525150;
1653
+ --wds-breadcrumbs-on-grey-fill-hover: #e8e7e7;
1475
1654
  --wds-breadcrumbs-on-grey-text-fill-active: #151414;
1476
- --wds-breadcrumbs-on-white-fill-hover: #f0efef;
1477
- --wds-breadcrumbs-padding-horizontal-large: 16px;
1655
+ --wds-breadcrumbs-on-white-fill-hover: #e8e7e7;
1656
+ --wds-breadcrumbs-padding-horizontal-large: 12px;
1478
1657
  --wds-breadcrumbs-padding-horizontal-medium: 8px;
1479
- --wds-breadcrumbs-padding-horizontal-small: 4px;
1658
+ --wds-breadcrumbs-padding-horizontal-small: 8px;
1480
1659
  --wds-breadcrumbs-padding-vertical-large: 4px;
1481
1660
  --wds-breadcrumbs-padding-vertical-medium: 4px;
1482
- --wds-breadcrumbs-padding-vertical-small: 2px;
1661
+ --wds-breadcrumbs-padding-vertical-small: 4px;
1483
1662
  --wds-breadcrumbs-text-line-height-small: 16px;
1484
1663
  --wds-breadcrumbs-text-weight-default: 400;
1485
- --wds-breadcrumbs-text-weight-selected: 600;
1664
+ --wds-breadcrumbs-text-weight-selected: 500;
1486
1665
  --wds-button-border-dark-secondary: #767574;
1487
1666
  --wds-button-border-dark-secondary-active: #dedede;
1488
1667
  --wds-button-border-dark-secondary-disabled: #f0efef;
@@ -1597,11 +1776,16 @@
1597
1776
  --wds-button-size-tiny: 24px;
1598
1777
  --wds-button-size-tiny-screen-small: 32px;
1599
1778
  --wds-button-size-x-tiny: 18px;
1779
+ --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
1600
1780
  --wds-card-border-radius: 16px;
1601
1781
  --wds-card-content-padding-large: 12px;
1602
1782
  --wds-card-content-padding-medium: 12px;
1783
+ --wds-card-content-padding-medium-bottom: 24px;
1784
+ --wds-card-content-padding-medium-horizontal: 24px;
1785
+ --wds-card-content-padding-medium-top: 12px;
1603
1786
  --wds-card-content-paddings-horizontal: 12px;
1604
1787
  --wds-card-content-paddings-vertical: 12px;
1788
+ --wds-card-divider-opacity: 0;
1605
1789
  --wds-card-gallery-item-buttons-gap: 8px;
1606
1790
  --wds-card-gallery-item-content-margin-horizontal: 8px;
1607
1791
  --wds-card-gallery-item-content-margin-vertical: 0px;
@@ -1615,13 +1799,16 @@
1615
1799
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1616
1800
  --wds-card-gallery-item-padding-vertical-small: 12px;
1617
1801
  --wds-card-gallery-item-subtitle-font-size-medium: 12px;
1802
+ --wds-card-gallery-item-subtitle-side-font-size-medium: 14px;
1618
1803
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
1619
1804
  --wds-card-gallery-item-title-font-line-height-small: 16px;
1620
1805
  --wds-card-gallery-item-title-font-size-medium: 16px;
1806
+ --wds-card-gallery-item-title-font-weight-medium: 600;
1621
1807
  --wds-card-header-divider-width: 0px;
1622
1808
  --wds-card-header-padding-horizontal: 24px;
1623
1809
  --wds-card-header-padding-vertical: 24px;
1624
1810
  --wds-card-header-title-subtitle-gap: 4px;
1811
+ --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
1625
1812
  --wds-card-subtitle-color: #44485f;
1626
1813
  --wds-card-subtitle-font-size: 12px;
1627
1814
  --wds-card-subtitle-line-height: 16px;
@@ -1729,11 +1916,12 @@
1729
1916
  --wds-custom-modal-content-padding-vertical: 24px;
1730
1917
  --wds-custom-modal-footer-padding-horizontal: 24px;
1731
1918
  --wds-custom-modal-footer-padding-vertical: 24px;
1732
- --wds-custom-modal-footnote-link-font-weight: 400;
1919
+ --wds-custom-modal-footnote-link-font-weight: 500;
1733
1920
  --wds-custom-modal-footnote-padding-horizontal: 24px;
1734
1921
  --wds-custom-modal-footnote-padding-vertical: 16px;
1735
1922
  --wds-custom-modal-footnote-text-font-line-height: 16px;
1736
1923
  --wds-custom-modal-footnote-text-font-size: 12px;
1924
+ --wds-custom-modal-footnote-text-font-weight: 500;
1737
1925
  --wds-custom-modal-header-padding-left: 24px;
1738
1926
  --wds-custom-modal-header-padding-right: 20px;
1739
1927
  --wds-custom-modal-header-padding-vertical: 24px;
@@ -1755,6 +1943,10 @@
1755
1943
  --wds-dropdown-layout-option-size-big: 40px;
1756
1944
  --wds-dropdown-layout-option-size-small: 32px;
1757
1945
  --wds-dropdown-list-paddings: 8px;
1946
+ --wds-editable-title-marker-fill: #151414;
1947
+ --wds-editable-title-marker-fill-active: #597dff;
1948
+ --wds-editable-title-marker-line-style: dotted;
1949
+ --wds-editable-title-placeholder-fill: #a8a6a5;
1758
1950
  --wds-empty-state-border-radius: 4px;
1759
1951
  --wds-empty-state-page-content-paddings: 24px;
1760
1952
  --wds-empty-state-section-content-paddings: 24px;
@@ -1979,28 +2171,36 @@
1979
2171
  --wds-list-item-action-affix-margin: 4px;
1980
2172
  --wds-list-item-action-border-radius: 8px;
1981
2173
  --wds-list-item-action-fill: #ffffff;
1982
- --wds-list-item-action-fill-active: #f0efef;
1983
- --wds-list-item-action-fill-hover: #f8f6f6;
2174
+ --wds-list-item-action-fill-active: #e8e7e7;
2175
+ --wds-list-item-action-fill-hover: #f0efef;
1984
2176
  --wds-list-item-action-gap: 2px;
1985
2177
  --wds-list-item-action-label-fill-active: #151414;
1986
- --wds-list-item-action-label-fill-pressed-destructive: #df3336;
2178
+ --wds-list-item-action-label-fill-hover-destructive: #9c2426;
2179
+ --wds-list-item-action-label-fill-hover-premium: #1c3fe5;
2180
+ --wds-list-item-action-label-fill-hover-primary: #1c3fe5;
2181
+ --wds-list-item-action-label-fill-pressed-destructive: #9c2426;
2182
+ --wds-list-item-action-label-fill-pressed-premium: #1c3fe5;
2183
+ --wds-list-item-action-label-fill-pressed-primary: #1c3fe5;
1987
2184
  --wds-list-item-action-label-font-line-height-medium: 24px;
1988
2185
  --wds-list-item-action-label-font-line-height-small: 18px;
1989
2186
  --wds-list-item-action-label-font-size-medium: 14px;
1990
2187
  --wds-list-item-action-label-font-size-small: 12px;
2188
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
2189
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
1991
2190
  --wds-list-item-action-padding-horizontal-medium: 8px;
1992
2191
  --wds-list-item-action-padding-horizontal-small: 8px;
1993
2192
  --wds-list-item-action-padding-vertical-medium: 8px;
1994
2193
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
1995
2194
  --wds-list-item-action-padding-vertical-small: 8px;
1996
2195
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
1997
- --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
2196
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #525150;
1998
2197
  --wds-list-item-action-subtitle-font-line-height: 16px;
1999
2198
  --wds-list-item-action-subtitle-font-size: 12px;
2199
+ --wds-list-item-action-subtitle-offset: -2px;
2000
2200
  --wds-list-item-action-suffix-fill: #151414;
2001
2201
  --wds-list-item-action-suffix-fill-active: #151414;
2002
2202
  --wds-list-item-action-title-font-weight: 500;
2003
- --wds-list-item-action-title-font-weight-active: 600;
2203
+ --wds-list-item-action-title-font-weight-active: 500;
2004
2204
  --wds-list-item-section-divider-padding-bottom: 8px;
2005
2205
  --wds-list-item-section-divider-padding-horizontal: 8px;
2006
2206
  --wds-list-item-section-divider-padding-top: 8px;
@@ -2016,11 +2216,11 @@
2016
2216
  --wds-list-item-section-padding-vertical-neutral: 8px;
2017
2217
  --wds-list-item-section-title-label-fill: #767574;
2018
2218
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
2019
- --wds-list-item-select-active-fill: #f0efef;
2020
- --wds-list-item-select-active-fill-active: #d5dfff;
2219
+ --wds-list-item-select-active-fill: #e8e7e7;
2220
+ --wds-list-item-select-active-fill-active: #e8e7e7;
2021
2221
  --wds-list-item-select-active-fill-active-screen-small: #7896ff;
2022
2222
  --wds-list-item-select-active-fill-disabled: #ffffff;
2023
- --wds-list-item-select-active-fill-hover: #f5f7ff;
2223
+ --wds-list-item-select-active-fill-hover: #f0efef;
2024
2224
  --wds-list-item-select-active-fill-screen-small: #d5dfff;
2025
2225
  --wds-list-item-select-active-subtitle: #151414;
2026
2226
  --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
@@ -2033,30 +2233,34 @@
2033
2233
  --wds-list-item-select-fill: #ffffff;
2034
2234
  --wds-list-item-select-fill-active: #ffffff;
2035
2235
  --wds-list-item-select-fill-disabled: #ffffff;
2036
- --wds-list-item-select-fill-hover: #f8f6f6;
2037
- --wds-list-item-select-gap: 2px;
2236
+ --wds-list-item-select-fill-hover: #f0efef;
2237
+ --wds-list-item-select-gap: 6px;
2038
2238
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
2039
2239
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
2040
2240
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
2041
2241
  --wds-list-item-select-icon-padding-vertical-small: 4px;
2042
- --wds-list-item-select-label-font-line-height-medium: 24px;
2043
- --wds-list-item-select-label-font-line-height-small: 18px;
2242
+ --wds-list-item-select-label-font-line-height-medium: 18px;
2243
+ --wds-list-item-select-label-font-line-height-small: 16px;
2044
2244
  --wds-list-item-select-label-font-size-medium: 14px;
2045
2245
  --wds-list-item-select-label-font-size-small: 12px;
2046
- --wds-list-item-select-label-font-weight-active: 600;
2246
+ --wds-list-item-select-label-font-weight-active: 500;
2047
2247
  --wds-list-item-select-label-font-weight-medium: 500;
2048
- --wds-list-item-select-padding-horizontal-medium: 8px;
2049
- --wds-list-item-select-padding-horizontal-small: 8px;
2248
+ --wds-list-item-select-min-height-medium: 52px;
2249
+ --wds-list-item-select-padding-horizontal-medium: 12px;
2250
+ --wds-list-item-select-padding-horizontal-small: 12px;
2050
2251
  --wds-list-item-select-padding-left-medium: 12px;
2051
2252
  --wds-list-item-select-padding-left-small: 12px;
2052
2253
  --wds-list-item-select-padding-right-medium: 16px;
2053
2254
  --wds-list-item-select-padding-right-small: 16px;
2054
- --wds-list-item-select-padding-vertical-medium: 4px;
2255
+ --wds-list-item-select-padding-vertical-medium: 8px;
2055
2256
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
2056
- --wds-list-item-select-padding-vertical-small: 4px;
2257
+ --wds-list-item-select-padding-vertical-small: 8px;
2057
2258
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
2259
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
2058
2260
  --wds-list-item-select-subtitle: #767574;
2059
2261
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
2262
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
2263
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
2060
2264
  --wds-list-item-select-suffix: #151414;
2061
2265
  --wds-list-item-select-suffix-active-font-weight: 500;
2062
2266
  --wds-list-item-select-suffix-pressed: #1c3fe5;
@@ -2072,20 +2276,79 @@
2072
2276
  --wds-loader-stroke-width-medium: 2px;
2073
2277
  --wds-loader-stroke-width-small: 2px;
2074
2278
  --wds-loader-stroke-width-tiny: 2px;
2279
+ --wds-marketing-layout-actions-gap-medium: 12px;
2280
+ --wds-marketing-layout-actions-gap-small: 12px;
2281
+ --wds-marketing-layout-actions-gap-tiny: 12px;
2282
+ --wds-marketing-layout-badge-gap: 12px;
2283
+ --wds-marketing-layout-badge-offset-medium: 0px;
2284
+ --wds-marketing-layout-badge-offset-small: 0px;
2285
+ --wds-marketing-layout-badge-offset-tiny: 0px;
2286
+ --wds-marketing-layout-badge-position: static;
2287
+ --wds-marketing-layout-badge-side: auto;
2288
+ --wds-marketing-layout-badge-top: auto;
2075
2289
  --wds-marketing-layout-border: 4px;
2290
+ --wds-marketing-layout-description-color: #767574;
2291
+ --wds-marketing-layout-description-font-size-medium: 12px;
2292
+ --wds-marketing-layout-description-font-size-small: 12px;
2293
+ --wds-marketing-layout-description-font-size-tiny: 12px;
2294
+ --wds-marketing-layout-description-font-weight-medium: 500;
2295
+ --wds-marketing-layout-description-font-weight-small: 500;
2296
+ --wds-marketing-layout-description-font-weight-tiny: 500;
2297
+ --wds-marketing-layout-description-line-height-medium: 16px;
2298
+ --wds-marketing-layout-description-line-height-small: 16px;
2299
+ --wds-marketing-layout-description-line-height-tiny: 16px;
2300
+ --wds-marketing-layout-image-border-radius: 8px;
2301
+ --wds-marketing-layout-image-padding-left-medium: 16px;
2302
+ --wds-marketing-layout-image-padding-left-small: 16px;
2303
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
2304
+ --wds-marketing-layout-image-padding-right-medium: 16px;
2305
+ --wds-marketing-layout-image-padding-right-small: 16px;
2306
+ --wds-marketing-layout-image-padding-right-tiny: 16px;
2307
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
2308
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
2309
+ --wds-marketing-layout-image-padding-vertical-tiny: 16px;
2310
+ --wds-marketing-layout-padding-left-medium: 24px;
2311
+ --wds-marketing-layout-padding-left-small: 24px;
2312
+ --wds-marketing-layout-padding-left-tiny: 24px;
2313
+ --wds-marketing-layout-padding-right-medium: 24px;
2314
+ --wds-marketing-layout-padding-right-small: 24px;
2315
+ --wds-marketing-layout-padding-right-tiny: 24px;
2316
+ --wds-marketing-layout-padding-vertical-medium: 24px;
2317
+ --wds-marketing-layout-padding-vertical-small: 24px;
2318
+ --wds-marketing-layout-padding-vertical-tiny: 24px;
2319
+ --wds-marketing-layout-title-font-size-medium: 16px;
2320
+ --wds-marketing-layout-title-font-size-small: 16px;
2321
+ --wds-marketing-layout-title-font-size-tiny: 16px;
2322
+ --wds-marketing-layout-title-font-weight-medium: 700;
2323
+ --wds-marketing-layout-title-font-weight-small: 700;
2324
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2325
+ --wds-marketing-layout-title-gap-medium: 4px;
2326
+ --wds-marketing-layout-title-gap-small: 4px;
2327
+ --wds-marketing-layout-title-gap-tiny: 4px;
2328
+ --wds-marketing-layout-title-line-height-medium: 24px;
2329
+ --wds-marketing-layout-title-line-height-small: 24px;
2330
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2076
2331
  --wds-marketing-page-paddings-horizontal-large: 60px;
2077
2332
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2078
2333
  --wds-marketing-page-paddings-vertical-large: 32px;
2079
2334
  --wds-marketing-page-paddings-vertical-medium: 20px;
2335
+ --wds-message-modal-close-button-fill: #f0efef;
2336
+ --wds-message-modal-close-button-icon-size: 8px;
2337
+ --wds-message-modal-close-button-size: 24px;
2080
2338
  --wds-message-modal-content-gap: 12px;
2339
+ --wds-message-modal-help-button-size: 28px;
2340
+ --wds-message-modal-illustration-content-gap: 16px;
2341
+ --wds-message-modal-illustration-margin-start: 24px;
2342
+ --wds-message-modal-illustration-margin-top: 24px;
2081
2343
  --wds-message-modal-padding-horizontal: 24px;
2082
2344
  --wds-message-modal-padding-vertical: 24px;
2083
2345
  --wds-message-modal-text-font-line-height: 18px;
2084
2346
  --wds-message-modal-text-font-size: 14px;
2085
2347
  --wds-message-modal-title-font-family: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2086
- --wds-message-modal-title-font-line-height: 30px;
2348
+ --wds-message-modal-title-font-line-height: 32px;
2087
2349
  --wds-message-modal-title-font-size: 24px;
2088
- --wds-message-modal-top-controls-paddings: 10px;
2350
+ --wds-message-modal-top-controls-gap: 4px;
2351
+ --wds-message-modal-top-controls-paddings: 6px;
2089
2352
  --wds-mobile-modal-content-padding-horizontal: 24px;
2090
2353
  --wds-mobile-modal-content-padding-vertical: 24px;
2091
2354
  --wds-mobile-modal-footer-padding-horizontal: 24px;
@@ -2111,10 +2374,21 @@
2111
2374
  --wds-padding-vertical-medium: 24px;
2112
2375
  --wds-padding-vertical-small: 24px;
2113
2376
  --wds-padding-vertical-tiny: 20px;
2377
+ --wds-page-header-back-button-gap: 8px;
2114
2378
  --wds-page-header-padding-horizontal: 48px;
2115
2379
  --wds-page-header-padding-horizontal-small: 24px;
2116
2380
  --wds-page-header-padding-vertical: 24px;
2117
2381
  --wds-page-header-padding-vertical-small: 18px;
2382
+ --wds-page-header-subtitle-font-size: 12px;
2383
+ --wds-page-header-subtitle-line-height: 16px;
2384
+ --wds-page-header-title-actions-gap: 40px;
2385
+ --wds-page-header-title-font-size: 24px;
2386
+ --wds-page-header-title-font-weight: 500;
2387
+ --wds-page-header-title-line-height: 32px;
2388
+ --wds-page-header-title-minimised-font-size: 16px;
2389
+ --wds-page-header-title-minimised-font-weight: 700;
2390
+ --wds-page-header-title-minimised-letter-spacing: -0.5px;
2391
+ --wds-page-header-title-minimised-line-height: 24px;
2118
2392
  --wds-pagination-arrow-fill: #151414;
2119
2393
  --wds-pagination-fill: #ffffff;
2120
2394
  --wds-pagination-fill-active: #151414;
@@ -2176,7 +2450,10 @@
2176
2450
  --wds-search-expandable-padding-large: 12px;
2177
2451
  --wds-search-expandable-padding-medium: 7px;
2178
2452
  --wds-search-expandable-padding-small: 6px;
2453
+ --wds-section-header-border-light: #7896ff;
2454
+ --wds-section-header-fill-light: #ffffff;
2179
2455
  --wds-section-header-fill-neutral: #ffffff;
2456
+ --wds-section-header-fill-standard: #ffffff;
2180
2457
  --wds-section-header-font-weight: 600;
2181
2458
  --wds-section-header-label-fill-neutral: #767574;
2182
2459
  --wds-section-header-label-font-size-medium: 14px;
@@ -2310,13 +2587,19 @@
2310
2587
  --wds-side-panel-footer-padding-vertical: 16px;
2311
2588
  --wds-side-panel-footnote-padding-horizontal: 16px;
2312
2589
  --wds-side-panel-footnote-padding-vertical: 8px;
2590
+ --wds-side-panel-header-content-padding-right: 8px;
2313
2591
  --wds-side-panel-header-divider-height: 0;
2314
2592
  --wds-side-panel-header-padding-left: 16px;
2315
2593
  --wds-side-panel-header-padding-right: 12px;
2316
2594
  --wds-side-panel-header-padding-vertical: 16px;
2317
- --wds-side-panel-subtitle-font-line-height: 24px;
2318
- --wds-side-panel-subtitle-font-size: 16px;
2319
- --wds-side-panel-title-font-letter-spacing: -0.50;
2595
+ --wds-side-panel-standard-corner-radius: 12px;
2596
+ --wds-side-panel-standard-overflow: hidden;
2597
+ --wds-side-panel-standard-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
2598
+ --wds-side-panel-subtitle-fill: #767574;
2599
+ --wds-side-panel-subtitle-font-line-height: 16px;
2600
+ --wds-side-panel-subtitle-font-size: 12px;
2601
+ --wds-side-panel-subtitle-font-weight: 500;
2602
+ --wds-side-panel-title-font-letter-spacing: -0.5px;
2320
2603
  --wds-side-panel-title-font-line-height: 24px;
2321
2604
  --wds-side-panel-title-font-size: 16px;
2322
2605
  --wds-sidebar-clear-button-fill: #5a5d63;
@@ -2325,23 +2608,25 @@
2325
2608
  --wds-sidebar-divider-fill-neutral-default: #dedede;
2326
2609
  --wds-sidebar-header-margin-bottom: 12px;
2327
2610
  --wds-sidebar-header-text-dark-default: #ffffff;
2611
+ --wds-sidebar-item-border-radius: 8px;
2328
2612
  --wds-sidebar-item-content-gap: 8px;
2613
+ --wds-sidebar-item-context-menu-padding-inline: 8px;
2329
2614
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2330
2615
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2331
2616
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2332
- --wds-sidebar-item-level-1-fill-light-active: #dedede;
2333
- --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
2334
- --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
2335
- --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
2336
- --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
2337
- --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
2617
+ --wds-sidebar-item-level-1-fill-light-active: #e8e7e7;
2618
+ --wds-sidebar-item-level-1-fill-light-default: transparent;
2619
+ --wds-sidebar-item-level-1-fill-light-hover: #f0efef;
2620
+ --wds-sidebar-item-level-1-fill-neutral-active: #e8e7e7;
2621
+ --wds-sidebar-item-level-1-fill-neutral-default: transparent;
2622
+ --wds-sidebar-item-level-1-fill-neutral-hover: #f0efef;
2338
2623
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2339
2624
  --wds-sidebar-item-level-1-padding-end: 18px;
2340
2625
  --wds-sidebar-item-level-1-padding-start: 24px;
2341
2626
  --wds-sidebar-item-level-1-padding-top: 8px;
2342
2627
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2343
- --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
2344
- --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
2628
+ --wds-sidebar-item-level-2-fill-light-default: transparent;
2629
+ --wds-sidebar-item-level-2-fill-neutral-default: transparent;
2345
2630
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2346
2631
  --wds-sidebar-item-level-2-padding-end: 18px;
2347
2632
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -2355,6 +2640,7 @@
2355
2640
  --wds-sidebar-item-level-3-padding-top: 6px;
2356
2641
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2357
2642
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2643
+ --wds-sidebar-item-prefix-margin-block: 6px;
2358
2644
  --wds-sidebar-item-prefix-padding-end: 12px;
2359
2645
  --wds-sidebar-item-text-dark-active: #ffffff;
2360
2646
  --wds-sidebar-item-text-dark-default: #dedede;
@@ -2362,6 +2648,7 @@
2362
2648
  --wds-sidebar-item-text-light-active: #151414;
2363
2649
  --wds-sidebar-item-text-light-default: #383838;
2364
2650
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
2651
+ --wds-sidebar-item-text-margin-block: 6px;
2365
2652
  --wds-sidebar-item-text-neutral-active: #151414;
2366
2653
  --wds-sidebar-item-text-neutral-default: #383838;
2367
2654
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
@@ -2436,8 +2723,16 @@
2436
2723
  --wds-swatches-swatch-size-medium: 36px;
2437
2724
  --wds-swatches-swatch-size-small: 28px;
2438
2725
  --wds-swatches-swatch-size-tiny: 22px;
2726
+ --wds-table-action-cell-primary-action-gap-medium: 8px;
2727
+ --wds-table-action-cell-primary-action-gap-small: 8px;
2728
+ --wds-table-action-cell-primary-action-gap-tiny: 8px;
2729
+ --wds-table-action-cell-secondary-action-gap-medium: 4px;
2730
+ --wds-table-action-cell-secondary-action-gap-small: 4px;
2731
+ --wds-table-action-cell-secondary-action-gap-tiny: 4px;
2439
2732
  --wds-table-list-item-border-color: #dedede;
2440
- --wds-table-list-item-border-radius: 8px;
2733
+ --wds-table-list-item-border-radius: 12px;
2734
+ --wds-table-list-item-checkbox-offset: 4px;
2735
+ --wds-table-list-item-controls-gap-medium: 4px;
2441
2736
  --wds-table-list-item-controls-padding-medium: 8px;
2442
2737
  --wds-table-list-item-drag-handle-color: #151414;
2443
2738
  --wds-table-list-item-fill: #ffffff;
@@ -2483,6 +2778,7 @@
2483
2778
  --wds-tag-border-radius-tiny: 4px;
2484
2779
  --wds-tag-label-font-line-height-small: 16px;
2485
2780
  --wds-tag-label-font-size-small: 12px;
2781
+ --wds-tag-list-action-gap: 12px;
2486
2782
  --wds-tag-padding-horizontal-large: 16px;
2487
2783
  --wds-tag-padding-horizontal-medium: 12px;
2488
2784
  --wds-tag-padding-horizontal-small: 12px;
@@ -2683,7 +2979,15 @@
2683
2979
  --wds-tooltip-padding-vertical-small: 6px;
2684
2980
  --wds-tooltip-shadow: rgba(19, 23, 32, 0);
2685
2981
  --wds-tooltip-text-fill: #ffffff;
2686
- --wds-top-banner-fill: #8b2df5;
2982
+ --wds-top-banner-border-color: #ffffff;
2983
+ --wds-top-banner-border-radius: 8px;
2984
+ --wds-top-banner-content-gap: 12px;
2985
+ --wds-top-banner-dismiss-gap: 20px;
2986
+ --wds-top-banner-fill: #e7e4fe;
2987
+ --wds-top-banner-padding-horizontal-end: 12px;
2988
+ --wds-top-banner-padding-horizontal-start: 30px;
2989
+ --wds-top-banner-padding-vertical: 0px;
2990
+ --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
2687
2991
  --wds-variable-input-padding-vertical-small: 5px;
2688
2992
  --wds-variable-input-padding-vertical-tiny: 2px;
2689
2993
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;