@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/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);
@@ -43,13 +48,24 @@
43
48
  @property st-global(--wds-angle-input-ring-border);
44
49
  @property st-global(--wds-announcement-modal-actions-padding);
45
50
  @property st-global(--wds-announcement-modal-border-radius);
51
+ @property st-global(--wds-announcement-modal-close-button-fill);
52
+ @property st-global(--wds-announcement-modal-close-button-icon-size);
53
+ @property st-global(--wds-announcement-modal-close-button-size);
46
54
  @property st-global(--wds-announcement-modal-content-gap);
55
+ @property st-global(--wds-announcement-modal-footnote-content-alignment);
56
+ @property st-global(--wds-announcement-modal-help-button-fill);
57
+ @property st-global(--wds-announcement-modal-help-button-icon-size);
58
+ @property st-global(--wds-announcement-modal-help-button-size);
47
59
  @property st-global(--wds-announcement-modal-padding-horizontal);
48
60
  @property st-global(--wds-announcement-modal-padding-vertical);
49
61
  @property st-global(--wds-announcement-modal-text-font-line-height);
50
62
  @property st-global(--wds-announcement-modal-text-font-size);
51
63
  @property st-global(--wds-announcement-modal-title-font-line-height);
52
64
  @property st-global(--wds-announcement-modal-title-font-size);
65
+ @property st-global(--wds-announcement-modal-title-font-weight);
66
+ @property st-global(--wds-announcement-modal-top-controls-gap);
67
+ @property st-global(--wds-announcement-modal-top-controls-padding-end);
68
+ @property st-global(--wds-announcement-modal-top-controls-padding-top);
53
69
  @property st-global(--wds-avatar-group-gap-condensed);
54
70
  @property st-global(--wds-avatar-group-gap-default);
55
71
  @property st-global(--wds-avatar-text-fill);
@@ -92,7 +108,11 @@
92
108
  @property st-global(--wds-badge-size-small);
93
109
  @property st-global(--wds-badge-size-tiny);
94
110
  @property st-global(--wds-breadcrumbs-border-radius);
111
+ @property st-global(--wds-breadcrumbs-divider-margin-horizontal);
95
112
  @property st-global(--wds-breadcrumbs-font-size-small);
113
+ @property st-global(--wds-breadcrumbs-height-large);
114
+ @property st-global(--wds-breadcrumbs-height-medium);
115
+ @property st-global(--wds-breadcrumbs-height-small);
96
116
  @property st-global(--wds-breadcrumbs-on-dark-fill-hover);
97
117
  @property st-global(--wds-breadcrumbs-on-grey-fill-hover);
98
118
  @property st-global(--wds-breadcrumbs-on-grey-text-fill-active);
@@ -228,12 +248,17 @@
228
248
  @property st-global(--wds-button-text-hover);
229
249
  @property st-global(--wds-button-text-standard-primary);
230
250
  @property st-global(--wds-button-text-standard-primary-hover);
251
+ @property st-global(--wds-card-base-shadow);
231
252
  @property st-global(--wds-card-border);
232
253
  @property st-global(--wds-card-border-radius);
233
254
  @property st-global(--wds-card-content-padding-large);
234
255
  @property st-global(--wds-card-content-padding-medium);
256
+ @property st-global(--wds-card-content-padding-medium-bottom);
257
+ @property st-global(--wds-card-content-padding-medium-horizontal);
258
+ @property st-global(--wds-card-content-padding-medium-top);
235
259
  @property st-global(--wds-card-content-paddings-horizontal);
236
260
  @property st-global(--wds-card-content-paddings-vertical);
261
+ @property st-global(--wds-card-divider-opacity);
237
262
  @property st-global(--wds-card-gallery-item-border-radius-0);
238
263
  @property st-global(--wds-card-gallery-item-border-radius-100);
239
264
  @property st-global(--wds-card-gallery-item-buttons-gap);
@@ -249,13 +274,16 @@
249
274
  @property st-global(--wds-card-gallery-item-padding-vertical-medium);
250
275
  @property st-global(--wds-card-gallery-item-padding-vertical-small);
251
276
  @property st-global(--wds-card-gallery-item-subtitle-font-size-medium);
277
+ @property st-global(--wds-card-gallery-item-subtitle-side-font-size-medium);
252
278
  @property st-global(--wds-card-gallery-item-title-font-line-height-medium);
253
279
  @property st-global(--wds-card-gallery-item-title-font-line-height-small);
254
280
  @property st-global(--wds-card-gallery-item-title-font-size-medium);
281
+ @property st-global(--wds-card-gallery-item-title-font-weight-medium);
255
282
  @property st-global(--wds-card-header-divider-width);
256
283
  @property st-global(--wds-card-header-padding-horizontal);
257
284
  @property st-global(--wds-card-header-padding-vertical);
258
285
  @property st-global(--wds-card-header-title-subtitle-gap);
286
+ @property st-global(--wds-card-shadow);
259
287
  @property st-global(--wds-card-subtitle-color);
260
288
  @property st-global(--wds-card-subtitle-font-size);
261
289
  @property st-global(--wds-card-subtitle-line-height);
@@ -368,6 +396,7 @@
368
396
  @property st-global(--wds-custom-modal-footnote-padding-vertical);
