@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.css CHANGED
@@ -77,6 +77,7 @@
77
77
  --wds-shadow-blur-35: 3px;
78
78
  --wds-shadow-blur-25: 2px;
79
79
  --wds-shadow-blur-0: 0px;
80
+ --wds-font-weight-heading-3: 700;
80
81
  --wds-font-weight-semi-bold: 600;
81
82
  --wds-font-weight-regular: 400;
82
83
  --wds-font-weight-medium: 500;
@@ -90,7 +91,7 @@
90
91
  --wds-font-size-300: 14px;
91
92
  --wds-font-size-200: 12px;
92
93
  --wds-font-size-100: 10px;
93
- --wds-font-letter-spacing-heading-3: -0.50;
94
+ --wds-font-letter-spacing-heading-3: -0.5px;
94
95
  --wds-font-letter-spacing-heading-2: -0.50;
95
96
  --wds-font-letter-spacing-heading-1: -0.50;
96
97
  --wds-font-letter-spacing-100: 1px;
@@ -152,13 +153,13 @@
152
153
  --wds-color-fill-accent-10: #1f8845;
153
154
  --wds-color-fill-accent-9: #59005f;
154
155
  --wds-color-fill-accent-8: #cc180b;
155
- --wds-color-fill-accent-7: #f36e1b;
156
- --wds-color-fill-accent-6: #d49341;
157
- --wds-color-fill-accent-5: #c42fca;
158
- --wds-color-fill-accent-4: #1b838b;
159
- --wds-color-fill-accent-3: #6959f0;
160
- --wds-color-fill-accent-2: #17b0e2;
161
- --wds-color-fill-accent-1: #1684ea;
156
+ --wds-color-fill-accent-7: #BCD7C3;
157
+ --wds-color-fill-accent-6: #FFA270;
158
+ --wds-color-fill-accent-5: #D7F391;
159
+ --wds-color-fill-accent-4: #C4CEFF;
160
+ --wds-color-fill-accent-3: #E7BE64;
161
+ --wds-color-fill-accent-2: #FFC2FE;
162
+ --wds-color-fill-accent-1: #C4E1FF;
162
163
  --wds-color-border-stage-wip: #ffffff;
163
164
  --wds-color-border-ai-primary-hover: #ffffff;
164
165
  --wds-color-border-ai-primary-disabled: #ffffff;
@@ -305,6 +306,7 @@
305
306
  --wds-background-blur-0: 0px;
306
307
  --wds-variable-input-padding-vertical-tiny: 2px;
307
308
  --wds-variable-input-padding-vertical-small: 5px;
309
+ --wds-top-banner-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
308
310
  --wds-toggle-switch-width-small: 24px;
309
311
  --wds-toggle-switch-width-medium: 26px;
310
312
  --wds-toggle-switch-width-large: 40px;
@@ -349,23 +351,32 @@
349
351
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
350
352
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
351
353
  --wds-sidebar-item-text-dark-disabled: #898b8f;
354
+ --wds-sidebar-item-level-2-fill-neutral-default: transparent;
355
+ --wds-sidebar-item-level-2-fill-light-default: transparent;
352
356
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
357
+ --wds-sidebar-item-level-1-fill-neutral-default: transparent;
358
+ --wds-sidebar-item-level-1-fill-light-default: transparent;
353
359
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
354
360
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
355
361
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
356
362
  --wds-sidebar-divider-fill-light-default: transparent;
357
363
  --wds-sidebar-divider-fill-dark-default: #42454c;
358
364
  --wds-sidebar-clear-button-fill: #5a5d63;
365
+ --wds-side-panel-standard-overflow: hidden;
359
366
  --wds-side-panel-header-divider-height: 0;
360
367
  --wds-side-panel-footer-divider-height: 0;
361
368
  --wds-side-panel-floating-max-height: 576px;
362
369
  --wds-side-panel-control-layout-divider-border-width: false;
363
370
  --wds-section-helper-prefix-offset-margin: 0px;
