@wix/design-system-tokens 1.211.0 → 1.213.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/all.css +133 -3
  3. package/all.scss +133 -3
  4. package/all.st.css +263 -3
  5. package/component.st.css +263 -3
  6. package/odeditor/all.css +211 -59
  7. package/odeditor/all.scss +210 -58
  8. package/odeditor/all.st.css +363 -59
  9. package/odeditor/component.st.css +351 -47
  10. package/odeditor/foundation.st.css +1 -1
  11. package/odeditor/semantic.st.css +11 -11
  12. package/odeditor-dark/all.css +171 -33
  13. package/odeditor-dark/all.scss +171 -33
  14. package/odeditor-dark/all.st.css +308 -32
  15. package/odeditor-dark/component.st.css +297 -21
  16. package/odeditor-dark/semantic.st.css +11 -11
  17. package/package.json +6 -2
  18. package/studio/all.css +123 -1
  19. package/studio/all.scss +123 -1
  20. package/studio/all.st.css +245 -1
  21. package/studio/component.st.css +245 -1
  22. package/wixel/all.css +122 -0
  23. package/wixel/all.scss +122 -0
  24. package/wixel/all.st.css +244 -0
  25. package/wixel/component.st.css +244 -0
package/odeditor/all.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @mixin tokens {
2
2
  --wds-variable-input-padding-vertical-tiny: 2px;
3
3
  --wds-variable-input-padding-vertical-small: 5px;
4
+ --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
4
5
  --wds-toggle-switch-width-small: 24px;
5
6
  --wds-toggle-switch-width-medium: 26px;
6
7
  --wds-toggle-switch-width-large: 40px;
@@ -77,13 +78,18 @@
77
78
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
78
79
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
79
80
  --wds-sidebar-item-text-dark-disabled: #898b8f;
81
+ --wds-sidebar-item-level-2-fill-neutral-default: transparent;
82
+ --wds-sidebar-item-level-2-fill-light-default: transparent;
80
83
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
84
+ --wds-sidebar-item-level-1-fill-neutral-default: transparent;
85
+ --wds-sidebar-item-level-1-fill-light-default: transparent;
81
86
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
82
87
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
83
88
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
84
89
  --wds-sidebar-divider-fill-light-default: transparent;
85
90
  --wds-sidebar-divider-fill-dark-default: #42454c;
86
91
  --wds-sidebar-clear-button-fill: #5a5d63;
92
+ --wds-side-panel-standard-overflow: hidden;
87
93
  --wds-side-panel-header-divider-height: 0;
88
94
  --wds-side-panel-footer-divider-height: 0;
89
95
  --wds-side-panel-floating-max-height: 576px;
@@ -124,10 +130,14 @@
124
130
  --wds-shadow-blur-0: 0px;
125
131
  --wds-section-helper-prefix-offset-margin: 0px;
126
132
  --wds-radio-dot-size: 4px;
133
+ --wds-marketing-layout-badge-top: auto;
134
+ --wds-marketing-layout-badge-side: auto;
135
+ --wds-marketing-layout-badge-position: static;
127
136
  --wds-loader-stroke-width-tiny: 2px;
128
137
  --wds-loader-stroke-width-small: 2px;
129
138
  --wds-loader-stroke-width-medium: 2px;
130
139
  --wds-loader-stroke-width-large: 2px;
140
+ --wds-list-item-action-subtitle-offset: -2px;
131
141
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
132
142
  --wds-internal-thumbnail-illustration-size-small: 51px;
133
143
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -162,6 +172,7 @@
162
172
  --wds-font-weight-semi-bold: 600;
163
173
  --wds-font-weight-regular: 400;
164
174
  --wds-font-weight-medium: 500;
175
+ --wds-font-weight-heading-3: 700;
165
176
  --wds-font-weight-bold: 600;
166
177
  --wds-font-size-900: 32px;
167
178
  --wds-font-size-800: 24px;
@@ -172,7 +183,7 @@
172
183
  --wds-font-size-300: 14px;
173
184
  --wds-font-size-200: 12px;
174
185
  --wds-font-size-100: 10px;
175
- --wds-font-letter-spacing-heading-3: -0.50;
186
+ --wds-font-letter-spacing-heading-3: -0.5px;
176
187
  --wds-font-letter-spacing-heading-2: -0.50;
177
188
  --wds-font-letter-spacing-heading-1: -0.50;
178
189
  --wds-font-letter-spacing-100: 1px;
@@ -180,6 +191,7 @@
180
191
  --wds-font-family-display: "Madefor Display", Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
181
192
  --wds-font-family-default: Madefor, "Helvetica Neue", Helvetica,Arial, "メイリオ", "meiryo", "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", sans-serif;
182
193
  --wds-fill-button-border-color: conic-gradient(from 180deg at 50% 50%, #3747FE 0deg, #4076FD 36deg, #B522FE 72deg, #FF1125 144deg, #F7851A 216deg, #FFCC56 251deg, #37FFC3 324deg, #37A8E8 338deg, #3775D5 352deg, #3747FE 360deg);
194
+ --wds-editable-title-marker-line-style: dotted;
183
195
  --wds-counter-badge-padding-horizontal-tiny: 4px;
184
196
  --wds-counter-badge-font-size-tiny: 10px;
185
197
  --wds-composer-sidebar-end-max-width: 240px;
@@ -309,13 +321,13 @@
309
321
  --wds-color-fill-accent-10: #1f8845;
310
322
  --wds-color-fill-accent-9: #59005f;
311
323
  --wds-color-fill-accent-8: #cc180b;
312
- --wds-color-fill-accent-7: #f36e1b;
313
- --wds-color-fill-accent-6: #d49341;
314
- --wds-color-fill-accent-5: #c42fca;
315
- --wds-color-fill-accent-4: #1b838b;
316
- --wds-color-fill-accent-3: #6959f0;
317
- --wds-color-fill-accent-2: #17b0e2;
318
- --wds-color-fill-accent-1: #1684ea;
324
+ --wds-color-fill-accent-7: #BCD7C3;
325
+ --wds-color-fill-accent-6: #FFA270;
326
+ --wds-color-fill-accent-5: #D7F391;
327
+ --wds-color-fill-accent-4: #C4CEFF;
328
+ --wds-color-fill-accent-3: #E7BE64;
329
+ --wds-color-fill-accent-2: #FFC2FE;
330
+ --wds-color-fill-accent-1: #C4E1FF;
319
331
  --wds-color-border-stage-wip: #ffffff;
320
332
  --wds-color-border-ai-primary-hover: #ffffff;
321
333
  --wds-color-border-ai-primary-disabled: #ffffff;
@@ -362,10 +374,14 @@
362
374
  --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
363
375
  --wds-color-black-100: #151414;
364
376
  --wds-card-subtitle-color: #44485f;
377
+ --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
378
+ --wds-card-divider-opacity: 0;
379
+ --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
365
380
  --wds-breakpoint-x-large: 1572px;
366
381
  --wds-breakpoint-small: 490px;
367
382
  --wds-breakpoint-medium: 768px;
368
383
  --wds-breakpoint-large: 1186px;
384
+ --wds-breadcrumbs-height-medium: 26px;
369
385
  --wds-border-width-none: 0px;
370
386
  --wds-border-width-200: 2px;
371
387
  --wds-border-width-150: 1.5px;
@@ -393,8 +409,13 @@
393
409
  --wds-background-blur-50: 4px;
394
410
  --wds-background-blur-0: 0px;
395
411
  --wds-avatar-group-gap-condensed: -2px;
412
+ --wds-avatar-group-counter-background-blur: 4px;
413
+ --wds-announcement-modal-footnote-content-alignment: start;
414
+ --wds-announcement-modal-close-button-icon-size: 8px;
396
415
  --wds-angle-input-knob-size: 6px;
397
416
  --wds-angle-input-knob-border: 2px;
417
+ --wds-accordion-inner-content-shadow-last: none;
418
+ --wds-accordion-inner-content-shadow: none;
398
419
  --wds-width-default-2: var(--wds-border-width-none);
399
420
  --wds-width-default: var(--wds-border-width-none);
400
421
  --wds-vertical-tabs-section-title-padding-top-tiny: var(--wds-space-100);
@@ -427,7 +448,14 @@
427
448
  --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-300);
428
449
  --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-300);