369
397
  @property st-global(--wds-custom-modal-footnote-text-font-line-height);
370
398
  @property st-global(--wds-custom-modal-footnote-text-font-size);
399
+ @property st-global(--wds-custom-modal-footnote-text-font-weight);
371
400
  @property st-global(--wds-custom-modal-header-padding-left);
372
401
  @property st-global(--wds-custom-modal-header-padding-right);
373
402
  @property st-global(--wds-custom-modal-header-padding-vertical);
@@ -394,6 +423,10 @@
394
423
  @property st-global(--wds-dropdown-layout-option-size-big);
395
424
  @property st-global(--wds-dropdown-layout-option-size-small);
396
425
  @property st-global(--wds-dropdown-list-paddings);
426
+ @property st-global(--wds-editable-title-marker-fill);
427
+ @property st-global(--wds-editable-title-marker-fill-active);
428
+ @property st-global(--wds-editable-title-marker-line-style);
429
+ @property st-global(--wds-editable-title-placeholder-fill);
397
430
  @property st-global(--wds-empty-state-border-radius);
398
431
  @property st-global(--wds-empty-state-page-content-paddings);
399
432
  @property st-global(--wds-empty-state-section-content-paddings);
@@ -637,11 +670,17 @@
637
670
  @property st-global(--wds-list-item-action-gap);
638
671
  @property st-global(--wds-list-item-action-label-fill-active);
639
672
  @property st-global(--wds-list-item-action-label-fill-hover-destructive);
673
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
674
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
640
675
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
676
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
677
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
641
678
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
642
679
  @property st-global(--wds-list-item-action-label-font-line-height-small);
643
680
  @property st-global(--wds-list-item-action-label-font-size-medium);
644
681
  @property st-global(--wds-list-item-action-label-font-size-small);
682
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
683
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
645
684
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
646
685
  @property st-global(--wds-list-item-action-padding-horizontal-small);
647
686
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -653,6 +692,7 @@
653
692
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
654
693
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
655
694
  @property st-global(--wds-list-item-action-subtitle-font-size);
695
+ @property st-global(--wds-list-item-action-subtitle-offset);
656
696
  @property st-global(--wds-list-item-action-suffix-fill);
657
697
  @property st-global(--wds-list-item-action-suffix-fill-active);
658
698
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -718,6 +758,7 @@
718
758
  @property st-global(--wds-list-item-select-label-font-size-small);
719
759
  @property st-global(--wds-list-item-select-label-font-weight-active);
720
760
  @property st-global(--wds-list-item-select-label-font-weight-medium);
761
+ @property st-global(--wds-list-item-select-min-height-medium);
721
762
  @property st-global(--wds-list-item-select-padding-horizontal-medium);
722
763
  @property st-global(--wds-list-item-select-padding-horizontal-small);
723
764
  @property st-global(--wds-list-item-select-padding-left-medium);
@@ -728,6 +769,7 @@
728
769
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
729
770
  @property st-global(--wds-list-item-select-padding-vertical-small);
730
771
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
772
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
731
773
  @property st-global(--wds-list-item-select-subtitle);
732
774
  @property st-global(--wds-list-item-select-subtitle-disabled);
733
775
  @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
@@ -747,7 +789,37 @@
747
789
  @property st-global(--wds-loader-stroke-width-medium);
748
790
  @property st-global(--wds-loader-stroke-width-small);
749
791
  @property st-global(--wds-loader-stroke-width-tiny);
792
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
793
+ @property st-global(--wds-marketing-layout-actions-gap-small);
794
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
795
+ @property st-global(--wds-marketing-layout-badge-gap);
796
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
797
+ @property st-global(--wds-marketing-layout-badge-offset-small);
798
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
799
+ @property st-global(--wds-marketing-layout-badge-position);
800
+ @property st-global(--wds-marketing-layout-badge-side);
801
+ @property st-global(--wds-marketing-layout-badge-top);
750
802
  @property st-global(--wds-marketing-layout-border);
803
+ @property st-global(--wds-marketing-layout-description-color);
804
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
805
+ @property st-global(--wds-marketing-layout-description-font-size-small);
806
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
807
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
808
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
809
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
810
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
811
+ @property st-global(--wds-marketing-layout-description-line-height-small);
812
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
813
+ @property st-global(--wds-marketing-layout-image-border-radius);
814
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
815
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
816
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
817
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
818
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
819
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
820
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
821
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
822
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
751
823
  @property st-global(--wds-marketing-layout-padding-left-medium);
752
824
  @property st-global(--wds-marketing-layout-padding-left-small);
753
825
  @property st-global(--wds-marketing-layout-padding-left-tiny);
@@ -757,11 +829,30 @@
757
829
  @property st-global(--wds-marketing-layout-padding-vertical-medium);
758
830
  @property st-global(--wds-marketing-layout-padding-vertical-small);
759
831
  @property st-global(--wds-marketing-layout-padding-vertical-tiny);
832
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
833
+ @property st-global(--wds-marketing-layout-title-font-size-small);
834
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
835
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
836
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
837
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
838
+ @property st-global(--wds-marketing-layout-title-gap-medium);
839
+ @property st-global(--wds-marketing-layout-title-gap-small);
840
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
841
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
842
+ @property st-global(--wds-marketing-layout-title-line-height-small);
843
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
760
844
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
761
845
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
762
846
  @property st-global(--wds-marketing-page-paddings-vertical-large);