364
371
  --wds-radio-dot-size: 4px;
372
+ --wds-marketing-layout-badge-top: auto;
373
+ --wds-marketing-layout-badge-side: auto;
374
+ --wds-marketing-layout-badge-position: static;
365
375
  --wds-loader-stroke-width-tiny: 2px;
366
376
  --wds-loader-stroke-width-small: 2px;
367
377
  --wds-loader-stroke-width-medium: 2px;
368
378
  --wds-loader-stroke-width-large: 2px;
379
+ --wds-list-item-action-subtitle-offset: -2px;
369
380
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
370
381
  --wds-internal-thumbnail-illustration-size-small: 51px;
371
382
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -386,15 +397,25 @@
386
397
  --wds-google-preview-favicon-border-fill: #E6E6E6;
387
398
  --wds-google-preview-favicon-background-fill: #F1F3F4;
388
399
  --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);
400
+ --wds-editable-title-marker-line-style: dotted;
389
401
  --wds-counter-badge-padding-horizontal-tiny: 4px;
390
402
  --wds-counter-badge-font-size-tiny: 10px;
391
403
  --wds-composer-sidebar-end-max-width: 240px;
392
404
  --wds-composer-sidebar-bottom-width: 88px;
393
405
  --wds-color-picker-width: 236px;
394
406
  --wds-card-subtitle-color: #44485f;
407
+ --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
408
+ --wds-card-divider-opacity: 0;
409
+ --wds-card-base-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
410
+ --wds-breadcrumbs-height-medium: 26px;
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-inner-shadow-y-secondary: var(--wds-shadow-y-25);
@@ -508,9 +529,8 @@
508
529
  --wds-font-weight-heading-6: var(--wds-font-weight-regular);
509
530
  --wds-font-weight-heading-5: var(--wds-font-weight-bold);
510
531
  --wds-font-weight-heading-4: var(--wds-font-weight-bold);
511
- --wds-font-weight-heading-3: var(--wds-font-weight-bold);
512
532
  --wds-font-weight-heading-2: var(--wds-font-weight-medium);
513
- --wds-font-weight-heading-1: var(--wds-font-weight-regular);
533
+ --wds-font-weight-heading-1: var(--wds-font-weight-medium);
514
534
  --wds-font-size-heading-6: var(--wds-font-size-200);
515
535
  --wds-font-size-heading-5: var(--wds-font-size-100);
516
536
  --wds-font-size-heading-4: var(--wds-font-size-500);
@@ -522,7 +542,7 @@
522
542
  --wds-font-size-body-medium: var(--wds-font-size-500);
523
543
  --wds-font-size-body-extra-tiny: var(--wds-font-size-100);
524
544
  --wds-font-line-height-600: var(--wds-space-1000);
525
- --wds-font-line-height-500: var(--wds-space-750);
545
+ --wds-font-line-height-500: var(--wds-space-800);
526
546
  --wds-font-line-height-400: var(--wds-space-600);
527
547
  --wds-font-line-height-300: var(--wds-space-475);
528
548
  --wds-font-line-height-200: var(--wds-space-400);
@@ -849,7 +869,14 @@
849
869
  --wds-vertical-tabs-action-padding-horizontal-tiny: var(--wds-space-300);
850
870
  --wds-vertical-tabs-action-padding-horizontal-small: var(--wds-space-300);
851
871
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-600);
852
- --wds-top-banner-fill: var(--wds-color-purple-200);
872
+ --wds-top-banner-padding-vertical: var(--wds-space-0);
873
+ --wds-top-banner-padding-horizontal-start: var(--wds-space-750);
874
+ --wds-top-banner-padding-horizontal-end: var(--wds-space-300);
875
+ --wds-top-banner-fill: var(--wds-color-iris-500);
876
+ --wds-top-banner-dismiss-gap: var(--wds-space-500);
877
+ --wds-top-banner-content-gap: var(--wds-space-300);
878
+ --wds-top-banner-border-radius: var(--wds-border-radius-400);
879
+ --wds-top-banner-border-color: var(--wds-color-white);
853
880
  --wds-tooltip-shadow: var(--wds-color-black-100-transparent-0);
