@wix/design-system-tokens 1.234.0 → 1.235.1

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 (10) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/odeditor-dark/all.css +59 -59
  3. package/odeditor-dark/all.scss +59 -59
  4. package/odeditor-dark/all.st.css +55 -55
  5. package/odeditor-dark/component.st.css +55 -55
  6. package/package.json +2 -2
  7. package/studio2-light/all.css +48 -48
  8. package/studio2-light/all.scss +48 -48
  9. package/studio2-light/all.st.css +46 -46
  10. package/studio2-light/component.st.css +46 -46
package/CHANGELOG.md CHANGED
@@ -1,3 +1,21 @@
1
+ ## 1.235.1
2
+
3
+ ### Patch Changes
4
+
5
+ - [#17450](https://github.com/wix-private/wix-design-systems/pull/17450) [`c6c0f5b`](https://github.com/wix-private/wix-design-systems/commit/c6c0f5bc22c1aa97f0f0f0868b7ae2cb5db28bb2) - In Studio 2.0 (odeditor-dark), `--wds-section-helper-fill-experimental-dark` now follows `--wds-color-fill-standard-primary-active` (`#E0E7FF`) and `--wds-section-helper-border-experimental-dark` follows `--wds-button-fill-standard-primary` (`#3C67FF`), replacing the fixed `#f5f7ff` and `#acbeff`.
6
+
7
+ ## 1.235.0
8
+
9
+ ### Minor Changes
10
+
11
+ - [#17390](https://github.com/wix-private/wix-design-systems/pull/17390) [`841185c`](https://github.com/wix-private/wix-design-systems/commit/841185caeee5eed83d1729ed568b06a4cd35e523) - **Visual breaking change:** Carousel tokens in Studio 2.0 (odeditor-dark) and Studio 2.0 Light (studio2-light) now give the arrows, pagination dots, spacing and edge gradient the Harmony (odeditor) sizes and shapes, and color the arrows like each theme's HorizontalScroll buttons.
12
+
13
+ - [#17304](https://github.com/wix-private/wix-design-systems/pull/17304) [`b6d2668`](https://github.com/wix-private/wix-design-systems/commit/b6d266848d2405c5c450c567e8822069f48d5274) - **Visual breaking change:** In Studio 2.0 (odeditor-dark), `--wds-table-list-item-fill-active` goes from `#2D2D2E` to `#454544`, `--wds-list-item-action-fill` from `#212122` to transparent, and `--wds-list-item-action-fill-active` from `#2D2D2E` to `#212122`, matching ListItemSelect's selected, default and pressed fills.
14
+
15
+ ### Patch Changes
16
+
17
+ - [#17439](https://github.com/wix-private/wix-design-systems/pull/17439) [`01dcdd9`](https://github.com/wix-private/wix-design-systems/commit/01dcdd9196cdf72c5d42e7087eb689aae4fc7928) - **Visual breaking change:** In Studio 2.0 (odeditor-dark) and Studio 2.0 Light (studio2-light), the Page header and Page section typography, header title-to-actions gap and section spacing tokens now match Harmony (odeditor), while the section divider stays visible.
18
+
1
19
  ## 1.234.0
2
20
 
3
21
  ### Minor Changes
package/odeditor-dark/all.css CHANGED
@@ -391,8 +391,6 @@
391
391
  --wds-side-panel-floating-max-height: 576px;
392
392
  --wds-side-panel-control-layout-divider-border-width: false;
393
393
  --wds-section-helper-prefix-offset-margin: 0px;
394
- --wds-section-helper-fill-experimental-dark: #f5f7ff;
395
- --wds-section-helper-border-experimental-dark: #acbeff;
396
394
  --wds-scrollbar-width: 4px;
397
395
  --wds-radio-dot-size: 4px;
398
396
  --wds-page-section-divider-display: block;
@@ -478,23 +476,29 @@
478
476
  --wds-composer-sidebar-border-width: 1px;
479
477
  --wds-color-picker-width: 236px;
480
478
  --wds-clickable-card-standard-box-shadow-hover: none;
481
- --wds-carousel-gradient-opacity: 50%;
482
- --wds-carousel-dots-height: 4px;
483
- --wds-carousel-dots-gap-bottom-shift: 0.5;
484
- --wds-carousel-dots-gap-bottom: 10px;
485
- --wds-carousel-dots-border-radius: 2px;
486
- --wds-carousel-controls-shadow-hover: none;
479
+ --wds-carousel-gradient-width: 30px;
480
+ --wds-carousel-gradient-opacity: 100%;
481
+ --wds-carousel-dots-height: 6px;
482
+ --wds-carousel-dots-gap-bottom-shift: 0;
483
+ --wds-carousel-dots-border-radius: 10000px;
484
+ --wds-carousel-controls-size-tiny: 18px;
485
+ --wds-carousel-controls-size-small: 24px;
486
+ --wds-carousel-controls-size-medium: 32px;
487
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
488
+ --wds-carousel-controls-shadow-disabled: none;
487
489
  --wds-carousel-controls-shadow-default: none;
488
- --wds-carousel-controls-shadow-active: none;
489
- --wds-carousel-controls-offset-sides-gradient: 12px;
490
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
491
+ --wds-carousel-controls-offset-sides-gradient: 0px;
490
492
  --wds-carousel-controls-offset-sides: 0px;
491
- --wds-carousel-controls-offset-overlay: 12px;
492
- --wds-carousel-controls-offset-bottom-gradient: 12px;
493
+ --wds-carousel-controls-offset-overlay: -16px;
494
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
493
495
  --wds-carousel-controls-offset-bottom: 0px;
494
- --wds-carousel-controls-bottom-shift: 0;
495
- --wds-carousel-controls-bottom-offset-dots: 10px;
496
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
497
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
496
+ --wds-carousel-controls-bottom-shift: -0.5;
497
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
498
+ --wds-carousel-controls-bottom-offset-dots: 37px;
499
+ --wds-carousel-controls-border-radius: 100px;
500
+ --wds-carousel-controls-border-disabled: none;
501
+ --wds-carousel-controls-border: none;
498
502
  --wds-card-gallery-item-title-gap: 2px;
499
503
  --wds-card-gallery-item-shadow-hover-side: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
500
504
  --wds-card-gallery-item-shadow-hover: 0 0 30px 0 rgba(19, 23, 32, 0.1), 0 20px 0 0 rgba(19, 23, 32, 0);
@@ -1135,6 +1139,7 @@
1135
1139
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
1136
1140
  --wds-table-list-item-gap: var(--wds-space-400);
1137
1141
  --wds-table-list-item-fill-highlight: var(--wds-color-black-750);
1142
+ --wds-table-list-item-fill-active: var(--wds-color-black-600);
1138
1143
  --wds-table-list-item-fill: var(--wds-color-black-100-transparent-0);
1139
1144
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
1140
1145
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -1428,16 +1433,20 @@
1428
1433
  --wds-pagination-padding-vertical: var(--wds-space-50);
1429
1434
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1430
1435
  --wds-pagination-gap: var(--wds-space-100);
1436
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1437
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
1431
1438
  --wds-page-section-padding-top: var(--wds-space-400);
1432
- --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1433
- --wds-page-section-padding-bottom: var(--wds-space-200);
1434
- --wds-page-section-gap: var(--wds-space-0);
1439
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1440
+ --wds-page-section-padding-bottom: var(--wds-space-100);
1441
+ --wds-page-section-gap: var(--wds-space-50);
1435
1442
  --wds-page-header-title-padding-start: var(--wds-space-0);
1436
- --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1437
- --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1438
- --wds-page-header-title-actions-gap: var(--wds-space-0);
1443
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1444
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1445
+ --wds-page-header-title-line-height: var(--wds-space-800);
1446
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
1439
1447
  --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1440
1448
  --wds-page-header-subtitle-gap: var(--wds-space-100);
1449
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1441
1450
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1442
1451
  --wds-page-header-padding-vertical: var(--wds-space-600);
1443
1452
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
@@ -1598,6 +1607,7 @@
1598
1607
  --wds-list-item-action-padding-horizontal-small: var(--wds-space-200);
1599
1608
  --wds-list-item-action-padding-horizontal-medium: var(--wds-space-200);
1600
1609
  --wds-list-item-action-gap: var(--wds-space-50);
1610
+ --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
1601
1611
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1602
1612
  --wds-list-item-action-affix-margin: var(--wds-space-100);
1603
1613
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1798,17 +1808,16 @@
1798
1808
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1799
1809
  --wds-checkbox-border: var(--wds-color-black-200);
1800
1810
  --wds-carousel-gradient-color: var(--wds-color-white);
1801
- --wds-carousel-dots-width: var(--wds-space-100);
1802
- --wds-carousel-dots-gap: var(--wds-space-400);
1811
+ --wds-carousel-dots-width: var(--wds-space-150);
1812
+ --wds-carousel-dots-gap-bottom: var(--wds-space-850);
1813
+ --wds-carousel-dots-gap: var(--wds-space-850);
1803
1814
  --wds-carousel-dots-fill-hover: var(--wds-color-blue-200);
1804
1815
  --wds-carousel-dots-fill-active: var(--wds-color-blue-0);
1805
1816
  --wds-carousel-dots-fill: var(--wds-color-blue-300);
1806
- --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1807
- --wds-carousel-controls-gap-small: var(--wds-space-300);
1808
- --wds-carousel-controls-gap-medium: var(--wds-space-200);
1809
- --wds-carousel-controls-gap-large: var(--wds-space-200);
1810
- --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1811
- --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1817
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1818
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1819
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1820
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1812
1821
  --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1813
1822
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1814
1823
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
@@ -2215,9 +2224,8 @@
2215
2224
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
2216
2225
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2217
2226
  --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
2218
- --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
2219
- --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2220
- --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
2227
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-secondary);
2228
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-secondary);
2221
2229
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
2222
2230
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2223
2231
  --wds-table-list-header-text-fill: var(--wds-color-text-standard-primary);
@@ -2283,9 +2291,11 @@
2283
2291
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2284
2292
  --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2285
2293
  --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2294
+ --wds-section-helper-fill-experimental-dark: var(--wds-color-fill-standard-primary-active);
2286
2295
  --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2287
2296
  --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2288
2297
  --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2298
+ --wds-section-helper-border-experimental-dark: var(--wds-button-fill-standard-primary);
2289
2299
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
2290
2300
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
2291
2301
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
@@ -2307,14 +2317,12 @@
2307
2317
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
2308
2318
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
2309
2319
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
2310
- --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
2311
- --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
2312
- --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
2313
- --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
2314
- --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
2315
- --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
2316
- --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
2317
- --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
2320
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
2321
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
2322
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
2323
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
2324
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
2325
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
2318
2326
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
2319
2327
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
2320
2328
  --wds-notification-content-color: var(--wds-color-text-standard-primary-light);
@@ -2373,9 +2381,8 @@
2373
2381
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
2374
2382
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
2375
2383
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
2376
- --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2377
- --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
2378
- --wds-list-item-action-fill: var(--wds-color-fill-destructive-tertiary);
2384
+ --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-secondary);
2385
+ --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary);
2379
2386
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
2380
2387
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
2381
2388
  --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