763
847
  @property st-global(--wds-marketing-page-paddings-vertical-medium);
848
+ @property st-global(--wds-message-modal-close-button-fill);
849
+ @property st-global(--wds-message-modal-close-button-icon-size);
850
+ @property st-global(--wds-message-modal-close-button-size);
764
851
  @property st-global(--wds-message-modal-content-gap);
852
+ @property st-global(--wds-message-modal-help-button-size);
853
+ @property st-global(--wds-message-modal-illustration-content-gap);
854
+ @property st-global(--wds-message-modal-illustration-margin-start);
855
+ @property st-global(--wds-message-modal-illustration-margin-top);
765
856
  @property st-global(--wds-message-modal-padding-horizontal);
766
857
  @property st-global(--wds-message-modal-padding-vertical);
767
858
  @property st-global(--wds-message-modal-text-font-line-height);
@@ -769,6 +860,7 @@
769
860
  @property st-global(--wds-message-modal-title-font-family);
770
861
  @property st-global(--wds-message-modal-title-font-line-height);
771
862
  @property st-global(--wds-message-modal-title-font-size);
863
+ @property st-global(--wds-message-modal-top-controls-gap);
772
864
  @property st-global(--wds-message-modal-top-controls-paddings);
773
865
  @property st-global(--wds-mobile-modal-content-padding-horizontal);
774
866
  @property st-global(--wds-mobile-modal-content-padding-vertical);
@@ -785,10 +877,21 @@
785
877
  @property st-global(--wds-notification-padding-horizontal);
786
878
  @property st-global(--wds-notification-padding-vertical);
787
879
  @property st-global(--wds-number-input-icon-fill);
880
+ @property st-global(--wds-page-header-back-button-gap);
788
881
  @property st-global(--wds-page-header-padding-horizontal);
789
882
  @property st-global(--wds-page-header-padding-horizontal-small);
790
883
  @property st-global(--wds-page-header-padding-vertical);
791
884
  @property st-global(--wds-page-header-padding-vertical-small);
885
+ @property st-global(--wds-page-header-subtitle-font-size);
886
+ @property st-global(--wds-page-header-subtitle-line-height);
887
+ @property st-global(--wds-page-header-title-actions-gap);
888
+ @property st-global(--wds-page-header-title-font-size);
889
+ @property st-global(--wds-page-header-title-font-weight);
890
+ @property st-global(--wds-page-header-title-line-height);
891
+ @property st-global(--wds-page-header-title-minimised-font-size);
892
+ @property st-global(--wds-page-header-title-minimised-font-weight);
893
+ @property st-global(--wds-page-header-title-minimised-letter-spacing);
894
+ @property st-global(--wds-page-header-title-minimised-line-height);
792
895
  @property st-global(--wds-pagination-arrow-fill);
793
896
  @property st-global(--wds-pagination-fill);
794
897
  @property st-global(--wds-pagination-fill-active);
@@ -850,7 +953,10 @@
850
953
  @property st-global(--wds-search-expandable-padding-large);
851
954
  @property st-global(--wds-search-expandable-padding-medium);
852
955
  @property st-global(--wds-search-expandable-padding-small);
956
+ @property st-global(--wds-section-header-border-light);
957
+ @property st-global(--wds-section-header-fill-light);
853
958
  @property st-global(--wds-section-header-fill-neutral);
959
+ @property st-global(--wds-section-header-fill-standard);
854
960
  @property st-global(--wds-section-header-font-weight);
855
961
  @property st-global(--wds-section-header-label-fill-neutral);
856
962
  @property st-global(--wds-section-header-label-font-size-medium);
@@ -985,12 +1091,18 @@
985
1091
  @property st-global(--wds-side-panel-footer-padding-vertical);
986
1092
  @property st-global(--wds-side-panel-footnote-padding-horizontal);
987
1093
  @property st-global(--wds-side-panel-footnote-padding-vertical);
1094
+ @property st-global(--wds-side-panel-header-content-padding-right);
988
1095
  @property st-global(--wds-side-panel-header-divider-height);
989
1096
  @property st-global(--wds-side-panel-header-padding-left);
990
1097
  @property st-global(--wds-side-panel-header-padding-right);
991
1098
  @property st-global(--wds-side-panel-header-padding-vertical);
1099
+ @property st-global(--wds-side-panel-standard-corner-radius);
1100
+ @property st-global(--wds-side-panel-standard-overflow);
1101
+ @property st-global(--wds-side-panel-standard-shadow);
1102
+ @property st-global(--wds-side-panel-subtitle-fill);
992
1103
  @property st-global(--wds-side-panel-subtitle-font-line-height);
993
1104
  @property st-global(--wds-side-panel-subtitle-font-size);
1105
+ @property st-global(--wds-side-panel-subtitle-font-weight);
994
1106
  @property st-global(--wds-side-panel-title-font-letter-spacing);
995
1107
  @property st-global(--wds-side-panel-title-font-line-height);
996
1108
  @property st-global(--wds-side-panel-title-font-size);
@@ -1106,8 +1218,17 @@
1106
1218
  @property st-global(--wds-swatches-swatch-size-medium);