429
450
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
430
- --wds-top-banner-fill: var(--wds-color-purple-200);
451
+ --wds-top-banner-padding-vertical: var(--wds-space-0);
452
+ --wds-top-banner-padding-horizontal-start: var(--wds-space-750);
453
+ --wds-top-banner-padding-horizontal-end: var(--wds-space-300);
454
+ --wds-top-banner-fill: var(--wds-color-iris-500);
455
+ --wds-top-banner-dismiss-gap: var(--wds-space-500);
456
+ --wds-top-banner-content-gap: var(--wds-space-300);
457
+ --wds-top-banner-border-radius: var(--wds-border-radius-400);
458
+ --wds-top-banner-border-color: var(--wds-color-white);
431
459
  --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
432
460
  --wds-tooltip-padding-vertical-small: var(--wds-space-150);
433
461
  --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
@@ -540,6 +568,7 @@
540
568
  --wds-tag-padding-horizontal-small: var(--wds-space-300);
541
569
  --wds-tag-padding-horizontal-medium: var(--wds-space-300);
542
570
  --wds-tag-padding-horizontal-large: var(--wds-space-400);
571
+ --wds-tag-list-action-gap: var(--wds-space-300);
543
572
  --wds-tag-border-radius-tiny: var(--wds-border-radius-200);
