@wix/design-system-tokens 1.219.2 → 1.220.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 (22) hide show
  1. package/CHANGELOG.md +26 -0
  2. package/all.css +37 -0
  3. package/all.scss +37 -0
  4. package/all.st.css +74 -0
  5. package/component.st.css +74 -0
  6. package/odeditor/all.css +60 -30
  7. package/odeditor/all.scss +60 -30
  8. package/odeditor/all.st.css +90 -30
  9. package/odeditor/component.st.css +90 -30
  10. package/odeditor-dark/all.css +77 -38
  11. package/odeditor-dark/all.scss +77 -38
  12. package/odeditor-dark/all.st.css +116 -38
  13. package/odeditor-dark/component.st.css +116 -38
  14. package/package.json +2 -2
  15. package/studio/all.css +37 -0
  16. package/studio/all.scss +37 -0
  17. package/studio/all.st.css +74 -0
  18. package/studio/component.st.css +74 -0
  19. package/wixel/all.css +37 -0
  20. package/wixel/all.scss +37 -0
  21. package/wixel/all.st.css +74 -0
  22. package/wixel/component.st.css +74 -0
package/odeditor-dark/all.css CHANGED
@@ -350,6 +350,13 @@
350
350
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
351
351
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
352
352
  --wds-tabs-selection-height: 3px;
353
+ --wds-table-toolbar-padding-block-end: 16px;
354
+ --wds-table-toolbar-padding-block-start: 24px;
355
+ --wds-table-toolbar-divider-gap-group-start: 16px;
356
+ --wds-table-toolbar-divider-gap: 16px;
357
+ --wds-table-toolbar-icon-button-gap: 2px;
358
+ --wds-table-toolbar-button-gap: 8px;
359
+ --wds-table-toolbar-item-gap: 8px;
353
360
  --wds-swatches-swatch-size-tiny: 22px;
354
361
  --wds-status-toast-width: 600px;
355
362
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -361,6 +368,8 @@
361
368
  --wds-slider-slider-knob-shadow: false;
362
369
  --wds-slider-slider-knob-border-width-hover: 12px;
363
370
  --wds-slider-slider-knob-border-width: 2px;
371
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
372
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
364
373
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
365
374
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
366
375
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -381,20 +390,16 @@
381
390
  --wds-side-panel-floating-max-height: 576px;
382
391
  --wds-side-panel-control-layout-divider-border-width: false;
383
392
  --wds-section-helper-prefix-offset-margin: 0px;
393
+ --wds-scrollbar-width: 4px;
384
394
  --wds-radio-dot-size: 4px;
395
+ --wds-page-section-divider-display: block;
385
396
  --wds-page-header-divider-color: transparent;
386
397
  --wds-page-header-breadcrumbs-offset-small: 0px;
387
398
  --wds-page-header-breadcrumbs-offset-medium: 0px;
388
399
  --wds-page-header-breadcrumbs-offset-large: 0px;
389
- --wds-marketing-layout-title-font-size-tiny: 20px;
390
- --wds-marketing-layout-image-border-radius: 0px;
391
- --wds-marketing-layout-badge-top: 9px;
392
- --wds-marketing-layout-badge-side: -3px;
393
- --wds-marketing-layout-badge-position: absolute;
394
- --wds-marketing-layout-badge-offset-tiny: 18px;
395
- --wds-marketing-layout-badge-offset-small: 12px;
396
- --wds-marketing-layout-badge-offset-medium: 12px;
397
- --wds-marketing-layout-badge-gap: 0px;
400
+ --wds-marketing-layout-badge-top: auto;
401
+ --wds-marketing-layout-badge-side: auto;
402
+ --wds-marketing-layout-badge-position: static;
398
403
  --wds-loader-stroke-width-tiny: 2px;
399
404
  --wds-loader-stroke-width-small: 2px;
400
405
  --wds-loader-stroke-width-medium: 2px;
@@ -1072,6 +1077,10 @@
1072
1077
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
1073
1078
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
1074
1079
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
1080
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
1081
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
1082
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
1083
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
1075
1084
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
1076
1085
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
1077
1086
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -1159,6 +1168,9 @@
1159
1168
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
1160
1169
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
1161
1170
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
1171
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
1172
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
1173
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
1162
1174
  --wds-selector-button-size-small: var(--wds-space-750);