1107
1219
  @property st-global(--wds-swatches-swatch-size-small);
1108
1220
  @property st-global(--wds-swatches-swatch-size-tiny);
1221
+ @property st-global(--wds-table-action-cell-primary-action-gap-medium);
1222
+ @property st-global(--wds-table-action-cell-primary-action-gap-small);
1223
+ @property st-global(--wds-table-action-cell-primary-action-gap-tiny);
1224
+ @property st-global(--wds-table-action-cell-secondary-action-gap-medium);
1225
+ @property st-global(--wds-table-action-cell-secondary-action-gap-small);
1226
+ @property st-global(--wds-table-action-cell-secondary-action-gap-tiny);
1109
1227
  @property st-global(--wds-table-list-item-border-color);
1110
1228
  @property st-global(--wds-table-list-item-border-radius);
1229
+ @property st-global(--wds-table-list-item-checkbox-offset);
1230
+ @property st-global(--wds-table-list-item-controls-gap-medium);
1231
+ @property st-global(--wds-table-list-item-controls-padding-medium);
1111
1232
  @property st-global(--wds-table-list-item-drag-handle-color);
1112
1233
  @property st-global(--wds-table-list-item-fill);
1113
1234
  @property st-global(--wds-table-list-item-fill-active);
@@ -1152,6 +1273,7 @@
1152
1273
  @property st-global(--wds-tag-border-radius-tiny);
1153
1274
  @property st-global(--wds-tag-label-font-line-height-small);
1154
1275
  @property st-global(--wds-tag-label-font-size-small);
1276
+ @property st-global(--wds-tag-list-action-gap);
1155
1277
  @property st-global(--wds-tag-padding-horizontal-large);
1156
1278
  @property st-global(--wds-tag-padding-horizontal-medium);
1157
1279
  @property st-global(--wds-tag-padding-horizontal-small);
@@ -1348,7 +1470,15 @@
1348
1470
  @property st-global(--wds-tooltip-padding-vertical-medium);
1349
1471
  @property st-global(--wds-tooltip-padding-vertical-small);
1350
1472
  @property st-global(--wds-tooltip-text-fill);
1473
+ @property st-global(--wds-top-banner-border-color);
1474
+ @property st-global(--wds-top-banner-border-radius);
1475
+ @property st-global(--wds-top-banner-content-gap);
1476
+ @property st-global(--wds-top-banner-dismiss-gap);
1351
1477
  @property st-global(--wds-top-banner-fill);
1478
+ @property st-global(--wds-top-banner-padding-horizontal-end);
1479
+ @property st-global(--wds-top-banner-padding-horizontal-start);
1480
+ @property st-global(--wds-top-banner-padding-vertical);
1481
+ @property st-global(--wds-top-banner-shadow);
1352
1482
  @property st-global(--wds-variable-input-padding-vertical-small);
1353
1483
  @property st-global(--wds-variable-input-padding-vertical-tiny);
1354
1484
  @property st-global(--wds-vertical-tabs-action-padding-horizontal-medium);
@@ -1438,7 +1568,12 @@
1438
1568
  --wds-accordion-caret-fill: #44485f;
1439
1569
  --wds-accordion-caret-fill-hover: #44485f;
1440
1570
  --wds-accordion-inner-content-fill: #f4f7ff;
1571
+ --wds-accordion-inner-content-padding-bottom: 15px;
1441
1572
  --wds-accordion-inner-content-padding-top: 15px;
1573
+ --wds-accordion-inner-content-padding-top-flat: 0px;
1574
+ --wds-accordion-inner-content-shadow: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset, 0 -22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
1575
+ --wds-accordion-inner-content-shadow-last: 0 22px 18px -18px rgba(0, 6, 36, .1) inset, 0 -8px 6px -6px rgba(0, 6, 36, .05) inset;
1576
+ --wds-accordion-padding-horizontal-large: 24px;
1442
1577
  --wds-accordion-title-fill: #000624;
1443
1578
  --wds-accordion-title-fill-hover: #000624;
1444
1579
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -1475,13 +1610,24 @@
1475
1610
  --wds-angle-input-ring-border: #dfe5eb;
1476
1611
  --wds-announcement-modal-actions-padding: 42px;
1477
1612
  --wds-announcement-modal-border-radius: 8px;
1613
+ --wds-announcement-modal-close-button-fill: transparent;
1614
+ --wds-announcement-modal-close-button-icon-size: 12px;
1615
+ --wds-announcement-modal-close-button-size: 30px;
1478
1616
  --wds-announcement-modal-content-gap: 12px;
1617
+ --wds-announcement-modal-footnote-content-alignment: center;
1618
+ --wds-announcement-modal-help-button-fill: transparent;
1619
+ --wds-announcement-modal-help-button-icon-size: 24px;
1620
+ --wds-announcement-modal-help-button-size: 30px;
1479
1621
  --wds-announcement-modal-padding-horizontal: 78px;
1480
1622
  --wds-announcement-modal-padding-vertical: 48px;
1481
- --wds-announcement-modal-text-font-line-height: 36px;
1482
- --wds-announcement-modal-text-font-size: 16px;
1623
+ --wds-announcement-modal-text-font-line-height: 18px;
1624
+ --wds-announcement-modal-text-font-size: 14px;
1483
1625
  --wds-announcement-modal-title-font-line-height: 36px;