@@ -2549,12 +2556,7 @@
2549
2556
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2550
2557
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2551
2558
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2552
- --wds-carousel-gradient-width: var(--wds-button-size-medium);
2553
- --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2554
- --wds-carousel-controls-size-small: var(--wds-button-size-small);
2555
- --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2556
2559
  --wds-carousel-controls-size-large: var(--wds-button-size-large);
2557
- --wds-carousel-controls-shadow-disabled: 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);
2558
2560
  --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);
2559
2561
  --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2560
2562
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
@@ -2714,11 +2716,9 @@
2714
2716
  --wds-section-header-bold-label-font-line-height: var(--wds-font-line-height-body-medium);
2715
2717
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2716
2718
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2717
- --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2718
- --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2719
- --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2720
- --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2721
- --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2719
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
2720
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2721
+ --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2722
2722
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2723
2723
  --wds-marketing-page-title-line-height: var(--wds-font-line-height-heading-1);
2724
2724
  --wds-marketing-page-image-top-title-line-height: var(--wds-font-line-height-heading-1);
@@ -2746,11 +2746,11 @@
2746
2746
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2747
2747
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2748
2748
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2749
- --wds-carousel-controls-icon-fill-hover: var(--wds-icon-button-color-text-standard-secondary-hover);
2750
- --wds-carousel-controls-icon-fill-active: var(--wds-icon-button-color-text-standard-secondary-active);
2751
- --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2752
- --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2753
- --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2749
+ --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
2750
+ --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
2751
+ --wds-carousel-controls-icon-fill: var(--wds-horizontal-scroll-button-text);
2752
+ --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
2753
+ --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
2754
2754
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2755
2755
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2756
2756
  --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.scss CHANGED