544
573
  --wds-tag-border-radius-small: var(--wds-border-radius-200);
545
574
  --wds-tag-border-radius-medium: var(--wds-border-radius-200);
@@ -570,8 +599,16 @@
570
599
  --wds-table-list-item-gap: var(--wds-space-400);
571
600
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
572
601
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
573
- --wds-table-list-item-border-radius: var(--wds-border-radius-400);
602
+ --wds-table-list-item-controls-gap-medium: var(--wds-space-100);
603
+ --wds-table-list-item-checkbox-offset: var(--wds-space-100);
604
+ --wds-table-list-item-border-radius: var(--wds-border-radius-600);
574
605
  --wds-table-list-item-border-color: var(--wds-color-black-550);
606
+ --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
607
+ --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
608
+ --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
609
+ --wds-table-action-cell-primary-action-gap-tiny: var(--wds-space-200);
610
+ --wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
611
+ --wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
575
612
  --wds-swatches-swatch-size-small: var(--wds-space-700);
576
613
  --wds-swatches-swatch-size-medium: var(--wds-space-900);
577
614
  --wds-swatches-swatch-size-large: var(--wds-space-1100);
@@ -625,9 +662,11 @@
625
662
  --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
626
663
  --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-black-600);
627
664
  --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-black-600);
665
+ --wds-sidebar-item-text-margin-block: var(--wds-space-150);
628
666
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
629
667
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
630
668
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
669
+ --wds-sidebar-item-prefix-margin-block: var(--wds-space-150);
631
670
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
632
671
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
633
672
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
@@ -641,25 +680,26 @@
641
680
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
642
681
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
643
682
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
644
- --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-750);
645
- --wds-sidebar-item-level-2-fill-light-default: var(--wds-color-black-750);
646
683
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
647
684
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
648
685
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
649
686
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
650
- --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-600);
651
- --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-750);
652
- --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-550);
653
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
654
- --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-black-750);
655
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
687
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-700);
688
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-600);
689
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-700);
690
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-600);
691
+ --wds-sidebar-item-context-menu-padding-inline: var(--wds-space-200);
656
692
  --wds-sidebar-item-content-gap: var(--wds-space-200);
693
+ --wds-sidebar-item-border-radius: var(--wds-border-radius-400);
657
694
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
658
695
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
659
696
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
697
+ --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-medium);
698
+ --wds-side-panel-standard-corner-radius: var(--wds-border-radius-600);
660
699
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
661
700
  --wds-side-panel-header-padding-right: var(--wds-space-300);
662
701
  --wds-side-panel-header-padding-left: var(--wds-space-400);
702
+ --wds-side-panel-header-content-padding-right: var(--wds-space-200);
663
703
  --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
664
704
  --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
665
705
  --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
@@ -864,10 +904,15 @@
864
904
  --wds-pagination-padding-vertical: var(--wds-space-50);
865
905
  --wds-pagination-padding-horizontal: var(--wds-space-50);
866
906
  --wds-pagination-gap: var(--wds-space-100);
907
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
908
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
909
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
910
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
867
911
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
868
912
  --wds-page-header-padding-vertical: var(--wds-space-600);