1484
1626
  --wds-announcement-modal-title-font-size: 28px;
1627
+ --wds-announcement-modal-title-font-weight: 700;
1628
+ --wds-announcement-modal-top-controls-gap: 3px;
1629
+ --wds-announcement-modal-top-controls-padding-end: 12px;
1630
+ --wds-announcement-modal-top-controls-padding-top: 18px;
1485
1631
  --wds-avatar-group-gap-condensed: -3px;
1486
1632
  --wds-avatar-group-gap-default: 6px;
1487
1633
  --wds-avatar-text-fill: #ffffff;
@@ -1524,7 +1670,11 @@
1524
1670
  --wds-badge-size-small: 18px;
1525
1671
  --wds-badge-size-tiny: 18px;
1526
1672
  --wds-breadcrumbs-border-radius: 1000px;
1673
+ --wds-breadcrumbs-divider-margin-horizontal: 8px;
1527
1674
  --wds-breadcrumbs-font-size-small: 14px;
1675
+ --wds-breadcrumbs-height-large: 36px;
1676
+ --wds-breadcrumbs-height-medium: 30px;
1677
+ --wds-breadcrumbs-height-small: 24px;
1528
1678
  --wds-breadcrumbs-on-dark-fill-hover: rgba(255, 255, 255, .3);
1529
1679
  --wds-breadcrumbs-on-grey-fill-hover: #ffffff;
1530
1680
  --wds-breadcrumbs-on-grey-text-fill-active: #000624;
@@ -1660,12 +1810,17 @@
1660
1810
  --wds-button-text-hover: #ffffff;
1661
1811
  --wds-button-text-standard-primary: #000624;
1662
1812
  --wds-button-text-standard-primary-hover: #000624;
1813
+ --wds-card-base-shadow: none;
1663
1814
  --wds-card-border: 8px;
1664
1815
  --wds-card-border-radius: 8px;
1665
1816
  --wds-card-content-padding-large: 36px;
1666
1817
  --wds-card-content-padding-medium: 24px;
1818
+ --wds-card-content-padding-medium-bottom: 24px;
1819
+ --wds-card-content-padding-medium-horizontal: 24px;
1820
+ --wds-card-content-padding-medium-top: 24px;
1667
1821
  --wds-card-content-paddings-horizontal: 24px;
1668
1822
  --wds-card-content-paddings-vertical: 18px;
1823
+ --wds-card-divider-opacity: 1;
1669
1824
  --wds-card-gallery-item-border-radius-0: 0px;
1670
1825
  --wds-card-gallery-item-border-radius-100: 8px;
1671
1826
  --wds-card-gallery-item-buttons-gap: 6px;
@@ -1681,13 +1836,16 @@
1681
1836
  --wds-card-gallery-item-padding-vertical-medium: 18px;
1682
1837
  --wds-card-gallery-item-padding-vertical-small: 12px;
1683
1838
  --wds-card-gallery-item-subtitle-font-size-medium: 14px;
1839
+ --wds-card-gallery-item-subtitle-side-font-size-medium: 12px;
1684
1840
  --wds-card-gallery-item-title-font-line-height-medium: 24px;
1685
1841
  --wds-card-gallery-item-title-font-line-height-small: 18px;
1686
- --wds-card-gallery-item-title-font-size-medium: 18px;
1842
+ --wds-card-gallery-item-title-font-size-medium: 14px;
1843
+ --wds-card-gallery-item-title-font-weight-medium: 500;
1687
1844
  --wds-card-header-divider-width: 0px;
1688
1845
  --wds-card-header-padding-horizontal: 24px;
1689
1846
  --wds-card-header-padding-vertical: 18px;
1690
1847
  --wds-card-header-title-subtitle-gap: 0px;
1848
+ --wds-card-shadow: 0 0 6px rgba(0, 6, 36, .1), 0 2px 4px rgba(0, 6, 36, .1);
1691
1849
  --wds-card-subtitle-color: #44485f;
1692
1850
  --wds-card-subtitle-font-size: 16px;
1693
1851
  --wds-card-subtitle-line-height: 24px;
@@ -1800,6 +1958,7 @@
1800
1958
  --wds-custom-modal-footnote-padding-vertical: 12px;
1801
1959
  --wds-custom-modal-footnote-text-font-line-height: 18px;
1802
1960
  --wds-custom-modal-footnote-text-font-size: 14px;
1961
+ --wds-custom-modal-footnote-text-font-weight: 400;
1803
1962
  --wds-custom-modal-header-padding-left: 24px;
1804
1963
  --wds-custom-modal-header-padding-right: 12px;
1805
1964
  --wds-custom-modal-header-padding-vertical: 18px;
@@ -1826,6 +1985,10 @@
1826
1985
  --wds-dropdown-layout-option-size-big: 48px;
1827
1986
  --wds-dropdown-layout-option-size-small: 36px;
1828
1987
  --wds-dropdown-list-paddings: 0px;
1988
+ --wds-editable-title-marker-fill: #868aa5;
1989
+ --wds-editable-title-marker-fill-active: #116dff;
1990
+ --wds-editable-title-marker-line-style: dashed;
1991
+ --wds-editable-title-placeholder-fill: #cfd1dc;
1829
1992
  --wds-empty-state-border-radius: 8px;