@@ -159,8 +159,6 @@
159
159
  --wds-shadow-blur-25: 2px;
160
160
  --wds-shadow-blur-0: 0px;
161
161
  --wds-section-helper-prefix-offset-margin: 0px;
162
- --wds-section-helper-fill-experimental-dark: #f5f7ff;
163
- --wds-section-helper-border-experimental-dark: #acbeff;
164
162
  --wds-scrollbar-width: 4px;
165
163
  --wds-radio-dot-size: 4px;
166
164
  --wds-page-section-divider-display: block;
@@ -448,23 +446,29 @@
448
446
  --wds-color-black-100-transparent-0: rgba(255, 255, 255, 0);
449
447
  --wds-color-black-100: #FFFFFF;
450
448
  --wds-clickable-card-standard-box-shadow-hover: none;
451
- --wds-carousel-gradient-opacity: 50%;
452
- --wds-carousel-dots-height: 4px;
453
- --wds-carousel-dots-gap-bottom-shift: 0.5;
454
- --wds-carousel-dots-gap-bottom: 10px;
455
- --wds-carousel-dots-border-radius: 2px;
456
- --wds-carousel-controls-shadow-hover: none;
449
+ --wds-carousel-gradient-width: 30px;
450
+ --wds-carousel-gradient-opacity: 100%;
451
+ --wds-carousel-dots-height: 6px;
452
+ --wds-carousel-dots-gap-bottom-shift: 0;
453
+ --wds-carousel-dots-border-radius: 10000px;
454
+ --wds-carousel-controls-size-tiny: 18px;
455
+ --wds-carousel-controls-size-small: 24px;
456
+ --wds-carousel-controls-size-medium: 32px;
457
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
458
+ --wds-carousel-controls-shadow-disabled: none;
457
459
  --wds-carousel-controls-shadow-default: none;