869
913
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
870
914
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
915
+ --wds-page-header-back-button-gap: var(--wds-space-200);
871
916
  --wds-padding-vertical-tiny: var(--wds-space-500);
872
917
  --wds-padding-vertical-small: var(--wds-space-600);
873
918
  --wds-padding-vertical-medium: var(--wds-space-600);
@@ -890,40 +935,86 @@
890
935
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
891
936
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
892
937
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
893
- --wds-message-modal-top-controls-paddings: var(--wds-space-250);
938
+ --wds-message-modal-top-controls-paddings: var(--wds-space-150);
939
+ --wds-message-modal-top-controls-gap: var(--wds-space-100);
894
940
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
941
+ --wds-message-modal-title-font-line-height: var(--wds-space-800);
895
942
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
896
943
  --wds-message-modal-padding-vertical: var(--wds-space-600);
897
944
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
945
+ --wds-message-modal-illustration-margin-top: var(--wds-space-600);
946
+ --wds-message-modal-illustration-margin-start: var(--wds-space-600);
947
+ --wds-message-modal-illustration-content-gap: var(--wds-space-400);
948
+ --wds-message-modal-help-button-size: var(--wds-space-700);
898
949
  --wds-message-modal-content-gap: var(--wds-space-300);
950
+ --wds-message-modal-close-button-size: var(--wds-space-600);
951
+ --wds-message-modal-close-button-icon-size: var(--wds-space-200);
899
952
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
900
953
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
901
954
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
902
955
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
956
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
957
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
958
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
959
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
960
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
961
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
962
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
963
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
964
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
965
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
966
+ --wds-marketing-layout-padding-right-small: var(--wds-space-600);
967
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
968
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
969
+ --wds-marketing-layout-padding-left-small: var(--wds-space-600);
970
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
971
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
972
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
973
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
974
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
975
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
976
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
977
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
978
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
979
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-400);
980
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
981
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
982
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
983
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
903
984
  --wds-marketing-layout-border: var(--wds-border-radius-200);
985
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
986
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
987
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
988
+ --wds-marketing-layout-badge-gap: var(--wds-space-300);
989
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
990
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
991
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-300);
904
992
  --wds-loader-fill-loading: var(--wds-color-blue-0);
905
993
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
906
994
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
995
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
907
996
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
908
- --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
997
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
909
998
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
910
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
999
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
911
1000
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
912
1001
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
913
1002
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
914
1003
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
915
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
916
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1004
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1005
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1006
+ --wds-list-item-select-min-height-medium: var(--wds-space-1300);
917
1007
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
918
- --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
1008
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
919
1009
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
920
1010
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
921
1011
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-300);
922
1012
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
923
- --wds-list-item-select-gap: var(--wds-space-50);
1013
+ --wds-list-item-select-gap: var(--wds-space-150);
924
1014
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
925
1015
  --wds-list-item-select-affix-margin: var(--wds-space-100);
926
- --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1016
+ --wds-list-item-select-active-fill-active: var(--wds-color-black-600);
1017
+ --wds-list-item-select-active-fill: var(--wds-color-black-600);
927
1018
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
928
1019
  --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
929
1020
  --wds-list-item-section-padding-top: var(--wds-space-200);
@@ -934,15 +1025,26 @@
934
1025
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
935
1026
  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
936
1027
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
937
- --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1028
+ --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-medium);
938
1029
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1030
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-black-300);
939
1031
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
940
1032
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
941
1033
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
942
1034
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
943
1035
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
944
1036
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1037
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1038
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1039
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-blue-50);
1040
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-blue-50);
1041
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-0);
1042
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-blue-50);
1043
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-blue-50);
1044
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
945
1045
  --wds-list-item-action-gap: var(--wds-space-50);
1046
+ --wds-list-item-action-fill-hover: var(--wds-color-black-700);
1047
+ --wds-list-item-action-fill-active: var(--wds-color-black-600);
946
1048
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
947
1049
  --wds-list-item-action-affix-margin: var(--wds-space-100);
948
1050
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1031,9 +1133,8 @@
1031
1133
  --wds-font-weight-heading-6: var(--wds-font-weight-regular);
1032
1134
  --wds-font-weight-heading-5: var(--wds-font-weight-bold);
1033
1135
  --wds-font-weight-heading-4: var(--wds-font-weight-bold);