1830
1993
  --wds-empty-state-page-content-paddings: 18px;
1831
1994
  --wds-empty-state-section-content-paddings: 15px;
@@ -2069,11 +2232,17 @@
2069
2232
  --wds-list-item-action-gap: 0px;
2070
2233
  --wds-list-item-action-label-fill-active: #116dff;
2071
2234
  --wds-list-item-action-label-fill-hover-destructive: #e62214;
2235
+ --wds-list-item-action-label-fill-hover-premium: #9a27d5;
2236
+ --wds-list-item-action-label-fill-hover-primary: #116dff;
2072
2237
  --wds-list-item-action-label-fill-pressed-destructive: #e62214;
2238
+ --wds-list-item-action-label-fill-pressed-premium: #9a27d5;
2239
+ --wds-list-item-action-label-fill-pressed-primary: #116dff;
2073
2240
  --wds-list-item-action-label-font-line-height-medium: 24px;
2074
2241
  --wds-list-item-action-label-font-line-height-small: 18px;
2075
2242
  --wds-list-item-action-label-font-size-medium: 16px;
2076
2243
  --wds-list-item-action-label-font-size-small: 14px;
2244
+ --wds-list-item-action-padding-horizontal-end-medium: 18px;
2245
+ --wds-list-item-action-padding-horizontal-end-small: 18px;
2077
2246
  --wds-list-item-action-padding-horizontal-medium: 18px;
2078
2247
  --wds-list-item-action-padding-horizontal-small: 18px;
2079
2248
  --wds-list-item-action-padding-vertical-medium: 6px;
@@ -2085,6 +2254,7 @@
2085
2254
  --wds-list-item-action-subtitle-fill-pressed-destructive: #44485f;
2086
2255
  --wds-list-item-action-subtitle-font-line-height: 18px;
2087
2256
  --wds-list-item-action-subtitle-font-size: 14px;
2257
+ --wds-list-item-action-subtitle-offset: 0px;
2088
2258
  --wds-list-item-action-suffix-fill: #868aa5;
2089
2259
  --wds-list-item-action-suffix-fill-active: #868aa5;
2090
2260
  --wds-list-item-action-title-font-weight: 400;
@@ -2150,6 +2320,7 @@
2150
2320
  --wds-list-item-select-label-font-size-small: 14px;
2151
2321
  --wds-list-item-select-label-font-weight-active: 400;
2152
2322
  --wds-list-item-select-label-font-weight-medium: 400;
2323
+ --wds-list-item-select-min-height-medium: auto;
2153
2324
  --wds-list-item-select-padding-horizontal-medium: 18px;
2154
2325
  --wds-list-item-select-padding-horizontal-small: 18px;
2155
2326
  --wds-list-item-select-padding-left-medium: 18px;
@@ -2160,6 +2331,7 @@
2160
2331
  --wds-list-item-select-padding-vertical-medium-screen-small: 12px;
2161
2332
  --wds-list-item-select-padding-vertical-small: 6px;
2162
2333
  --wds-list-item-select-padding-vertical-small-screen-small: 12px;
2334
+ --wds-list-item-select-prefix-subtitle-margin: 6px;
2163
2335
  --wds-list-item-select-subtitle: #868aa5;
2164
2336
  --wds-list-item-select-subtitle-disabled: rgba(0, 6, 36, .3);
2165
2337
  --wds-list-item-select-subtitle-font-line-height-medium: 18px;
@@ -2179,7 +2351,37 @@
2179
2351
  --wds-loader-stroke-width-medium: 4px;
2180
2352
  --wds-loader-stroke-width-small: 4px;
2181
2353
  --wds-loader-stroke-width-tiny: 3px;
2354
+ --wds-marketing-layout-actions-gap-medium: 24px;
2355
+ --wds-marketing-layout-actions-gap-small: 18px;
2356
+ --wds-marketing-layout-actions-gap-tiny: 18px;
2357
+ --wds-marketing-layout-badge-gap: 0px;
2358
+ --wds-marketing-layout-badge-offset-medium: 12px;
2359
+ --wds-marketing-layout-badge-offset-small: 12px;
2360
+ --wds-marketing-layout-badge-offset-tiny: 18px;
2361
+ --wds-marketing-layout-badge-position: absolute;
2362
+ --wds-marketing-layout-badge-side: -3px;
2363
+ --wds-marketing-layout-badge-top: 9px;
2182
2364
  --wds-marketing-layout-border: 8px;