458
- --wds-carousel-controls-shadow-active: none;
459
- --wds-carousel-controls-offset-sides-gradient: 12px;
460
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
461
+ --wds-carousel-controls-offset-sides-gradient: 0px;
460
462
  --wds-carousel-controls-offset-sides: 0px;
461
- --wds-carousel-controls-offset-overlay: 12px;
462
- --wds-carousel-controls-offset-bottom-gradient: 12px;
463
+ --wds-carousel-controls-offset-overlay: -16px;
464
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
463
465
  --wds-carousel-controls-offset-bottom: 0px;
464
- --wds-carousel-controls-bottom-shift: 0;
465
- --wds-carousel-controls-bottom-offset-dots: 10px;
466
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
467
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
466
+ --wds-carousel-controls-bottom-shift: -0.5;
467
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
468
+ --wds-carousel-controls-bottom-offset-dots: 37px;
469
+ --wds-carousel-controls-border-radius: 100px;
470
+ --wds-carousel-controls-border-disabled: none;
471
+ --wds-carousel-controls-border: none;
468
472
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
469
473
  --wds-card-header-suffix-align: flex-start;
470
474
  --wds-card-gallery-item-title-gap: 2px;
@@ -724,6 +728,7 @@
724
728
  --wds-table-list-item-indentation-level-2: var(--wds-space-300);
725
729
  --wds-table-list-item-gap: var(--wds-space-400);
726
730
  --wds-table-list-item-fill-highlight: var(--wds-color-black-750);
731
+ --wds-table-list-item-fill-active: var(--wds-color-black-600);
727
732
  --wds-table-list-item-fill: var(--wds-color-black-100-transparent-0);
728
733
  --wds-table-list-item-controls-padding-medium: var(--wds-space-300);
729
734
  --wds-table-list-item-controls-gap-medium: var(--wds-space-200);
@@ -1094,16 +1099,20 @@
1094
1099
  --wds-pagination-padding-vertical: var(--wds-space-50);
1095
1100
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1096
1101
  --wds-pagination-gap: var(--wds-space-100);
1102
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1103
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
1097
1104
  --wds-page-section-padding-top: var(--wds-space-400);
1098
- --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1099
- --wds-page-section-padding-bottom: var(--wds-space-200);
1100
- --wds-page-section-gap: var(--wds-space-0);
1105
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1106
+ --wds-page-section-padding-bottom: var(--wds-space-100);
1107
+ --wds-page-section-gap: var(--wds-space-50);
1101
1108
  --wds-page-header-title-padding-start: var(--wds-space-0);
1102
- --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1103
- --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1104
- --wds-page-header-title-actions-gap: var(--wds-space-0);
1109
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1110
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1111
+ --wds-page-header-title-line-height: var(--wds-space-800);
1112
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
1105
1113
  --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1106
1114
  --wds-page-header-subtitle-gap: var(--wds-space-100);
1115
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1107
1116
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1108
1117
  --wds-page-header-padding-vertical: var(--wds-space-600);
1109
1118
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
@@ -1266,6 +1275,7 @@
1266
1275
  --wds-list-item-action-padding-horizontal-end-small: var(--wds-space-200);
1267
1276
  --wds-list-item-action-padding-horizontal-end-medium: var(--wds-space-200);
1268
1277
  --wds-list-item-action-gap: var(--wds-space-50);
1278
+ --wds-list-item-action-fill: var(--wds-color-white-transparent-0);
1269
1279
  --wds-list-item-action-border-radius: var(--wds-border-radius-400);
1270
1280
  --wds-list-item-action-affix-margin: var(--wds-space-100);
1271
1281
  --wds-linear-progress-bar-value-gap: var(--wds-space-100);
@@ -1786,17 +1796,16 @@
1786
1796
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1787
1797
  --wds-checkbox-border: var(--wds-color-black-200);
1788
1798
  --wds-carousel-gradient-color: var(--wds-color-white);