854
881
  --wds-tooltip-padding-vertical-small: var(--wds-space-150);
855
882
  --wds-tooltip-padding-vertical-medium: var(--wds-space-150);
@@ -950,6 +977,7 @@
950
977
  --wds-text-button-font-weight-thin: var(--wds-font-weight-medium);
951
978
  --wds-text-button-font-weight-normal: var(--wds-font-weight-semi-bold);
952
979
  --wds-testimonial-list-gap: var(--wds-space-600);
980
+ --wds-tag-list-action-gap: var(--wds-space-300);
953
981
  --wds-tag-size-tiny: var(--wds-space-500);
954
982
  --wds-tag-size-small: var(--wds-space-600);
955
983
  --wds-tag-size-medium: var(--wds-space-700);
@@ -991,8 +1019,16 @@
991
1019
  --wds-table-list-item-gap: var(--wds-space-400);
992
1020
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
993
1021
  --wds-table-list-item-controls-padding-medium: var(--wds-space-200);
994
- --wds-table-list-item-border-radius: var(--wds-border-radius-400);
1022
+ --wds-table-list-item-controls-gap-medium: var(--wds-space-100);
1023
+ --wds-table-list-item-checkbox-offset: var(--wds-space-100);
1024
+ --wds-table-list-item-border-radius: var(--wds-border-radius-600);
995
1025
  --wds-table-list-item-border-color: var(--wds-color-black-550);
1026
+ --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
1027
+ --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-100);
1028
+ --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-100);
1029
+ --wds-table-action-cell-primary-action-gap-tiny: var(--wds-space-200);
1030
+ --wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
1031
+ --wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
996
1032
  --wds-table-toolbar-padding-horizontal: var(--wds-space-600);
997
1033
  --wds-swatches-swatch-size-small: var(--wds-space-700);
998
1034
  --wds-swatches-swatch-size-medium: var(--wds-space-900);
@@ -1022,9 +1058,9 @@
1022
1058
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1023
1059
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1024
1060
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1025
- --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1026
1061
  --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
1027
1062
  --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
1063
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1028
1064
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1029
1065
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1030
1066
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1033,9 +1069,11 @@
1033
1069
  --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
1034
1070
  --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-black-600);
1035
1071
  --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-black-600);
1072
+ --wds-sidebar-item-text-margin-block: var(--wds-space-150);
1036
1073
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1037
1074
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1038
1075
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1076
+ --wds-sidebar-item-prefix-margin-block: var(--wds-space-150);
1039
1077
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1040
1078
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1041
1079
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
@@ -1049,25 +1087,26 @@
1049
1087
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1050
1088
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1051
1089
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1052
- --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-750);
1053
- --wds-sidebar-item-level-2-fill-light-default: var(--wds-color-black-750);
1054
1090
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1055
1091
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1056
1092
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1057
1093
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1058
- --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-600);
1059
- --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-750);
1060
- --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-550);
1061
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
1062
- --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-black-750);
1063
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
1094
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-700);
1095
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-600);
1096
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-700);
1097
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-600);
1098
+ --wds-sidebar-item-context-menu-padding-inline: var(--wds-space-200);
1064
1099
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1100
+ --wds-sidebar-item-border-radius: var(--wds-border-radius-400);
1065
1101
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1066
1102
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1067
1103
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1104
+ --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-medium);
1105
+ --wds-side-panel-standard-corner-radius: var(--wds-border-radius-600);
1068
1106
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
1069
1107
  --wds-side-panel-header-padding-right: var(--wds-space-300);
1070
1108
  --wds-side-panel-header-padding-left: var(--wds-space-400);
1109
+ --wds-side-panel-header-content-padding-right: var(--wds-space-200);
1071
1110
  --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
1072
1111
  --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
1073
1112
  --wds-side-panel-footer-padding-vertical: var(--wds-space-400);