2365
+ --wds-marketing-layout-description-color: #44485f;
2366
+ --wds-marketing-layout-description-font-size-medium: 16px;
2367
+ --wds-marketing-layout-description-font-size-small: 14px;
2368
+ --wds-marketing-layout-description-font-size-tiny: 14px;
2369
+ --wds-marketing-layout-description-font-weight-medium: 400;
2370
+ --wds-marketing-layout-description-font-weight-small: 400;
2371
+ --wds-marketing-layout-description-font-weight-tiny: 400;
2372
+ --wds-marketing-layout-description-line-height-medium: 24px;
2373
+ --wds-marketing-layout-description-line-height-small: 18px;
2374
+ --wds-marketing-layout-description-line-height-tiny: 18px;
2375
+ --wds-marketing-layout-image-border-radius: 0px;
2376
+ --wds-marketing-layout-image-padding-left-medium: 48px;
2377
+ --wds-marketing-layout-image-padding-left-small: 24px;
2378
+ --wds-marketing-layout-image-padding-left-tiny: 24px;
2379
+ --wds-marketing-layout-image-padding-right-medium: 42px;
2380
+ --wds-marketing-layout-image-padding-right-small: 30px;
2381
+ --wds-marketing-layout-image-padding-right-tiny: 30px;
2382
+ --wds-marketing-layout-image-padding-vertical-medium: 24px;
2383
+ --wds-marketing-layout-image-padding-vertical-small: 24px;
2384
+ --wds-marketing-layout-image-padding-vertical-tiny: 18px;
2183
2385
  --wds-marketing-layout-padding-left-medium: 48px;
2184
2386
  --wds-marketing-layout-padding-left-small: 24px;
2185
2387
  --wds-marketing-layout-padding-left-tiny: 24px;
@@ -2189,11 +2391,30 @@
2189
2391
  --wds-marketing-layout-padding-vertical-medium: 24px;
2190
2392
  --wds-marketing-layout-padding-vertical-small: 24px;
2191
2393
  --wds-marketing-layout-padding-vertical-tiny: 18px;
2394
+ --wds-marketing-layout-title-font-size-medium: 21px;
2395
+ --wds-marketing-layout-title-font-size-small: 18px;
2396
+ --wds-marketing-layout-title-font-size-tiny: 20px;
2397
+ --wds-marketing-layout-title-font-weight-medium: 700;
2398
+ --wds-marketing-layout-title-font-weight-small: 700;
2399
+ --wds-marketing-layout-title-font-weight-tiny: 700;
2400
+ --wds-marketing-layout-title-gap-medium: 12px;
2401
+ --wds-marketing-layout-title-gap-small: 6px;
2402
+ --wds-marketing-layout-title-gap-tiny: 6px;
2403
+ --wds-marketing-layout-title-line-height-medium: 28px;
2404
+ --wds-marketing-layout-title-line-height-small: 24px;
2405
+ --wds-marketing-layout-title-line-height-tiny: 24px;
2192
2406
  --wds-marketing-page-paddings-horizontal-large: 90px;
2193
2407
  --wds-marketing-page-paddings-horizontal-medium: 48px;
2194
2408
  --wds-marketing-page-paddings-vertical-large: 48px;
2195
2409
  --wds-marketing-page-paddings-vertical-medium: 30px;
2410
+ --wds-message-modal-close-button-fill: transparent;
2411
+ --wds-message-modal-close-button-icon-size: 12px;
2412
+ --wds-message-modal-close-button-size: 30px;
2196
2413
  --wds-message-modal-content-gap: 12px;
2414
+ --wds-message-modal-help-button-size: 30px;
2415
+ --wds-message-modal-illustration-content-gap: 24px;
2416
+ --wds-message-modal-illustration-margin-start: 24px;
2417
+ --wds-message-modal-illustration-margin-top: 18px;
2197
2418
  --wds-message-modal-padding-horizontal: 24px;
2198
2419
  --wds-message-modal-padding-vertical: 24px;
2199
2420
  --wds-message-modal-text-font-line-height: 24px;
@@ -2201,6 +2422,7 @@
2201
2422
  --wds-message-modal-title-font-family: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
2202
2423
  --wds-message-modal-title-font-line-height: 28px;
2203
2424
  --wds-message-modal-title-font-size: 21px;
2425
+ --wds-message-modal-top-controls-gap: 3px;
2204
2426
  --wds-message-modal-top-controls-paddings: 6px;
2205
2427
  --wds-mobile-modal-content-padding-horizontal: 24px;
2206
2428
  --wds-mobile-modal-content-padding-vertical: 24px;
@@ -2217,10 +2439,21 @@
2217
2439
  --wds-notification-padding-horizontal: 12px;
2218
2440
  --wds-notification-padding-vertical: 9px;
2219
2441
  --wds-number-input-icon-fill: #116dff;
2442
+ --wds-page-header-back-button-gap: 8px;
2220
2443
  --wds-page-header-padding-horizontal: 48px;
2221
2444
  --wds-page-header-padding-horizontal-small: 24px;
2222
2445
  --wds-page-header-padding-vertical: 24px;
2223
2446
  --wds-page-header-padding-vertical-small: 18px;
2447
+ --wds-page-header-subtitle-font-size: 16px;
2448
+ --wds-page-header-subtitle-line-height: 24px;
2449
+ --wds-page-header-title-actions-gap: 0px;
2450
+ --wds-page-header-title-font-size: 28px;
2451
+ --wds-page-header-title-font-weight: 700;
2452
+ --wds-page-header-title-line-height: 36px;
2453
+ --wds-page-header-title-minimised-font-size: 14px;
2454
+ --wds-page-header-title-minimised-font-weight: 500;
2455
+ --wds-page-header-title-minimised-letter-spacing: 0px;
2456
+ --wds-page-header-title-minimised-line-height: 30px;
2224
2457
  --wds-pagination-arrow-fill: #116dff;