1789
- --wds-carousel-dots-width: var(--wds-space-100);
1790
- --wds-carousel-dots-gap: var(--wds-space-400);
1799
+ --wds-carousel-dots-width: var(--wds-space-150);
1800
+ --wds-carousel-dots-gap-bottom: var(--wds-space-850);
1801
+ --wds-carousel-dots-gap: var(--wds-space-850);
1791
1802
  --wds-carousel-dots-fill-hover: var(--wds-color-blue-200);
1792
1803
  --wds-carousel-dots-fill-active: var(--wds-color-blue-0);
1793
1804
  --wds-carousel-dots-fill: var(--wds-color-blue-300);
1794
- --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1795
- --wds-carousel-controls-gap-small: var(--wds-space-300);
1796
- --wds-carousel-controls-gap-medium: var(--wds-space-200);
1797
- --wds-carousel-controls-gap-large: var(--wds-space-200);
1798
- --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1799
- --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1805
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1806
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1807
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1808
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1800
1809
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1801
1810
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1802
1811
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -2181,9 +2190,8 @@
2181
2190
  --wds-tabs-label-fill-active: var(--wds-color-text-standard-primary);
2182
2191
  --wds-tabs-item-fill-hover: var(--wds-color-fill-dark-secondary);
2183
2192
  --wds-table-list-item-fill-overlay: var(--wds-color-fill-standard-tertiary);
2184
- --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-tertiary-hover);
2185
- --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2186
- --wds-table-list-item-fill-active: var(--wds-color-fill-dark-tertiary-active);
2193
+ --wds-table-list-item-fill-hover-draggable: var(--wds-color-fill-dark-secondary);
2194
+ --wds-table-list-item-fill-hover: var(--wds-color-fill-dark-secondary);
2187
2195
  --wds-table-list-item-drag-handle-color-hover: var(--wds-color-text-standard-primary);
2188
2196
  --wds-table-list-item-drag-handle-color: var(--wds-color-text-standard-primary);
2189
2197
  --wds-table-list-header-text-fill: var(--wds-color-text-standard-primary);
@@ -2254,9 +2262,11 @@
2254
2262
  --wds-section-helper-text-font-size: var(--wds-font-size-body-tiny);
2255
2263
  --wds-section-helper-fill-warning: var(--wds-color-fill-surface-warning);
2256
2264
  --wds-section-helper-fill-success: var(--wds-color-fill-surface-success);
2265
+ --wds-section-helper-fill-experimental-dark: var(--wds-color-fill-standard-primary-active);
2257
2266
  --wds-section-helper-fill-danger: var(--wds-color-fill-surface-destructive);
2258
2267
  --wds-section-helper-border-success: var(--wds-color-border-success-primary);
2259
2268
  --wds-section-helper-border-standard: var(--wds-color-border-standard-primary);
2269
+ --wds-section-helper-border-experimental-dark: var(--wds-button-fill-standard-primary);
2260
2270
  --wds-section-header-label-font-size-small: var(--wds-font-size-body-tiny);
2261
2271
  --wds-section-header-label-font-size-medium: var(--wds-font-size-body-small);
2262
2272
  --wds-section-header-label-fill-neutral: var(--wds-color-text-placeholder);
@@ -2278,14 +2288,12 @@
2278
2288
  --wds-pagination-fill-active: var(--wds-color-fill-standard-primary);
2279
2289
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
2280
2290
  --wds-pagination-arrow-fill: var(--wds-color-text-primary);
2281
- --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
2282
- --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
2283
- --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
2284
- --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
2285
- --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
2286
- --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
2287
- --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
2288
- --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
2291
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
2292
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
2293
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
2294
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
2295
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
2296
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
2289
2297
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
2290
2298
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
2291
2299
  --wds-notification-content-color: var(--wds-color-text-standard-primary-light);
@@ -2344,9 +2352,8 @@
2344
2352
  --wds-list-item-action-label-fill-hover-destructive: var(--wds-color-text-destructive);
2345
2353
  --wds-list-item-action-label-fill-active: var(--wds-color-text-standard-primary);
2346
2354
  --wds-list-item-action-fill-hover-destructive: var(--wds-color-fill-destructive-tertiary-hover);
2347
- --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-tertiary-hover);
2348
- --wds-list-item-action-fill-active: var(--wds-color-fill-dark-tertiary-active);
2349
- --wds-list-item-action-fill: var(--wds-color-fill-destructive-tertiary);
2355
+ --wds-list-item-action-fill-hover: var(--wds-color-fill-dark-secondary);
2356
+ --wds-list-item-action-fill-active: var(--wds-color-fill-standard-tertiary);
2350
2357
  --wds-linear-progress-bar-label-font-line-height: var(--wds-font-line-height-200);