@@ -1203,10 +1242,15 @@
1203
1242
  --wds-pagination-padding-vertical: var(--wds-space-50);
1204
1243
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1205
1244
  --wds-pagination-gap: var(--wds-space-100);
1245
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1246
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1247
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
1248
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1206
1249
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1207
1250
  --wds-page-header-padding-vertical: var(--wds-space-600);
1208
1251
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
1209
1252
  --wds-page-header-padding-horizontal: var(--wds-space-1200);
1253
+ --wds-page-header-back-button-gap: var(--wds-space-200);
1210
1254
  --wds-padding-vertical-tiny: var(--wds-space-500);
1211
1255
  --wds-padding-vertical-small: var(--wds-space-600);
1212
1256
  --wds-padding-vertical-medium: var(--wds-space-600);
@@ -1229,17 +1273,60 @@
1229
1273
  --wds-mobile-modal-footer-padding-horizontal: var(--wds-space-600);
1230
1274
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-600);
1231
1275
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-600);
1232
- --wds-message-modal-top-controls-paddings: var(--wds-space-250);
1276
+ --wds-message-modal-top-controls-paddings: var(--wds-space-150);
1277
+ --wds-message-modal-top-controls-gap: var(--wds-space-100);
1233
1278
  --wds-message-modal-title-font-size: var(--wds-font-size-800);
1279
+ --wds-message-modal-title-font-line-height: var(--wds-space-800);
1234
1280
  --wds-message-modal-title-font-family: var(--wds-font-family-display);
1235
1281
  --wds-message-modal-padding-vertical: var(--wds-space-600);
1236
1282
  --wds-message-modal-padding-horizontal: var(--wds-space-600);
1283
+ --wds-message-modal-illustration-margin-top: var(--wds-space-600);
1284
+ --wds-message-modal-illustration-margin-start: var(--wds-space-600);
1285
+ --wds-message-modal-illustration-content-gap: var(--wds-space-400);
1286
+ --wds-message-modal-help-button-size: var(--wds-space-700);
1237
1287
  --wds-message-modal-content-gap: var(--wds-space-300);
1288
+ --wds-message-modal-close-button-size: var(--wds-space-600);
1289
+ --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1238
1290
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1239
1291
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1240
1292
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1241
1293
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1294
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1295
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1296
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-100);
1297
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1298
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1299
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1300
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-600);
1301
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-600);
1302
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-600);
1303
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-600);
1304
+ --wds-marketing-layout-padding-right-small: var(--wds-space-600);
1305
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-600);
1306
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-600);
1307
+ --wds-marketing-layout-padding-left-small: var(--wds-space-600);
1308
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-600);
1309
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-400);
1310
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1311
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1312
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-400);
1313
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-400);
1314
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-400);
1315
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1316
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1317
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-400);
1318
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1319
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1320
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1321
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1242
1322
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1323
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1324
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1325
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1326
+ --wds-marketing-layout-badge-gap: var(--wds-space-300);
1327
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1328
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1329
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-300);
1243
1330
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1244
1331
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1245
1332
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1247,22 +1334,25 @@
1247
1334
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-300);
1248
1335
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1249
1336
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
1337
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-0);
1250
1338
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1251
- --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1339
+ --wds-list-item-select-padding-vertical-small: var(--wds-space-200);
1252
1340
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
1253
- --wds-list-item-select-padding-vertical-medium: var(--wds-space-100);
1341
+ --wds-list-item-select-padding-vertical-medium: var(--wds-space-200);
1254
1342
  --wds-list-item-select-padding-right-small: var(--wds-space-400);
1255
1343
  --wds-list-item-select-padding-right-medium: var(--wds-space-400);
1256
1344
  --wds-list-item-select-padding-left-small: var(--wds-space-300);
1257
1345
  --wds-list-item-select-padding-left-medium: var(--wds-space-300);