1034
- --wds-font-weight-heading-3: var(--wds-font-weight-bold);
1035
1136
  --wds-font-weight-heading-2: var(--wds-font-weight-medium);
1036
- --wds-font-weight-heading-1: var(--wds-font-weight-regular);
1137
+ --wds-font-weight-heading-1: var(--wds-font-weight-medium);
1037
1138
  --wds-font-weight-body-bold: var(--wds-font-weight-semi-bold);
1038
1139
  --wds-font-size-heading-6: var(--wds-font-size-200);
1039
1140
  --wds-font-size-heading-5: var(--wds-font-size-100);
@@ -1046,7 +1147,7 @@
1046
1147
  --wds-font-size-body-medium: var(--wds-font-size-500);
1047
1148
  --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
1048
1149
  --wds-font-line-height-600: var(--wds-space-1000);
1049
- --wds-font-line-height-500: var(--wds-space-750);
1150
+ --wds-font-line-height-500: var(--wds-space-800);
1050
1151
  --wds-font-line-height-400: var(--wds-space-600);
1051
1152
  --wds-font-line-height-300: var(--wds-space-475);
1052
1153
  --wds-font-line-height-200: var(--wds-space-400);
@@ -1070,6 +1171,9 @@
1070
1171
  --wds-empty-state-section-content-paddings: var(--wds-space-600);
1071
1172
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1072
1173
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1174
+ --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1175
+ --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1176
+ --wds-editable-title-marker-fill: var(--wds-color-black-100);
1073
1177
  --wds-dropdown-list-paddings: var(--wds-space-200);
1074
1178
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
1075
1179
  --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
@@ -1077,9 +1181,10 @@
1077
1181
  --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1078
1182
  --wds-custom-modal-header-padding-right: var(--wds-space-500);
1079
1183
  --wds-custom-modal-header-padding-left: var(--wds-space-600);
1184
+ --wds-custom-modal-footnote-text-font-weight: var(--wds-font-weight-medium);
1080
1185
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-400);
1081
1186
  --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-600);
1082
- --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-regular);
1187
+ --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
1083
1188
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-600);
1084
1189
  --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1085
1190
  --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
@@ -1436,6 +1541,7 @@
1436
1541
  --wds-card-header-padding-vertical: var(--wds-space-600);
1437
1542
  --wds-card-header-padding-horizontal: var(--wds-space-600);
1438
1543
  --wds-card-header-divider-width: var(--wds-border-width-none);
1544
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1439
1545
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1440
1546
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1441
1547
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -1448,6 +1554,9 @@
1448
1554
  --wds-card-gallery-item-buttons-gap: var(--wds-space-200);
1449
1555
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1450
1556
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1557
+ --wds-card-content-padding-medium-top: var(--wds-space-300);
1558
+ --wds-card-content-padding-medium-horizontal: var(--wds-space-600);
1559
+ --wds-card-content-padding-medium-bottom: var(--wds-space-600);
1451
1560
  --wds-card-content-padding-medium: var(--wds-space-300);
1452
1561
  --wds-card-content-padding-large: var(--wds-space-300);
1453
1562
  --wds-card-border-radius: var(--wds-border-radius-800);
@@ -1514,20 +1623,22 @@
1514
1623
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1515
1624
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1516
1625
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1517
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1626
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-medium);
1518
1627
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1519
- --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1520
- --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
1628
+ --wds-breadcrumbs-padding-vertical-small: var(--wds-space-100);
1521
1629
  --wds-breadcrumbs-padding-vertical-medium: var(--wds-space-100);
1522
1630
  --wds-breadcrumbs-padding-vertical-large: var(--wds-space-100);
1523
- --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-100);
1631
+ --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-200);
1524
1632
  --wds-breadcrumbs-padding-horizontal-medium: var(--wds-space-200);
1525
- --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-400);
1526
- --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-700);
1527
- --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1528
- --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1633
+ --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-300);
1634
+ --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-600);
1635
+ --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-black-600);
1636
+ --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-black-300);
1637
+ --wds-breadcrumbs-height-small: var(--wds-space-600);
1638
+ --wds-breadcrumbs-height-large: var(--wds-space-800);
1529
1639
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1530
- --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1640
+ --wds-breadcrumbs-divider-margin-horizontal: var(--wds-space-0);
1641
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1531
1642
  --wds-border-width-varied-secondary: var(--wds-border-width-0);
