@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/CHANGELOG.md CHANGED
@@ -1,3 +1,38 @@
1
+ ## 1.213.0 - 2026-07-17
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(CardGalleryItem): correct title and subtitle font sizes for Harmony theme [16533](https://github.com/wix-private/wix-design-systems/pull/16533)
6
+
7
+ ### Visual Breaking Changes
8
+
9
+ - breaking(AnnouncementModalLayout): update to harmony design tokens & "Help" icon [16577](https://github.com/wix-private/wix-design-systems/pull/16577)
10
+ - breaking(MessageModalLayout): use tertiary button priority and tiny-normal footnote typography [16578](https://github.com/wix-private/wix-design-systems/pull/16578)
11
+ - breaking(TopBanner): update visual styling [16579](https://github.com/wix-private/wix-design-systems/pull/16579)
12
+ - breaking(Card): hide divider and show default shadow in odeditor themes [16519](https://github.com/wix-private/wix-design-systems/pull/16519)
13
+ - breaking(Page.Header): restyle back button to the close-button style [16552](https://github.com/wix-private/wix-design-systems/pull/16552)
14
+ - breaking(Avatar): update accent colors and the user illustration [16568](https://github.com/wix-private/wix-design-systems/pull/16568)
15
+ - breaking(SidePanel): round standard skin, add shadow, shrink subtitle (Harmony theme) [16566](https://github.com/wix-private/wix-design-systems/pull/16566)
16
+ - breaking(TableListItem): bm reimagined controls spacing and border radius tokens [16559](https://github.com/wix-private/wix-design-systems/pull/16559)
17
+ - breaking(TableActionCell): reduce gap between action buttons (Harmony & Harmony Dark themes) [16564](https://github.com/wix-private/wix-design-systems/pull/16564)
18
+ - breaking(SidebarItemNext): rounded, narrower items for Harmony theme [16562](https://github.com/wix-private/wix-design-systems/pull/16562)
19
+ - breaking(SectionHeader): update token definitions (Harmony & Harmony Dark themes) [16555](https://github.com/wix-private/wix-design-systems/pull/16555)
20
+ - breaking(Breadcrumbs): update Harmony icon [16557](https://github.com/wix-private/wix-design-systems/pull/16557)
21
+ - breaking(Breadcrumbs): update tokens for Harmony theme [16526](https://github.com/wix-private/wix-design-systems/pull/16526)
22
+ - breaking(TagList): increase gap between tags and clear button (Harmony & Harmony Dark themes) [16556](https://github.com/wix-private/wix-design-systems/pull/16556)
23
+
24
+ ## 1.212.0 - 2026-07-14
25
+
26
+ ### Bug Fixes
27
+
28
+ - fix(ListItemSelect): refresh odeditor paddings, typography, gap and fills [16494](https://github.com/wix-private/wix-design-systems/pull/16494)
29
+ - fix(Breadcrumbs): revert studio selected item color and weight [16520](https://github.com/wix-private/wix-design-systems/pull/16520)
30
+
31
+ ### Visual Breaking Changes
32
+
33
+ - breaking(Accordion): visual changes for Harmony and Studio themes [16508](https://github.com/wix-private/wix-design-systems/pull/16508)
34
+ - breaking(ListItemAction): reimagine Harmony theme styling [16513](https://github.com/wix-private/wix-design-systems/pull/16513)
35
+
1
36
  ## 1.211.0 - 2026-07-09
2
37
 
3
38
  ### Bug Fixes
package/all.css CHANGED
@@ -274,6 +274,7 @@
274
274
  --wds-background-blur-100: 0px;
275
275
  --wds-background-blur-50: 0px;
276
276
  --wds-background-blur-0: 0px;
277
+ --wds-top-banner-shadow: 0 0 0 transparent;
277
278
  --wds-toggle-switch-width-small: 28px;
278
279
  --wds-toggle-switch-width-medium: 34px;
279
280
  --wds-toggle-switch-width-large: 46px;
@@ -311,16 +312,32 @@
311
312
  --wds-sidebar-item-level-1-fill-dark-active: #42454C;
312
313
  --wds-sidebar-divider-fill-dark-default: #42454C;
313
314
  --wds-sidebar-clear-button-fill: #5a5d63;
315
+ --wds-side-panel-standard-shadow: none;
316
+ --wds-side-panel-standard-overflow: visible;
314
317
  --wds-side-panel-floating-max-height: 576px;
315
318
  --wds-side-panel-control-layout-divider-border-width: 1px;
316
319
  --wds-section-helper-prefix-offset-margin: 6px;
317
320
  --wds-search-expandable-padding-small: 5px;
318
321
  --wds-radio-size: 16px;
319
322
  --wds-radio-dot-size: 10px;
323
+ --wds-page-header-title-minimised-line-height: 30px;
324
+ --wds-page-header-back-button-gap: 8px;
325
+ --wds-message-modal-close-button-fill: transparent;
326
+ --wds-marketing-layout-title-font-size-tiny: 20px;
327
+ --wds-marketing-layout-image-border-radius: 0px;
328
+ --wds-marketing-layout-badge-top: 9px;
329
+ --wds-marketing-layout-badge-side: -3px;
330
+ --wds-marketing-layout-badge-position: absolute;
331
+ --wds-marketing-layout-badge-offset-tiny: 18px;
332
+ --wds-marketing-layout-badge-offset-small: 12px;
333
+ --wds-marketing-layout-badge-offset-medium: 12px;
334
+ --wds-marketing-layout-badge-gap: 0px;
320
335
  --wds-loader-stroke-width-tiny: 3px;
321
336
  --wds-loader-stroke-width-small: 4px;
322
337
  --wds-loader-stroke-width-medium: 4px;
323
338
  --wds-loader-stroke-width-large: 4px;
339
+ --wds-list-item-select-min-height-medium: auto;
340
+ --wds-list-item-action-subtitle-offset: 0px;
324
341
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
325
342
  --wds-internal-thumbnail-illustration-size-small: 51px;
326
343
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -343,6 +360,7 @@
343
360
  --wds-google-preview-site-name-fill: #202124;
344
361
  --wds-google-preview-favicon-border-fill: #E6E6E6;
345
362
  --wds-google-preview-favicon-background-fill: #F1F3F4;
363
+ --wds-editable-title-marker-line-style: dashed;
346
364
  --wds-counter-badge-padding-horizontal-tiny: 4px;
347
365
  --wds-counter-badge-padding-horizontal-medium: 8px;
348
366
  --wds-counter-badge-font-size-tiny: 10px;
@@ -351,12 +369,22 @@
351
369
  --wds-color-picker-width: 240px;
352
370
  --wds-circular-progress-bar-border-width: 4px;
353
371
  --wds-checkbox-size: 16px;
372
+ --wds-card-divider-opacity: 1;
373
+ --wds-card-base-shadow: none;
354
374
  --wds-button-outline-hover: transparent;
355
375
  --wds-button-icon-offset-tiny: 12px;
356
376
  --wds-button-icon-offset-small: 12px;
357
377
  --wds-button-icon-offset-medium: 12px;
358
378
  --wds-button-icon-offset-large: 12px;
379
+ --wds-breadcrumbs-height-small: 24px;
380
+ --wds-breadcrumbs-height-medium: 30px;
381
+ --wds-breadcrumbs-height-large: 36px;
382
+ --wds-breadcrumbs-divider-margin-horizontal: 8px;
359
383
  --wds-avatar-group-gap-condensed: -3px;
384
+ --wds-announcement-modal-help-button-fill: transparent;
385
+ --wds-announcement-modal-footnote-content-alignment: center;
386
+ --wds-announcement-modal-close-button-icon-size: 12px;
387
+ --wds-announcement-modal-close-button-fill: transparent;
360
388
  --wds-angle-input-knob-size: 6px;
361
389
  --wds-angle-input-knob-border: 2px;
362
390
  --wds-width-default-2: var(--wds-border-width-100);
@@ -845,7 +873,14 @@
845
873
  --wds-vertical-tabs-action-padding-horizontal-medium: var(--wds-space-400);
846
874
  --wds-variable-input-padding-vertical-tiny: var(--wds-space-50);
847
875
  --wds-variable-input-padding-vertical-small: var(--wds-space-100);
876
+ --wds-top-banner-padding-vertical: var(--wds-space-150);
877
+ --wds-top-banner-padding-horizontal-start: var(--wds-space-200);
878
+ --wds-top-banner-padding-horizontal-end: var(--wds-space-200);
848
879
  --wds-top-banner-fill: var(--wds-color-purple-200);
880
+ --wds-top-banner-dismiss-gap: var(--wds-space-200);
881
+ --wds-top-banner-content-gap: var(--wds-space-200);
882
+ --wds-top-banner-border-radius: var(--wds-border-radius-0);
883
+ --wds-top-banner-border-color: var(--wds-color-white-transparent-0);
849
884
  --wds-tooltip-padding-vertical-small: var(--wds-space-100);
850
885
  --wds-tooltip-padding-vertical-medium: var(--wds-space-200);
851
886
  --wds-tooltip-padding-horizontal-small: var(--wds-space-200);
@@ -920,6 +955,7 @@
920
955
  --wds-text-button-font-weight-thin: var(--wds-font-weight-regular);
921
956
  --wds-text-button-font-weight-normal: var(--wds-font-weight-medium);
922
957
  --wds-testimonial-list-gap: var(--wds-space-500);
958
+ --wds-tag-list-action-gap: var(--wds-space-100);
923
959
  --wds-tag-size-tiny: var(--wds-space-300);
924
960
  --wds-tag-size-small: var(--wds-space-400);
925
961
  --wds-tag-size-medium: var(--wds-space-500);
@@ -957,7 +993,16 @@
957
993
  --wds-table-list-item-indentation-level-2: var(--wds-space-200);
958
994
  --wds-table-list-item-gap: var(--wds-space-400);
959
995
  --wds-table-list-item-fill-highlight: var(--wds-color-blue-600);
996
+ --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
997
+ --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
998
+ --wds-table-list-item-checkbox-offset: var(--wds-space-0);
960
999
  --wds-table-list-item-border-radius: var(--wds-border-radius-0);
1000
+ --wds-table-action-cell-secondary-action-gap-tiny: var(--wds-space-100);
1001
+ --wds-table-action-cell-secondary-action-gap-small: var(--wds-space-200);
1002
+ --wds-table-action-cell-secondary-action-gap-medium: var(--wds-space-200);
1003
+ --wds-table-action-cell-primary-action-gap-tiny: var(--wds-space-100);
1004
+ --wds-table-action-cell-primary-action-gap-small: var(--wds-space-200);
1005
+ --wds-table-action-cell-primary-action-gap-medium: var(--wds-space-200);
961
1006
  --wds-table-toolbar-padding-horizontal: var(--wds-space-400);
962
1007
  --wds-swatches-swatch-size-tiny: var(--wds-space-400);
963
1008
  --wds-swatches-swatch-size-small: var(--wds-space-500);
@@ -1031,10 +1076,13 @@
1031
1076
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1032
1077
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1033
1078
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
1079
+ --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-regular);
1080
+ --wds-side-panel-standard-corner-radius: var(--wds-border-radius-0);
1034
1081
  --wds-side-panel-header-padding-vertical: var(--wds-space-300);
1035
1082
  --wds-side-panel-header-padding-right: var(--wds-space-150);
1036
1083
  --wds-side-panel-header-padding-left: var(--wds-space-400);
1037
1084
  --wds-side-panel-header-divider-height: var(--wds-border-width-100);
1085
+ --wds-side-panel-header-content-padding-right: var(--wds-space-0);
1038
1086
  --wds-side-panel-footnote-padding-vertical: var(--wds-space-200);
1039
1087
  --wds-side-panel-footnote-padding-horizontal: var(--wds-space-400);
1040
1088
  --wds-side-panel-footer-padding-vertical: var(--wds-space-300);
@@ -1154,6 +1202,9 @@
1154
1202
  --wds-pagination-padding-vertical: var(--wds-space-50);
1155
1203
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1156
1204
  --wds-pagination-gap: var(--wds-space-100);
1205
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1206
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1207
+ --wds-page-header-title-actions-gap: var(--wds-space-0);
1157
1208
  --wds-page-header-padding-vertical-small: var(--wds-space-300);
1158
1209
  --wds-page-header-padding-vertical: var(--wds-space-400);
1159
1210
  --wds-page-header-padding-horizontal-small: var(--wds-space-400);
@@ -1171,14 +1222,25 @@
1171
1222
  --wds-mobile-modal-content-padding-vertical: var(--wds-space-400);
1172
1223
  --wds-mobile-modal-content-padding-horizontal: var(--wds-space-400);
1173
1224
  --wds-message-modal-top-controls-paddings: var(--wds-space-100);
1225
+ --wds-message-modal-top-controls-gap: var(--wds-space-50);
1174
1226
  --wds-message-modal-title-font-family: var(--wds-font-family-default);
1175
1227
  --wds-message-modal-padding-vertical: var(--wds-space-400);
1176
1228
  --wds-message-modal-padding-horizontal: var(--wds-space-400);
1229
+ --wds-message-modal-illustration-margin-top: var(--wds-space-300);
1230
+ --wds-message-modal-illustration-margin-start: var(--wds-space-400);
1231
+ --wds-message-modal-illustration-content-gap: var(--wds-space-400);
1232
+ --wds-message-modal-help-button-size: var(--wds-space-500);
1177
1233
  --wds-message-modal-content-gap: var(--wds-space-200);
1234
+ --wds-message-modal-close-button-size: var(--wds-space-500);
1235
+ --wds-message-modal-close-button-icon-size: var(--wds-space-200);
1178
1236
  --wds-marketing-page-paddings-vertical-medium: var(--wds-space-500);
1179
1237
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1180
1238
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-800);
1181
1239
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1240
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1241
+ --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1242
+ --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1243
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1182
1244
  --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-300);
1183
1245
  --wds-marketing-layout-padding-vertical-small: var(--wds-space-400);
1184
1246
  --wds-marketing-layout-padding-vertical-medium: var(--wds-space-400);
@@ -1188,12 +1250,28 @@
1188
1250
  --wds-marketing-layout-padding-left-tiny: var(--wds-space-400);
1189
1251
  --wds-marketing-layout-padding-left-small: var(--wds-space-400);
1190
1252
  --wds-marketing-layout-padding-left-medium: var(--wds-space-800);
1253
+ --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1254
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1255
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1256
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1257
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1258
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1259
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1260
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1261
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1262
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1263
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1264
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1191
1265
  --wds-marketing-layout-border: var(--wds-border-radius-400);
1266
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1267
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1268
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1192
1269
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1193
1270
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
1194
1271
  --wds-list-item-select-icon-padding-horizontal-small: var(--wds-space-200);
1195
1272
  --wds-list-item-select-icon-padding-horizontal-medium: var(--wds-space-200);
1196
1273
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-regular);
1274
+ --wds-list-item-select-prefix-subtitle-margin: var(--wds-space-100);
1197
1275
  --wds-list-item-select-padding-vertical-small-screen-small: var(--wds-space-200);
1198
1276
  --wds-list-item-select-padding-vertical-small: var(--wds-space-100);
1199
1277
  --wds-list-item-select-padding-vertical-medium-screen-small: var(--wds-space-200);
@@ -1224,6 +1302,8 @@
1224
1302
  --wds-list-item-action-padding-vertical-small: var(--wds-space-100);
1225
1303
  --wds-list-item-action-padding-vertical-medium-screen-small: var(--wds-space-200);
1226
1304
  --wds-list-item-action-padding-vertical-medium: var(--wds-space-100);
1305
+ --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-300);
1306
+ --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-300);
1227
1307
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-300);
1228
1308
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-300);
1229
1309
  --wds-list-item-action-gap: var(--wds-space-0);
@@ -1305,6 +1385,9 @@
1305
1385
  --wds-empty-state-section-content-paddings: var(--wds-space-250);
1306
1386
  --wds-empty-state-page-content-paddings: var(--wds-space-300);
1307
1387
  --wds-empty-state-border-radius: var(--wds-border-radius-400);
1388
+ --wds-editable-title-placeholder-fill: var(--wds-color-black-550);
1389
+ --wds-editable-title-marker-fill-active: var(--wds-color-blue-100);
1390
+ --wds-editable-title-marker-fill: var(--wds-color-black-400);
1308
1391
  --wds-dropdown-layout-option-size-small: var(--wds-space-600);
1309
1392
  --wds-dropdown-layout-option-size-big: var(--wds-space-800);
1310
1393
  --wds-dropdown-list-paddings: var(--wds-space-0);
@@ -1314,6 +1397,7 @@
1314
1397
  --wds-custom-modal-header-padding-vertical: var(--wds-space-300);
1315
1398
  --wds-custom-modal-header-padding-right: var(--wds-space-200);
1316
1399
  --wds-custom-modal-header-padding-left: var(--wds-space-400);
1400
+ --wds-custom-modal-footnote-text-font-weight: var(--wds-font-weight-regular);
1317
1401
  --wds-custom-modal-footnote-padding-vertical: var(--wds-space-200);
1318
1402
  --wds-custom-modal-footnote-padding-horizontal: var(--wds-space-400);
1319
1403
  --wds-custom-modal-footnote-link-font-weight: var(--wds-font-weight-medium);
@@ -1366,6 +1450,7 @@
1366
1450
  --wds-checkbox-border-radius: var(--wds-border-radius-200);
1367
1451
  --wds-checkbox-border-active-hover: var(--wds-color-black-100-transparent-0);
1368
1452
  --wds-carousel-dots-width: var(--wds-space-200);
1453
+ --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-medium);
1369
1454
  --wds-card-gallery-item-padding-vertical-small: var(--wds-space-200);
1370
1455
  --wds-card-gallery-item-padding-vertical-medium: var(--wds-space-300);
1371
1456
  --wds-card-gallery-item-padding-right-small: var(--wds-space-300);
@@ -1388,6 +1473,9 @@
1388
1473
  --wds-card-header-divider-width: var(--wds-border-width-none);
1389
1474
  --wds-card-content-paddings-vertical: var(--wds-space-300);
1390
1475
  --wds-card-content-paddings-horizontal: var(--wds-space-400);
1476
+ --wds-card-content-padding-medium-top: var(--wds-space-400);
1477
+ --wds-card-content-padding-medium-horizontal: var(--wds-space-400);
1478
+ --wds-card-content-padding-medium-bottom: var(--wds-space-400);
1391
1479
  --wds-card-content-padding-medium: var(--wds-space-400);
1392
1480
  --wds-card-content-padding-large: var(--wds-space-600);
1393
1481
  --wds-card-border: var(--wds-border-radius-400);
@@ -1455,9 +1543,15 @@
1455
1543
  --wds-badge-border-radius-small: var(--wds-border-radius-100);
1456
1544
  --wds-badge-border-radius-medium: var(--wds-border-radius-100);
1457
1545
  --wds-avatar-group-gap-default: var(--wds-space-100);
1546
+ --wds-announcement-modal-top-controls-padding-top: var(--wds-space-300);
1547
+ --wds-announcement-modal-top-controls-padding-end: var(--wds-space-200);
1548
+ --wds-announcement-modal-top-controls-gap: var(--wds-space-50);
1458
1549
  --wds-announcement-modal-padding-vertical: var(--wds-space-800);
1459
1550
  --wds-announcement-modal-padding-horizontal: var(--wds-space-1300);
1551
+ --wds-announcement-modal-help-button-size: var(--wds-space-500);
1552
+ --wds-announcement-modal-help-button-icon-size: var(--wds-space-400);
1460
1553
  --wds-announcement-modal-content-gap: var(--wds-space-200);
1554
+ --wds-announcement-modal-close-button-size: var(--wds-space-500);
1461
1555
  --wds-announcement-modal-actions-padding: var(--wds-space-700);
1462
1556
  --wds-add-item-padding-vertical-tiny: var(--wds-space-200);
1463
1557
  --wds-add-item-padding-vertical-small: var(--wds-space-300);
@@ -1471,6 +1565,7 @@
1471
1565
  --wds-add-item-border-dashed-radius: var(--wds-border-radius-100);
1472
1566
  --wds-accordion-title-font-weight-small: var(--wds-font-weight-medium);
1473
1567
  --wds-accordion-title-font-weight: var(--wds-font-weight-medium);
1568
+ --wds-accordion-inner-content-padding-top-flat: var(--wds-space-0);
1474
1569
  --wds-accordion-inner-content-padding-top: var(--wds-space-250);
1475
1570
  --wds-accordion-inner-content-fill: var(--wds-color-blue-600);
1476
1571
  --wds-accordion-border-radius: var(--wds-border-radius-0);
@@ -1650,6 +1745,7 @@
1650
1745
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1651
1746
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1652
1747
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
1748
+ --wds-side-panel-subtitle-fill: var(--wds-color-text-standard-secondary);
1653
1749
  --wds-side-panel-footer-fill: var(--wds-color-fill-surface-modal);
1654
1750
  --wds-side-panel-floating-title-font-size: var(--wds-font-size-body-medium);
1655
1751
  --wds-selector-button-text-fill-standard: var(--wds-color-text-primary);
@@ -1695,7 +1791,10 @@
1695
1791
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-small);
1696
1792
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-medium);
1697
1793
  --wds-section-header-label-fill-neutral: var(--wds-color-text-standard-primary);
1794
+ --wds-section-header-fill-standard: var(--wds-color-fill-surface-standard);
1698
1795
  --wds-section-header-fill-neutral: var(--wds-color-fill-surface-neutral);
1796
+ --wds-section-header-fill-light: var(--wds-color-fill-surface-default);
1797
+ --wds-section-header-border-light: var(--wds-color-border-dark-secondary);
1699
1798
  --wds-radio-label-font-size-small: var(--wds-font-size-body-small);
1700
1799
  --wds-radio-label-font-size-medium: var(--wds-font-size-body-medium);
1701
1800
  --wds-radio-fill-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -1717,11 +1816,23 @@
1717
1816
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1718
1817
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1719
1818
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1819
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1820
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1821
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
1822
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
1720
1823
  --wds-number-input-icon-fill: var(--wds-color-text-primary);
1721
1824
  --wds-nestable-list-fill: var(--wds-color-fill-surface-default);
1722
1825
  --wds-multiselect-icon-fill: var(--wds-color-text-primary);
1723
1826
  --wds-message-modal-title-font-size: var(--wds-font-size-heading-2);
1724
1827
  --wds-message-modal-text-font-size: var(--wds-font-size-body-medium);
1828
+ --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1829
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1830
+ --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1831
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1832
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1833
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1834
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1835
+ --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1725
1836
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1726
1837
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1727
1838
  --wds-loader-fill-loading: var(--wds-color-fill-standard-primary-active);
@@ -1768,7 +1879,11 @@
1768
1879
  --wds-list-item-action-subtitle-destructive: var(--wds-color-text-placeholder);
1769
1880
  --wds-list-item-action-label-font-size-small: var(--wds-font-size-body-small);
1770
1881
  --wds-list-item-action-label-font-size-medium: var(--wds-font-size-body-medium);
1882
+ --wds-list-item-action-label-fill-pressed-primary: var(--wds-color-text-primary);
1883
+ --wds-list-item-action-label-fill-pressed-premium: var(--wds-color-text-premium);
1771
1884
  --wds-list-item-action-label-fill-pressed-destructive: var(--wds-color-text-destructive);
1885
+ --wds-list-item-action-label-fill-hover-primary: var(--wds-color-text-primary);
1886
+ --wds-list-item-action-label-fill-hover-premium: var(--wds-color-text-premium);
1772
1887
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
1773
1888
  --wds-list-item-action-label-fill-active: var(--wds-color-text-primary);
1774
1889
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
@@ -1974,7 +2089,8 @@
1974
2089
  --wds-checkbox-border-active: var(--wds-color-border-standard-secondary-active);
1975
2090
  --wds-checkbox-border: var(--wds-color-border-standard-secondary-active);
1976
2091
  --wds-carousel-controls-shadow: var(--wds-shadow-300);
1977
- --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-heading-4);
2092
+ --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-small);
2093
+ --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-tiny);
1978
2094
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-small);
1979
2095
  --wds-card-gallery-item-overlay-fill: var(--wds-color-fill-transparent-primary);
1980
2096
  --wds-card-gallery-item-fill: var(--wds-color-fill-surface-default);
@@ -2083,8 +2199,9 @@
2083
2199
  --wds-badge-outline-dark-border-color: var(--wds-color-border-dark-primary);
2084
2200
  --wds-badge-label-font-size-small: var(--wds-font-size-body-small);
2085
2201
  --wds-avatar-text-fill: var(--wds-color-text-standard-primary-light);
2202
+ --wds-announcement-modal-title-font-weight: var(--wds-font-weight-heading-1);
2086
2203
  --wds-announcement-modal-title-font-size: var(--wds-font-size-heading-1);
2087
- --wds-announcement-modal-text-font-size: var(--wds-font-size-body-medium);
2204
+ --wds-announcement-modal-text-font-size: var(--wds-font-size-body-small);
2088
2205
  --wds-announcement-modal-border-radius: var(--wds-border-radius-surface-modal);
2089
2206
  --wds-angle-input-ring-border: var(--wds-color-border-dark-secondary);
2090
2207
  --wds-angle-input-knob-fill: var(--wds-color-fill-standard-tertiary);
@@ -2102,6 +2219,9 @@
2102
2219
  --wds-accordion-title-font-size-medium: var(--wds-font-size-body-medium);
2103
2220
  --wds-accordion-title-fill-hover: var(--wds-color-text-standard-primary);
2104
2221
  --wds-accordion-title-fill: var(--wds-color-text-standard-primary);
2222
+ --wds-accordion-padding-horizontal-large: var(--wds-space-padding-horizontal-large);
2223
+ --wds-accordion-inner-content-shadow-last: var(--wds-shadow-inner-300-top);
2224
+ --wds-accordion-inner-content-padding-bottom: var(--wds-space-padding-vertical-small);
2105
2225
  --wds-accordion-caret-fill-hover: var(--wds-color-text-standard-secondary);
2106
2226
  --wds-accordion-caret-fill: var(--wds-color-text-standard-secondary);
2107
2227
  --wds-accordion-background-fill-standard-hover: var(--wds-color-fill-standard-tertiary-hover);
@@ -2126,8 +2246,16 @@
2126
2246
  --wds-segmented-toggle-label-font-line-height-small: var(--wds-font-line-height-body-small);
2127
2247
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-small);
2128
2248
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2249
+ --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2250
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2129
2251
  --wds-message-modal-title-font-line-height: var(--wds-font-line-height-heading-2);
2130
2252
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-medium);
2253
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2254
+ --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2255
+ --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2256
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2257
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2258
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2131
2259
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-small);
2132
2260
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2133
2261
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -2152,6 +2280,7 @@
2152
2280
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2153
2281
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-heading-4);
2154
2282
  --wds-card-subtitle-line-height: var(--wds-font-line-height-body-medium);
2283
+ --wds-card-shadow: var(--wds-shadow-surface-raised);
2155
2284
  --wds-button-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2156
2285
  --wds-button-font-line-height-small: var(--wds-font-line-height-body-small);
2157
2286
  --wds-button-font-line-height-medium: var(--wds-font-line-height-body-medium);
@@ -2159,9 +2288,10 @@
2159
2288
  --wds-button-font-line-height-extra-large: var(--wds-font-line-height-body-medium);
2160
2289
  --wds-badge-label-font-line-height-small: var(--wds-font-line-height-body-small);
2161
2290
  --wds-announcement-modal-title-font-line-height: var(--wds-font-line-height-heading-1);
2162
- --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-heading-1);
2291
+ --wds-announcement-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2163
2292
  --wds-add-item-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
2164
2293
  --wds-add-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2165
2294
  --wds-accordion-title-font-line-height-small: var(--wds-font-line-height-body-small);
2166
2295
  --wds-accordion-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2296
+ --wds-accordion-inner-content-shadow: var(--wds-shadow-inner-300-vertical);
2167
2297
  }