1258
- --wds-list-item-select-padding-horizontal-small: var(--wds-space-200);
1259
- --wds-list-item-select-padding-horizontal-medium: var(--wds-space-200);
1346
+ --wds-list-item-select-padding-horizontal-small: var(--wds-space-300);
1347
+ --wds-list-item-select-padding-horizontal-medium: var(--wds-space-300);
1348
+ --wds-list-item-select-min-height-medium: var(--wds-space-1300);
1260
1349
  --wds-list-item-select-label-font-weight-medium: var(--wds-font-weight-medium);
1261
- --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-bold);
1262
- --wds-list-item-select-gap: var(--wds-space-50);
1350
+ --wds-list-item-select-label-font-weight-active: var(--wds-font-weight-medium);
1351
+ --wds-list-item-select-gap: var(--wds-space-150);
1263
1352
  --wds-list-item-select-border-radius: var(--wds-border-radius-400);
1264
1353
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1265
- --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1354
+ --wds-list-item-select-active-fill-active: var(--wds-color-black-600);
1355
+ --wds-list-item-select-active-fill: var(--wds-color-black-600);
1266
1356
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1267
1357
  --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
1268
1358
  --wds-list-item-section-padding-top: var(--wds-space-200);
@@ -1273,15 +1363,26 @@
1273
1363
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
1274
1364
  --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
1275
1365
  --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1276
- --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1366
+ --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-medium);
1277
1367
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1368
+ --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-black-300);
1278
1369
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
1279
1370
  --wds-list-item-action-padding-vertical-small: var(--wds-space-200);
1280
1371
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1281
1372
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-200);
1373
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1374
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1282
1375
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1283
1376
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1377
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-blue-50);
1378
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-blue-50);
1379
+ --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-red-0);
1380
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-blue-50);
1381
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-blue-50);
1382
+ --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-red-0);
1284
1383
  --wds-list-item-action-gap: var(--wds-space-50);
1384
+ --wds-list-item-action-fill-hover: var(--wds-color-black-700);
1385
+ --wds-list-item-action-fill-active: var(--wds-color-black-600);
1285
1386
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1286
1387
  --wds-list-item-action-affix-margin: var(--wds-space-100);
1287
1388
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1369,6 +1470,9 @@
1369
1470
  --wds-empty-state-section-content-paddings: var(--wds-space-600);
1370
1471
  --wds-empty-state-page-content-paddings: var(--wds-space-600);
1371
1472
  --wds-empty-state-border-radius: var(--wds-border-radius-200);
1473
+ --wds-editable-title-placeholder-fill: var(--wds-color-black-500);
1474
+ --wds-editable-title-marker-fill-active: var(--wds-color-blue-200);
1475
+ --wds-editable-title-marker-fill: var(--wds-color-black-100);
1372
1476
  --wds-dropdown-layout-option-size-small: var(--wds-space-800);
1373
1477
  --wds-dropdown-layout-option-size-big: var(--wds-space-1000);
1374
1478
  --wds-dropdown-list-paddings: var(--wds-space-200);
@@ -1376,9 +1480,10 @@
1376
1480
  --wds-custom-modal-header-padding-vertical: var(--wds-space-600);
1377
1481
  --wds-custom-modal-header-padding-right: var(--wds-space-500);
1378
1482
  --wds-custom-modal-header-padding-left: var(--wds-space-600);
1483
+ --wds-custom-modal-footnote-text-font-weight: var(--wds-font-weight-medium);
1379
1484
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-400);
1380
1485
  --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-600);
1381
- --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-regular);
1486
+ --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
1382
1487
  --wds-custom-modal-footer-padding-vertical: var(--wds-space-600);
1383
1488
  --wds-custom-modal-footer-padding-horizontal: var(--wds-space-600);
1384
1489
  --wds-custom-modal-content-padding-vertical: var(--wds-space-600);
@@ -1438,6 +1543,7 @@
1438
1543
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1439
1544
  --wds-checkbox-border: var(--wds-color-black-200);
1440
1545
  --wds-carousel-dots-width: var(--wds-space-100);