1532
1643
  --wds-border-width-varied: var(--wds-border-width-0);
1533
1644
  --wds-border-width-default: var(--wds-border-width-100);
@@ -1564,9 +1675,20 @@
1564
1675
  --wds-background-blur-surface-overlay: var(--wds-background-blur-0);
1565
1676
  --wds-background-blur-modal: var(--wds-background-blur-175);
1566
1677
  --wds-avatar-group-gap-default: var(--wds-space-100);
1678
+ --wds-avatar-group-counter-fill: var(--wds-color-white-transparent-50);
1679
+ --wds-avatar-group-counter-border-width: var(--wds-border-width-100);
1680
+ --wds-avatar-group-counter-border-fill: var(--wds-color-white);
1681
+ --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
1682
+ --wds-announcement-modal-top-controls-padding-end: var(--wds-space-300);
1683
+ --wds-announcement-modal-top-controls-gap: var(--wds-space-100);
1684
+ --wds-announcement-modal-title-font-line-height: var(--wds-space-800);
1685
+ --wds-announcement-modal-text-font-line-height: var(--wds-space-500);
1567
1686
  --wds-announcement-modal-padding-vertical: var(--wds-space-1100);
1568
1687
  --wds-announcement-modal-padding-horizontal: var(--wds-space-2400);
1688
+ --wds-announcement-modal-help-button-size: var(--wds-space-600);
1689
+ --wds-announcement-modal-help-button-icon-size: var(--wds-space-475);
1569
1690
  --wds-announcement-modal-content-gap: var(--wds-space-300);
1691
+ --wds-announcement-modal-close-button-size: var(--wds-space-600);
1570
1692
  --wds-announcement-modal-border-radius: var(--wds-border-radius-1200);
1571
1693
  --wds-announcement-modal-actions-padding: var(--wds-space-1050);
1572
1694
  --wds-add-item-padding-vertical-tiny: var(--wds-space-300);
@@ -1580,7 +1702,10 @@
1580
1702
  --wds-add-item-border-radius: var(--wds-border-radius-600);
1581
1703
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-400);
1582
1704
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1583
- --wds-accordion-inner-content-padding-top: var(--wds-space-100);
1705
+ --wds-accordion-padding-horizontal-large: var(--wds-space-400);
1706
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-200);
1707
+ --wds-accordion-inner-content-padding-top: var(--wds-space-200);
1708
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-300);
1584
1709
  --wds-accordion-inner-content-fill: var(--wds-color-white);
1585
1710
  --wds-accordion-border-radius: var(--wds-border-radius-0);
1586
1711
  --wds-vertical-tabs-section-text-font-size-small: var(--wds-font-size-body-tiny);
@@ -1707,7 +1832,9 @@
1707
1832
  --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
1708
1833
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1709
1834
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1710
- --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
1835
+ --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-tiny);
1836
+ --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary-light);
1837
+ --wds-side-panel-standard-shadow: 0 var(--wds-shadow-y-primary-overlay) var(--wds-shadow-blur-primary-overlay) var(--wds-shadow-fill-primary-overlay), 0 var(--wds-shadow-blur-secondary-overlay) var(--wds-shadow-y-secondary-overlay) var(--wds-shadow-fill-secondary-overlay);
1711
1838
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1712
1839
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1713
1840
  --wds-shadow-surface-overlay-dark: var(--wds-shadow-300);
@@ -1746,7 +1873,10 @@
1746
1873
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1747
1874
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1748
1875
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1876
+ --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
1749
1877
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1878
+ --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1879
+ --wds-section-header-border-light: var(--wds-color-border-standard-primary);
1750
1880
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1751
1881
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
1752
1882
  --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
@@ -1764,10 +1894,22 @@
1764
1894
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
1765
1895
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1766
1896
  --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
1897
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
1898
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
1899
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
1900
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
1767
1901
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1768
1902
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1769
1903
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1770
1904
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1905
+ --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1906
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1907
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1908
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1909
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1910
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1911
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1912
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1771
1913
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1772
1914
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1773
1915
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1776,11 +1918,12 @@
1776
1918
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1777
1919
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1778
1920
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1921
+ --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1779
1922
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1780
1923
  --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1781
1924
  --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1782
1925
  --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1783