2351
2358
  --wds-input-value-font-size-tiny: var(--wds-font-size-body-tiny);
2352
2359
  --wds-input-value-font-size-small: var(--wds-font-size-body-tiny);
@@ -2549,12 +2556,7 @@
2549
2556
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2550
2557
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2551
2558
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2552
- --wds-carousel-gradient-width: var(--wds-button-size-medium);
2553
- --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2554
- --wds-carousel-controls-size-small: var(--wds-button-size-small);
2555
- --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2556
2559
  --wds-carousel-controls-size-large: var(--wds-button-size-large);
2557
- --wds-carousel-controls-shadow-disabled: 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);
2558
2560
  --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);
2559
2561
  --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2560
2562
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
@@ -2714,11 +2716,9 @@
2714
2716
  --wds-section-header-bold-label-font-line-height: var(--wds-font-line-height-body-medium);
2715
2717
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2716
2718
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2717
- --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2718
- --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2719
- --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2720
- --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2721
- --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2719
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
2720
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2721
+ --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2722
2722
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2723
2723
  --wds-marketing-page-title-line-height: var(--wds-font-line-height-heading-1);
2724
2724
  --wds-marketing-page-image-top-title-line-height: var(--wds-font-line-height-heading-1);
@@ -2746,11 +2746,11 @@
2746
2746
  --wds-custom-modal-footnote-text-font-line-height: var(--wds-font-line-height-body-tiny);
2747
2747
  --wds-checkbox-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2748
2748
  --wds-checkbox-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2749
- --wds-carousel-controls-icon-fill-hover: var(--wds-icon-button-color-text-standard-secondary-hover);
2750
- --wds-carousel-controls-icon-fill-active: var(--wds-icon-button-color-text-standard-secondary-active);
2751
- --wds-carousel-controls-icon-fill: var(--wds-icon-button-color-text-standard-secondary);
2752
- --wds-carousel-controls-fill-hover: var(--wds-icon-button-color-fill-standard-secondary-hover);
2753
- --wds-carousel-controls-fill-active: var(--wds-icon-button-color-fill-standard-secondary-active);
2749
+ --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
2750
+ --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
2751
+ --wds-carousel-controls-icon-fill: var(--wds-horizontal-scroll-button-text);
2752
+ --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
2753
+ --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
2754
2754
  --wds-card-gallery-item-title-font-line-height-small: var(--wds-font-line-height-body-small);
2755
2755
  --wds-card-gallery-item-title-font-line-height-medium: var(--wds-font-line-height-body-medium);
2756
2756
  --wds-card-gallery-item-subtitle-line-height-medium: var(--wds-font-line-height-body-tiny);
package/odeditor-dark/all.st.css CHANGED
@@ -3243,48 +3243,48 @@
3243
3243
  --wds-card-tab-padding-horizontal-small: 20px;
3244
3244
  --wds-card-tab-padding-vertical-medium: 16px;
3245
3245
  --wds-card-tab-padding-vertical-small: 16px;
3246
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
3247
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
3248
- --wds-carousel-controls-border-radius: 8px;
3249
- --wds-carousel-controls-bottom-offset-dots: 10px;
3250
- --wds-carousel-controls-bottom-offset-no-dots: 4px;
3251
- --wds-carousel-controls-bottom-shift: 0;
3252
- --wds-carousel-controls-fill-active: #2D354E;
3253
- --wds-carousel-controls-fill-hover: #212328;
3254
- --wds-carousel-controls-gap-large: 8px;
3255
- --wds-carousel-controls-gap-medium: 8px;
3256
- --wds-carousel-controls-gap-small: 12px;
3257
- --wds-carousel-controls-gap-tiny: 16px;
3258
- --wds-carousel-controls-icon-fill: #82B0FF;
3259
- --wds-carousel-controls-icon-fill-active: #E0E7FF;
3246
+ --wds-carousel-controls-border: none;
3247
+ --wds-carousel-controls-border-disabled: none;
3248
+ --wds-carousel-controls-border-radius: 100px;
3249
+ --wds-carousel-controls-bottom-offset-dots: 37px;
3250
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
3251
+ --wds-carousel-controls-bottom-shift: -0.5;
3252
+ --wds-carousel-controls-fill-active: #666565;
3253
+ --wds-carousel-controls-fill-hover: #3A3A3B;
3254
+ --wds-carousel-controls-gap-large: 32px;
3255
+ --wds-carousel-controls-gap-medium: 32px;
3256
+ --wds-carousel-controls-gap-small: 32px;
3257
+ --wds-carousel-controls-gap-tiny: 32px;
3258
+ --wds-carousel-controls-icon-fill: #FFFFFF;
3259
+ --wds-carousel-controls-icon-fill-active: #FFFFFF;
3260
3260
  --wds-carousel-controls-icon-fill-disabled: #878685;