2225
2458
  --wds-pagination-fill: #ffffff;
2226
2459
  --wds-pagination-fill-active: #116dff;
@@ -2282,7 +2515,10 @@
2282
2515
  --wds-search-expandable-padding-large: 9px;
2283
2516
  --wds-search-expandable-padding-medium: 6px;
2284
2517
  --wds-search-expandable-padding-small: 5px;
2518
+ --wds-section-header-border-light: #dfe5eb;
2519
+ --wds-section-header-fill-light: #ffffff;
2285
2520
  --wds-section-header-fill-neutral: #f6f7f9;
2521
+ --wds-section-header-fill-standard: #e7f0ff;
2286
2522
  --wds-section-header-font-weight: 400;
2287
2523
  --wds-section-header-label-fill-neutral: #000624;
2288
2524
  --wds-section-header-label-font-size-medium: 16px;
@@ -2417,12 +2653,18 @@
2417
2653
  --wds-side-panel-footer-padding-vertical: 18px;
2418
2654
  --wds-side-panel-footnote-padding-horizontal: 24px;
2419
2655
  --wds-side-panel-footnote-padding-vertical: 12px;
2656
+ --wds-side-panel-header-content-padding-right: 0px;
2420
2657
  --wds-side-panel-header-divider-height: 1px;
2421
2658
  --wds-side-panel-header-padding-left: 24px;
2422
2659
  --wds-side-panel-header-padding-right: 9px;
2423
2660
  --wds-side-panel-header-padding-vertical: 18px;
2661
+ --wds-side-panel-standard-corner-radius: 0px;
2662
+ --wds-side-panel-standard-overflow: visible;
2663
+ --wds-side-panel-standard-shadow: none;
2664
+ --wds-side-panel-subtitle-fill: #44485f;
2424
2665
  --wds-side-panel-subtitle-font-line-height: 24px;
2425
2666
  --wds-side-panel-subtitle-font-size: 16px;
2667
+ --wds-side-panel-subtitle-font-weight: 400;
2426
2668
  --wds-side-panel-title-font-letter-spacing: 0px;
2427
2669
  --wds-side-panel-title-font-line-height: 24px;
2428
2670
  --wds-side-panel-title-font-size: 18px;
@@ -2538,8 +2780,17 @@
2538
2780
  --wds-swatches-swatch-size-medium: 36px;
2539
2781
  --wds-swatches-swatch-size-small: 30px;
2540
2782
  --wds-swatches-swatch-size-tiny: 24px;
2783
+ --wds-table-action-cell-primary-action-gap-medium: 12px;
2784
+ --wds-table-action-cell-primary-action-gap-small: 12px;
2785
+ --wds-table-action-cell-primary-action-gap-tiny: 6px;
2786
+ --wds-table-action-cell-secondary-action-gap-medium: 12px;
2787
+ --wds-table-action-cell-secondary-action-gap-small: 12px;
2788
+ --wds-table-action-cell-secondary-action-gap-tiny: 6px;
2541
2789
  --wds-table-list-item-border-color: #d6e6fe;
2542
2790
  --wds-table-list-item-border-radius: 0px;
2791
+ --wds-table-list-item-checkbox-offset: 0px;
2792
+ --wds-table-list-item-controls-gap-medium: 12px;
2793
+ --wds-table-list-item-controls-padding-medium: 18px;
2543
2794
  --wds-table-list-item-drag-handle-color: #116dff;
2544
2795
  --wds-table-list-item-fill: #ffffff;
2545
2796
  --wds-table-list-item-fill-active: #d6e6fe;
@@ -2584,6 +2835,7 @@
2584
2835
  --wds-tag-border-radius-tiny: 1000px;
2585
2836
  --wds-tag-label-font-line-height-small: 18px;
2586
2837
  --wds-tag-label-font-size-small: 14px;
2838
+ --wds-tag-list-action-gap: 6px;
2587
2839
  --wds-tag-padding-horizontal-large: 18px;
2588
2840
  --wds-tag-padding-horizontal-medium: 12px;
2589
2841
  --wds-tag-padding-horizontal-small: 12px;
@@ -2780,7 +3032,15 @@
2780
3032
  --wds-tooltip-padding-vertical-medium: 12px;
2781
3033
  --wds-tooltip-padding-vertical-small: 6px;
2782
3034
  --wds-tooltip-text-fill: #ffffff;
3035
+ --wds-top-banner-border-color: rgba(255, 255, 255, 0);
3036
+ --wds-top-banner-border-radius: 0px;
3037
+ --wds-top-banner-content-gap: 12px;
3038
+ --wds-top-banner-dismiss-gap: 12px;
2783
3039
  --wds-top-banner-fill: #c161f0;
3040
+ --wds-top-banner-padding-horizontal-end: 12px;
3041
+ --wds-top-banner-padding-horizontal-start: 12px;
3042
+ --wds-top-banner-padding-vertical: 9px;
3043
+ --wds-top-banner-shadow: 0 0 0 transparent;
2784
3044
  --wds-variable-input-padding-vertical-small: 6px;
2785
3045
  --wds-variable-input-padding-vertical-tiny: 3px;
2786
3046
  --wds-vertical-tabs-action-padding-horizontal-medium: 24px;