- --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1926
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-secondary);
1784
1927
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1785
1928
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1786
1929
  --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
@@ -1791,10 +1934,9 @@
1791
1934
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1792
1935
  --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1793
1936
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1937
+ --wds-list-item-select-active-fill-hover: var(--wds-color-fill-dark-secondary);
1794
1938
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1795
1939
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1796
- --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1797
- --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1798
1940
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1799
1941
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1800
1942
  --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
@@ -1802,13 +1944,9 @@
1802
1944
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1803
1945
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1804
1946
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1805
- --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1806
1947
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1807
1948
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1808
- --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1809
1949
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1810
- --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1811
- --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1812
1950
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
1813
1951
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1814
1952
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1981,6 +2119,7 @@
1981
2119
  --wds-carousel-controls-shadow: 0 var(--wds-shadow-y-primary-modal) var(--wds-shadow-blur-primary-modal) var(--wds-shadow-fill-primary-modal), 0 var(--wds-shadow-blur-secondary-modal) var(--wds-shadow-y-secondary-modal) var(--wds-shadow-fill-secondary-modal);
1982
2120
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
1983
2121
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2122
+ --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
1984
2123
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1985
2124
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1986
2125
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2030,6 +2169,7 @@
2030
2169
  --wds-button-border-destructive-secondary-active: var(--wds-color-border-destructive-tertiary-active);
2031
2170
  --wds-button-border-destructive-secondary: var(--wds-color-border-destructive-primary);
2032
2171
  --wds-button-border-dark-secondary: var(--wds-color-border-dark-primary);
2172
+ --wds-breadcrumbs-text-line-height-small: var(--wds-font-line-height-200);
2033
2173
  --wds-breadcrumbs-on-grey-text-fill-active: var(--wds-color-text-standard-primary);
2034
2174
  --wds-badge-outline-urgent-border-color: var(--wds-color-border-urgent-primary);
2035
2175
  --wds-badge-outline-success-border-color: var(--wds-color-border-success-primary);
@@ -2044,9 +2184,15 @@
2044
2184
  --wds-badge-outline-dark-fill: var(--wds-color-fill-dark-secondary);
2045
2185
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2046
2186
  --wds-badge-label-font-size-small: var(--wds-font-size-body-tiny);
2047
- --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2187
+ --wds-avatar-text-fill: var(--wds-color-text-standard-primary);
2188
+ --wds-avatar-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2189
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2190
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-dark-secondary-active);
2191
+ --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-2);
2048
2192
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-2);
2049
- --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
2193
+ --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2194
+ --wds-announcement-modal-help-button-fill: var(--wds-color-fill-dark-secondary);
2195
+ --wds-announcement-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
2050
2196
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2051
2197
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
2052
2198
  --wds-angle-input-knob-disabled: var(--wds-color-fill-standard-tertiary);
@@ -2065,7 +2211,7 @@
2065
2211
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2066
2212
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-primary);
2067
2213
  --wds-accordion-caret-fill: var(--wds-color-text-standard-primary);
2068
- --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-hover);
2214
+ --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-dark-tertiary-active);
2069
2215
  --wds-accordion-background-fill-standard: var(--wds-color-fill-dark-tertiary);
2070
2216
  --wds-accordion-background-fill-light-hover: var(--wds-color-fill-dark-tertiary-hover);
2071
2217
  --wds-accordion-background-fill-light: var(--wds-color-fill-dark-tertiary);
@@ -2082,16 +2228,24 @@
2082
2228
  --wds-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2083
2229
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2084
2230
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
2085
- --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-medium);
2231
+ --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2086
2232
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
2087
2233
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2088
2234
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2089
2235
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2090
2236
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2091
- --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2237
+ --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2238
+ --wds-page-header-title-line-height: var(--wds-font-line-height-heading-2);
2092
2239
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2093
- --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2094
- --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2240
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-heading-3);
2241
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2242
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-3);
2243
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2244
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2245
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2246
+ --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2247
+ --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2248
+ --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2095
2249
  --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2096
2250
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2097
2251
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
@@ -2115,8 +2269,6 @@
2115
2269
  --wds-button-font-line-height-large: var(--wds-font-line-height-body-medium);
2116
2270
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2117
2271
  --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2118
- --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2119
- --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2120
2272
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2121
2273
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-small);
2122
2274
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-medium);