1546
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-bold);
1441
1547
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-300);
1442
1548
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-475);
1443
1549
  --wds-card-gallery-item-padding-right-small: var(--wds-space-475);
@@ -1459,6 +1565,9 @@
1459
1565
  --wds-card-header-divider-width: var(--wds-border-width-none);
1460
1566
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1461
1567
  --wds-card-content-paddings-horizontal: var(--wds-space-300);
1568
+ --wds-card-content-padding-medium-top: var(--wds-space-300);
1569
+ --wds-card-content-padding-medium-horizontal: var(--wds-space-600);
1570
+ --wds-card-content-padding-medium-bottom: var(--wds-space-600);
1462
1571
  --wds-card-content-padding-medium: var(--wds-space-300);
1463
1572
  --wds-card-content-padding-large: var(--wds-space-300);
1464
1573
  --wds-card-border-radius: var(--wds-border-radius-800);
@@ -1525,20 +1634,22 @@
1525
1634
  --wds-button-border-dark-secondary-hover: var(--wds-color-black-550);
1526
1635
  --wds-button-border-dark-secondary-disabled: var(--wds-color-black-700);
1527
1636
  --wds-button-border-dark-secondary-active: var(--wds-color-black-550);
1528
- --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-bold);
1637
+ --wds-breadcrumbs-text-weight-selected: var(--wds-font-weight-medium);
1529
1638
  --wds-breadcrumbs-text-weight-default: var(--wds-font-weight-regular);
1530
- --wds-breadcrumbs-text-line-height-small: var(--wds-space-400);
1531
- --wds-breadcrumbs-padding-vertical-small: var(--wds-space-50);
1639
+ --wds-breadcrumbs-padding-vertical-small: var(--wds-space-100);
1532
1640
  --wds-breadcrumbs-padding-vertical-medium: var(--wds-space-100);
1533
1641
  --wds-breadcrumbs-padding-vertical-large: var(--wds-space-100);
1534
- --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-100);
1642
+ --wds-breadcrumbs-padding-horizontal-small: var(--wds-space-200);
1535
1643
  --wds-breadcrumbs-padding-horizontal-medium: var(--wds-space-200);
1536
- --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-400);
1537
- --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-700);
1538
- --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-white);
1539
- --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-white-transparent-30);
1644
+ --wds-breadcrumbs-padding-horizontal-large: var(--wds-space-300);
1645
+ --wds-breadcrumbs-on-white-fill-hover: var(--wds-color-black-600);
1646
+ --wds-breadcrumbs-on-grey-fill-hover: var(--wds-color-black-600);
1647
+ --wds-breadcrumbs-on-dark-fill-hover: var(--wds-color-black-300);
1648
+ --wds-breadcrumbs-height-small: var(--wds-space-600);
1649
+ --wds-breadcrumbs-height-large: var(--wds-space-800);
1540
1650
  --wds-breadcrumbs-font-size-small: var(--wds-font-size-200);
1541
- --wds-breadcrumbs-border-radius: var(--wds-border-radius-100);
1651
+ --wds-breadcrumbs-divider-margin-horizontal: var(--wds-space-0);
1652
+ --wds-breadcrumbs-border-radius: var(--wds-border-radius-300);
1542
1653
  --wds-badge-size-tiny: var(--wds-space-500);
1543
1654
  --wds-badge-size-small: var(--wds-space-600);
1544
1655
  --wds-badge-size-medium: var(--wds-space-700);
@@ -1564,9 +1675,20 @@
1564
1675
  --wds-badge-border-radius-small: var(--wds-border-radius-200);
1565
1676
  --wds-badge-border-radius-medium: var(--wds-border-radius-200);
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-shadow-surface-overlay-dark: var(--wds-shadow-300);
@@ -1725,7 +1850,9 @@
1725
1850
  --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