1163
1175
  --wds-selector-button-size-medium: var(--wds-space-950);
1164
1176
  --wds-selector-button-size-large: var(--wds-space-1150);
@@ -1280,6 +1292,10 @@
1280
1292
  --wds-pagination-padding-vertical: var(--wds-space-50);
1281
1293
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1282
1294
  --wds-pagination-gap: var(--wds-space-100);
1295
+ --wds-page-section-padding-top: var(--wds-space-400);
1296
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1297
+ --wds-page-section-padding-bottom: var(--wds-space-200);
1298
+ --wds-page-section-gap: var(--wds-space-0);
1283
1299
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1284
1300
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1285
1301
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -1335,27 +1351,46 @@
1335
1351
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
1336
1352
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
1337
1353
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
1338
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
1339
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1354
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1355
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1356
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1357
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1358
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1340
1359
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1341
- --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1360
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1342
1361
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1362
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1363
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1364
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1365
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1366
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1367
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1368
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1369
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1370
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1371
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
1343
1372
  --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1344
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1345
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1346
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1347
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1348
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1349
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1350
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1351
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1352
- --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1353
- --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1354
- --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1373
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1374
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1375
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1376
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1377
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1378
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1379
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1380
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1381
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1382
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1383
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1384
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1385
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1355
1386
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1356
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1357
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1358
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1387
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1388
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1389
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1390
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1391
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1392
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1393
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1359
1394
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1360
1395
  --wds-list-item-select-icon-padding-vertical-small: var(--wds-space-100);
1361
1396
  --wds-list-item-select-icon-padding-vertical-medium: var(--wds-space-100);
@@ -1861,8 +1896,10 @@
1861
1896
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1862
1897
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1863
1898
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1899
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1864
1900
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1865
1901
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1902
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1866
1903
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1867
1904
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1868
1905
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -1936,6 +1973,10 @@
1936
1973
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1937
1974
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1938
1975
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1976
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1977
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1978
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1979
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1939
1980
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1940
1981
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1941
1982
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -1945,13 +1986,12 @@
1945
1986
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1946
1987
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1947
1988
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1948
- --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1989
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1949
1990
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1950
- --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1951
- --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1952
- --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1953
- --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1954
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1991
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1992
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1993
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1994
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1955
1995
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1956
1996
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1957
1997
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2263,16 +2303,15 @@
2263
2303
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2264
2304
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2265
2305
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2306
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2307
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2266
2308
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2267
2309
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2268
2310
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2269
2311
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2270
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2271
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2272
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2273
- --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2274
- --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2275
- --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2312
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2313
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2314
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2276
2315
  --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2277
2316
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2278
2317
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.scss CHANGED
@@ -40,6 +40,13 @@
40
40
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
41
41
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
42
42
  --wds-tabs-selection-height: 3px;
43
+ --wds-table-toolbar-padding-block-start: 24px;
44
+ --wds-table-toolbar-padding-block-end: 16px;
45
+ --wds-table-toolbar-item-gap: 8px;
46
+ --wds-table-toolbar-icon-button-gap: 2px;
47
+ --wds-table-toolbar-divider-gap-group-start: 16px;
48
+ --wds-table-toolbar-divider-gap: 16px;
49
+ --wds-table-toolbar-button-gap: 8px;
43
50
  --wds-swatches-swatch-size-tiny: 22px;
44
51
  --wds-status-toast-width: 600px;
45
52
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -83,6 +90,8 @@
83
90
  --wds-slider-slider-knob-shadow: false;
84
91
  --wds-slider-slider-knob-border-width-hover: 12px;
85
92
  --wds-slider-slider-knob-border-width: 2px;
93
+ --wds-sidebar-scrollbar-fill-neutral-hover: #A8CAFF;
94
+ --wds-sidebar-scrollbar-fill-light-hover: rgba(255, 255, 255, 0.6600);
86
95
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
87
96
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
88
97
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -140,20 +149,16 @@
140
149
  --wds-shadow-blur-25: 2px;
141
150
  --wds-shadow-blur-0: 0px;
142
151
  --wds-section-helper-prefix-offset-margin: 0px;