3261
- --wds-carousel-controls-icon-fill-hover: #E0E7FF;
3261
+ --wds-carousel-controls-icon-fill-hover: #FFFFFF;
3262
3262
  --wds-carousel-controls-offset-bottom: 0px;
3263
- --wds-carousel-controls-offset-bottom-gradient: 12px;
3264
- --wds-carousel-controls-offset-overlay: 12px;
3263
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
3264
+ --wds-carousel-controls-offset-overlay: -16px;
3265
3265
  --wds-carousel-controls-offset-sides: 0px;
3266
- --wds-carousel-controls-offset-sides-gradient: 12px;
3266
+ --wds-carousel-controls-offset-sides-gradient: 0px;
3267
3267
  --wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
3268
- --wds-carousel-controls-shadow-active: none;
3268
+ --wds-carousel-controls-shadow-active: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
3269
3269
  --wds-carousel-controls-shadow-default: none;
3270
- --wds-carousel-controls-shadow-disabled: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
3271
- --wds-carousel-controls-shadow-hover: none;
3270
+ --wds-carousel-controls-shadow-disabled: none;
3271
+ --wds-carousel-controls-shadow-hover: 0 2px 4px 0 rgba(22, 45, 61, 0.12), 0 0 6px 0 rgba(22, 45, 61, 0.12);
3272
3272
  --wds-carousel-controls-size-large: 46px;
3273
- --wds-carousel-controls-size-medium: 38px;
3274
- --wds-carousel-controls-size-small: 30px;
3275
- --wds-carousel-controls-size-tiny: 24px;
3276
- --wds-carousel-dots-border-radius: 2px;
3273
+ --wds-carousel-controls-size-medium: 32px;
3274
+ --wds-carousel-controls-size-small: 24px;
3275
+ --wds-carousel-controls-size-tiny: 18px;
3276
+ --wds-carousel-dots-border-radius: 10000px;
3277
3277
  --wds-carousel-dots-fill: #3F4D6E;
3278
3278
  --wds-carousel-dots-fill-active: #E0E7FF;
3279
3279
  --wds-carousel-dots-fill-hover: #6F94D4;
3280
- --wds-carousel-dots-gap: 16px;
3281
- --wds-carousel-dots-gap-bottom: 10px;
3282
- --wds-carousel-dots-gap-bottom-shift: 0.5;
3283
- --wds-carousel-dots-height: 4px;
3284
- --wds-carousel-dots-width: 4px;
3280
+ --wds-carousel-dots-gap: 34px;
3281
+ --wds-carousel-dots-gap-bottom: 34px;
3282
+ --wds-carousel-dots-gap-bottom-shift: 0;
3283
+ --wds-carousel-dots-height: 6px;
3284
+ --wds-carousel-dots-width: 6px;
3285
3285
  --wds-carousel-gradient-color: #212122;
3286
- --wds-carousel-gradient-opacity: 50%;
3287
- --wds-carousel-gradient-width: 38px;
3286
+ --wds-carousel-gradient-opacity: 100%;
3287
+ --wds-carousel-gradient-width: 30px;
3288
3288
  --wds-checkbox-border: #D4D3D2;
3289
3289
  --wds-checkbox-border-active: #82B0FF;
3290
3290
  --wds-checkbox-border-active-disabled: rgba(255, 255, 255, 0);
@@ -4251,8 +4251,8 @@
4251
4251
  --wds-linear-progress-bar-value-gap: 4px;
4252
4252
  --wds-list-item-action-affix-margin: 4px;
4253
4253
  --wds-list-item-action-border-radius: 8px;
4254
- --wds-list-item-action-fill: #212122;
4255
- --wds-list-item-action-fill-active: #2D2D2E;
4254
+ --wds-list-item-action-fill: rgba(0, 0, 0, 0);
4255
+ --wds-list-item-action-fill-active: #212122;
4256
4256
  --wds-list-item-action-fill-hover: #3A3A3B;
4257
4257
  --wds-list-item-action-fill-hover-destructive: #4D2324;
4258
4258
  --wds-list-item-action-gap: 2px;
@@ -4540,30 +4540,30 @@
4540
4540
  --wds-page-header-padding-horizontal-small: 24px;
4541
4541
  --wds-page-header-padding-vertical: 24px;
4542
4542
  --wds-page-header-padding-vertical-small: 18px;
4543
- --wds-page-header-subtitle-font-size: 16px;
4543
+ --wds-page-header-subtitle-font-size: 12px;
4544
4544
  --wds-page-header-subtitle-gap: 4px;