1726
1851
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1727
1852
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1728
- --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
1853
+ --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-tiny);
1854
+ --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary-light);
1855
+ --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);
1729
1856
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1730
1857
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-heading-3);
1731
1858
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
@@ -1758,7 +1885,10 @@
1758
1885
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
1759
1886
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
1760
1887
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
1888
+ --wds-section-header-fill-standard: var(--wds-color-fill-surface-default);
1761
1889
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-default);
1890
+ --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1891
+ --wds-section-header-border-light: var(--wds-color-border-standard-primary);
1762
1892
  --wds-radio-label-font-size-small: var(--wds-font-size-body-tiny);
1763
1893
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-small);
1764
1894
  --wds-radio-fill-disabled: var(--wds-color-fill-standard-secondary-disabled);
@@ -1776,10 +1906,22 @@
1776
1906
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
1777
1907
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1778
1908
  --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
1909
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
1910
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
1911
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
1912
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
1779
1913
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
1780
1914
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
1781
1915
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1782
1916
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1917
+ --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1918
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1919
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1920
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1921
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1922
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1923
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1924
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary-light);
1783
1925
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1784
1926
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1785
1927
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -1788,11 +1930,12 @@
1788
1930
  --wds-list-item-select-title-disabled: var(--wds-color-text-disabled);
1789
1931
  --wds-list-item-select-title: var(--wds-color-text-standard-primary);
1790
1932
  --wds-list-item-select-suffix: var(--wds-color-text-standard-primary);
1933
+ --wds-list-item-select-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1791
1934
  --wds-list-item-select-subtitle-disabled: var(--wds-color-text-disabled);
1792
1935
  --wds-list-item-select-subtitle: var(--wds-color-text-placeholder);
1793
1936
  --wds-list-item-select-label-font-size-small: var(--wds-font-size-body-tiny);
1794
1937
  --wds-list-item-select-label-font-size-medium: var(--wds-font-size-body-small);
1795
- --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1938
+ --wds-list-item-select-fill-hover: var(--wds-color-fill-dark-secondary);
1796
1939
  --wds-list-item-select-fill-disabled: var(--wds-color-fill-standard-tertiary);
1797
1940
  --wds-list-item-select-fill-active: var(--wds-color-fill-standard-tertiary);
1798
1941
  --wds-list-item-select-fill: var(--wds-color-fill-standard-tertiary);
@@ -1803,10 +1946,9 @@
1803
1946
  --wds-list-item-select-active-subtitle-disabled: var(--wds-color-text-disabled);
1804
1947
  --wds-list-item-select-active-subtitle: var(--wds-color-text-standard-primary);
1805
1948
  --wds-list-item-select-active-fill-screen-small: var(--wds-color-fill-standard-secondary);
1949
+ --wds-list-item-select-active-fill-hover: var(--wds-color-fill-dark-secondary);
1806
1950
  --wds-list-item-select-active-fill-disabled: var(--wds-color-fill-standard-tertiary);
1807
1951
  --wds-list-item-select-active-fill-active-screen-small: var(--wds-color-fill-standard-secondary-active);
1808
- --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1809
- --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1810
1952
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1811
1953
  --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1812
1954
  --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
@@ -1814,13 +1956,9 @@
1814
1956
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1815
1957
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1816
1958
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
1817
- --wds-list-item-action-subtitle-fill-pressed-destructive: var(--wds-color-text-standard-secondary);
1818
1959
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-tiny);
1819
1960
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-small);
1820
- --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1821
1961
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
1822
- --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1823
- --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
1824
1962
  --wds-list-item-action-fill: var(--wds-color-fill-standard-tertiary);
1825
1963
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
1826
1964
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
@@ -1980,6 +2118,7 @@
1980
2118
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
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-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2121
+ --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
1983
2122
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
1984
2123
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1985
2124
  --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-group-counter-fill-hover: var(--wds-color-fill-dark-secondary-hover);
2188
+ --wds-avatar-group-counter-fill-gradient-2: var(--wds-color-fill-transparent-tertiary);
2189
+ --wds-avatar-group-counter-fill-gradient-1: var(--wds-color-fill-dark-secondary-active);
2190
+ --wds-avatar-text-fill: var(--wds-color-text-standard-primary);
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);