152
+ --wds-scrollbar-width: 4px;
143
153
  --wds-radio-dot-size: 4px;
154
+ --wds-page-section-divider-display: block;
144
155
  --wds-page-header-divider-color: transparent;
145
156
  --wds-page-header-breadcrumbs-offset-small: 0px;
146
157
  --wds-page-header-breadcrumbs-offset-medium: 0px;
147
158
  --wds-page-header-breadcrumbs-offset-large: 0px;
148
- --wds-marketing-layout-title-font-size-tiny: 20px;
149
- --wds-marketing-layout-image-border-radius: 0px;
150
- --wds-marketing-layout-badge-top: 9px;
151
- --wds-marketing-layout-badge-side: -3px;
152
- --wds-marketing-layout-badge-position: absolute;
153
- --wds-marketing-layout-badge-offset-tiny: 18px;
154
- --wds-marketing-layout-badge-offset-small: 12px;
155
- --wds-marketing-layout-badge-offset-medium: 12px;
156
- --wds-marketing-layout-badge-gap: 0px;
159
+ --wds-marketing-layout-badge-top: auto;
160
+ --wds-marketing-layout-badge-side: auto;
161
+ --wds-marketing-layout-badge-position: static;
157
162
  --wds-loader-stroke-width-tiny: 2px;
158
163
  --wds-loader-stroke-width-small: 2px;
159
164
  --wds-loader-stroke-width-medium: 2px;
@@ -651,6 +656,10 @@
651
656
  --wds-stepper-prefix-size-circle: var(--wds-space-700);
652
657
  --wds-statistics-widget-value-font-family-tiny: var(--wds-font-family-display);
653
658
  --wds-statistics-widget-trend-space-top: var(--wds-space-0);
659
+ --wds-statistics-widget-padding-vertical-tiny: var(--wds-space-300);
660
+ --wds-statistics-widget-padding-vertical-large: var(--wds-space-500);
661
+ --wds-statistics-widget-padding-horizontal-tiny: var(--wds-space-300);
662
+ --wds-statistics-widget-padding-horizontal-large: var(--wds-space-300);
654
663
  --wds-statistics-widget-description-info-gap: var(--wds-space-50);
655
664
  --wds-space-viewport-spacing: var(--wds-space-1200);
656
665
  --wds-space-padding-vertical-xx-tiny: var(--wds-space-100);
@@ -819,6 +828,9 @@
819
828
  --wds-selector-list-item-padding-vertical-medium: var(--wds-space-200);
820
829
  --wds-selector-list-item-padding-horizontal-small: var(--wds-space-400);
821
830
  --wds-selector-list-item-padding-horizontal-medium: var(--wds-space-600);
831
+ --wds-selector-list-item-fill-hover: var(--wds-color-black-700);
832
+ --wds-selector-list-item-fill-focus: var(--wds-color-black-700);
833
+ --wds-selector-list-item-fill-active: var(--wds-color-black-600);
822
834
  --wds-selector-button-size-small: var(--wds-space-750);
823
835
  --wds-selector-button-size-medium: var(--wds-space-950);
824
836
  --wds-selector-button-size-large: var(--wds-space-1150);
@@ -940,6 +952,10 @@
940
952
  --wds-pagination-padding-vertical: var(--wds-space-50);
941
953
  --wds-pagination-padding-horizontal: var(--wds-space-50);
942
954
  --wds-pagination-gap: var(--wds-space-100);
955
+ --wds-page-section-padding-top: var(--wds-space-400);
956
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
957
+ --wds-page-section-padding-bottom: var(--wds-space-200);
958
+ --wds-page-section-gap: var(--wds-space-0);
943
959
  --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
944
960
  --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
945
961
  --wds-page-header-title-actions-gap: var(--wds-space-0);
@@ -995,27 +1011,46 @@
995
1011
  --wds-marketing-page-paddings-vertical-large: var(--wds-space-800);
996
1012
  --wds-marketing-page-paddings-horizontal-medium: var(--wds-space-1200);
997
1013
  --wds-marketing-page-paddings-horizontal-large: var(--wds-space-1500);