4545
- --wds-page-header-subtitle-line-height: 24px;
4545
+ --wds-page-header-subtitle-line-height: 16px;
4546
4546
  --wds-page-header-subtitle-padding-start: 0px;
4547
- --wds-page-header-title-actions-gap: 0px;
4548
- --wds-page-header-title-font-size: 32px;
4549
- --wds-page-header-title-font-weight: 400;
4550
- --wds-page-header-title-line-height: 40px;
4551
- --wds-page-header-title-minimised-font-size: 14px;
4552
- --wds-page-header-title-minimised-font-weight: 500;
4553
- --wds-page-header-title-minimised-letter-spacing: 0px;
4554
- --wds-page-header-title-minimised-line-height: 18px;
4547
+ --wds-page-header-title-actions-gap: 40px;
4548
+ --wds-page-header-title-font-size: 24px;
4549
+ --wds-page-header-title-font-weight: 500;
4550
+ --wds-page-header-title-line-height: 32px;
4551
+ --wds-page-header-title-minimised-font-size: 16px;
4552
+ --wds-page-header-title-minimised-font-weight: 700;
4553
+ --wds-page-header-title-minimised-letter-spacing: -0.5px;
4554
+ --wds-page-header-title-minimised-line-height: 24px;
4555
4555
  --wds-page-header-title-padding-start: 0px;
4556
4556
  --wds-page-section-divider-display: block;
4557
- --wds-page-section-gap: 0px;
4558
- --wds-page-section-padding-bottom: 8px;
4559
- --wds-page-section-padding-bottom-with-divider: 0px;
4557
+ --wds-page-section-gap: 2px;
4558
+ --wds-page-section-padding-bottom: 4px;
4559
+ --wds-page-section-padding-bottom-with-divider: 8px;
4560
4560
  --wds-page-section-padding-top: 16px;
4561
- --wds-page-section-subtitle-font-size: 16px;
4562
- --wds-page-section-subtitle-line-height: 24px;
4561
+ --wds-page-section-subtitle-font-size: 12px;
4562
+ --wds-page-section-subtitle-line-height: 16px;
4563
4563
  --wds-page-section-title-font-size: 16px;
4564
- --wds-page-section-title-font-weight: 600;
4565
- --wds-page-section-title-letter-spacing: 0px;
4566
- --wds-page-section-title-line-height: 18px;
4564
+ --wds-page-section-title-font-weight: 700;
4565
+ --wds-page-section-title-letter-spacing: -0.5px;
4566
+ --wds-page-section-title-line-height: 24px;
4567
4567
  --wds-pagination-arrow-fill: #82B0FF;
4568
4568
  --wds-pagination-fill: #212122;
4569
4569
  --wds-pagination-fill-active: #82B0FF;
@@ -4646,7 +4646,7 @@
4646
4646
  --wds-section-header-padding-vertical-small: 8px;
4647
4647
  --wds-section-helper-action-padding-medium: 12px;
4648
4648
  --wds-section-helper-action-padding-small: 8px;
4649
- --wds-section-helper-border-experimental-dark: #acbeff;
4649
+ --wds-section-helper-border-experimental-dark: #3C67FF;
4650
4650
  --wds-section-helper-border-preview: #454544;
4651
4651
  --wds-section-helper-border-radius: 12px;
4652
4652
  --wds-section-helper-border-standard: #5B78A9;
@@ -4659,7 +4659,7 @@
4659
4659
  --wds-section-helper-content-gap-medium: 20px;
4660
4660
  --wds-section-helper-content-gap-small: 20px;
4661
4661
  --wds-section-helper-fill-danger: #4D2324;
4662
- --wds-section-helper-fill-experimental-dark: #f5f7ff;
4662
+ --wds-section-helper-fill-experimental-dark: #E0E7FF;
4663
4663
  --wds-section-helper-fill-premium: #212328;
4664
4664
  --wds-section-helper-fill-preview: #2D2D2E;
4665
4665
  --wds-section-helper-fill-standard: #212328;
@@ -5152,7 +5152,7 @@
5152
5152
  --wds-table-list-item-drag-handle-color: #FFFFFF;
5153
5153
  --wds-table-list-item-drag-handle-color-hover: #FFFFFF;
5154
5154
  --wds-table-list-item-fill: rgba(255, 255, 255, 0);
5155
- --wds-table-list-item-fill-active: #2D2D2E;
5155
+ --wds-table-list-item-fill-active: #454544;
5156
5156
  --wds-table-list-item-fill-highlight: #2D2D2E;
5157
5157
  --wds-table-list-item-fill-hover: #3A3A3B;
5158
5158
  --wds-table-list-item-fill-hover-draggable: #3A3A3B;