998
- --wds-marketing-layout-title-gap-tiny: var(--wds-space-100);
999
- --wds-marketing-layout-title-gap-small: var(--wds-space-100);
1014
+ --wds-marketing-layout-title-line-height-tiny: var(--wds-space-500);
1015
+ --wds-marketing-layout-title-line-height-small: var(--wds-space-500);
1016
+ --wds-marketing-layout-title-line-height-medium: var(--wds-space-500);
1017
+ --wds-marketing-layout-title-gap-tiny: var(--wds-space-200);
1018
+ --wds-marketing-layout-title-gap-small: var(--wds-space-200);
1000
1019
  --wds-marketing-layout-title-gap-medium: var(--wds-space-200);
1001
- --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-bold);
1020
+ --wds-marketing-layout-title-font-weight-tiny: var(--wds-font-weight-heading-3);
1002
1021
  --wds-marketing-layout-title-font-weight-small: var(--wds-font-weight-heading-3);
1022
+ --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-3);
1023
+ --wds-marketing-layout-padding-vertical-tiny: var(--wds-space-500);
1024
+ --wds-marketing-layout-padding-vertical-small: var(--wds-space-500);
1025
+ --wds-marketing-layout-padding-vertical-medium: var(--wds-space-500);
1026
+ --wds-marketing-layout-padding-right-tiny: var(--wds-space-500);
1027
+ --wds-marketing-layout-padding-right-small: var(--wds-space-500);
1028
+ --wds-marketing-layout-padding-right-medium: var(--wds-space-200);
1029
+ --wds-marketing-layout-padding-left-tiny: var(--wds-space-200);
1030
+ --wds-marketing-layout-padding-left-small: var(--wds-space-200);
1031
+ --wds-marketing-layout-padding-left-medium: var(--wds-space-500);
1003
1032
  --wds-marketing-layout-image-padding-vertical-tiny: var(--wds-space-300);
1004
- --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-400);
1005
- --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-400);
1006
- --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-500);
1007
- --wds-marketing-layout-image-padding-right-small: var(--wds-space-500);
1008
- --wds-marketing-layout-image-padding-right-medium: var(--wds-space-700);
1009
- --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-400);
1010
- --wds-marketing-layout-image-padding-left-small: var(--wds-space-400);
1011
- --wds-marketing-layout-image-padding-left-medium: var(--wds-space-800);
1012
- --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-regular);
1013
- --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-regular);
1014
- --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-regular);
1033
+ --wds-marketing-layout-image-padding-vertical-small: var(--wds-space-300);
1034
+ --wds-marketing-layout-image-padding-vertical-medium: var(--wds-space-300);
1035
+ --wds-marketing-layout-image-padding-right-tiny: var(--wds-space-300);
1036
+ --wds-marketing-layout-image-padding-right-small: var(--wds-space-300);
1037
+ --wds-marketing-layout-image-padding-right-medium: var(--wds-space-300);
1038
+ --wds-marketing-layout-image-padding-left-tiny: var(--wds-space-300);
1039
+ --wds-marketing-layout-image-padding-left-small: var(--wds-space-300);
1040
+ --wds-marketing-layout-image-padding-left-medium: var(--wds-space-300);
1041
+ --wds-marketing-layout-image-border-radius: var(--wds-border-radius-400);
1042
+ --wds-marketing-layout-description-font-weight-tiny: var(--wds-font-weight-medium);
1043
+ --wds-marketing-layout-description-font-weight-small: var(--wds-font-weight-medium);
1044
+ --wds-marketing-layout-description-font-weight-medium: var(--wds-font-weight-medium);
1045
+ --wds-marketing-layout-description-color: var(--wds-color-black-300);
1015
1046
  --wds-marketing-layout-border: var(--wds-border-radius-200);
1016
- --wds-marketing-layout-actions-gap-tiny: var(--wds-space-300);
1017
- --wds-marketing-layout-actions-gap-small: var(--wds-space-300);
1018
- --wds-marketing-layout-actions-gap-medium: var(--wds-space-400);
1047
+ --wds-marketing-layout-badge-offset-tiny: var(--wds-space-0);
1048
+ --wds-marketing-layout-badge-offset-small: var(--wds-space-0);
1049
+ --wds-marketing-layout-badge-offset-medium: var(--wds-space-0);
1050
+ --wds-marketing-layout-badge-gap: var(--wds-space-200);
1051
+ --wds-marketing-layout-actions-gap-tiny: var(--wds-space-600);
1052
+ --wds-marketing-layout-actions-gap-small: var(--wds-space-600);
1053
+ --wds-marketing-layout-actions-gap-medium: var(--wds-space-600);
1019
1054
  --wds-loader-fill-loading: var(--wds-color-blue-0);
1020
1055
  --wds-list-item-select-suffix-pressed: var(--wds-color-blue-50);
1021
1056
  --wds-list-item-select-suffix-active-font-weight: var(--wds-font-weight-medium);
@@ -1846,8 +1881,10 @@
1846
1881
  --wds-tabs-label-font-size-medium: var(--wds-font-size-body-small);
1847
1882
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
1848
1883
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
1884
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
1849
1885
  --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
1850
1886
  --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
1887
+ --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
1851
1888
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
1852
1889
  --wds-swatches-fill-disabled: var(--wds-color-fill-dark-secondary);
1853
1890
  --wds-swatches-fill-border-selected: var(--wds-color-border-dark-primary-active);
@@ -1926,6 +1963,10 @@
1926
1963
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
1927
1964
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
1928
1965
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
1966
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
1967
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
1968
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
1969
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
1929
1970
  --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
1930
1971
  --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
1931
1972
  --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
@@ -1935,13 +1976,12 @@
1935
1976
  --wds-multiselect-icon-fill: var(--wds-color-text-standard-secondary);
1936
1977
  --wds-message-modal-text-font-size: var(--wds-font-size-body-small);
1937
1978
  --wds-message-modal-close-button-fill: var(--wds-color-fill-dark-secondary);
1938
- --wds-marketing-layout-title-font-weight-medium: var(--wds-font-weight-heading-2);
1979
+ --wds-marketing-layout-title-font-size-tiny: var(--wds-font-size-heading-3);
1939
1980
  --wds-marketing-layout-title-font-size-small: var(--wds-font-size-heading-3);
1940
- --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-2);
1941
- --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-small);
1942
- --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-small);
1943
- --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-medium);
1944
- --wds-marketing-layout-description-color: var(--wds-color-text-standard-secondary);
1981
+ --wds-marketing-layout-title-font-size-medium: var(--wds-font-size-heading-3);
1982
+ --wds-marketing-layout-description-font-size-tiny: var(--wds-font-size-body-tiny);
1983
+ --wds-marketing-layout-description-font-size-small: var(--wds-font-size-body-tiny);
1984
+ --wds-marketing-layout-description-font-size-medium: var(--wds-font-size-body-tiny);
1945
1985
  --wds-loader-fill-success: var(--wds-color-fill-standard-primary);
1946
1986
  --wds-loader-fill-loading-with-error: var(--wds-color-fill-destructive-primary);
1947
1987
  --wds-loader-fill-light: var(--wds-color-fill-light-primary);
@@ -2263,16 +2303,15 @@
2263
2303
  --wds-section-helper-text-font-line-height: var(--wds-font-line-height-body-tiny);
2264
2304
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2265
2305
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2306
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2307
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2266
2308
  --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2267
2309
  --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2268
2310
  --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2269
2311
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2270
- --wds-marketing-layout-title-line-height-tiny: var(--wds-font-line-height-body-medium);
2271
- --wds-marketing-layout-title-line-height-small: var(--wds-font-line-height-heading-3);
2272
- --wds-marketing-layout-title-line-height-medium: var(--wds-font-line-height-heading-2);
2273
- --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-small);
2274
- --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-small);
2275
- --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-medium);
2312
+ --wds-marketing-layout-description-line-height-tiny: var(--wds-font-line-height-body-tiny);
2313
+ --wds-marketing-layout-description-line-height-small: var(--wds-font-line-height-body-tiny);
2314
+ --wds-marketing-layout-description-line-height-medium: var(--wds-font-line-height-body-tiny);
2276
2315
  --wds-list-item-select-suffix-font-line-height-small: var(--wds-font-line-height-body-tiny);
2277
2316
  --wds-list-item-select-subtitle-font-line-height-medium: var(--wds-font-line-height-body-tiny);
2278
2317
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-tiny);