@wix/design-system-tokens 1.233.0 → 1.235.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 (14) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/odeditor/all.css +6 -6
  3. package/odeditor/all.scss +6 -6
  4. package/odeditor/all.st.css +6 -6
  5. package/odeditor/component.st.css +6 -6
  6. package/odeditor-dark/all.css +58 -58
  7. package/odeditor-dark/all.scss +58 -58
  8. package/odeditor-dark/all.st.css +54 -54
  9. package/odeditor-dark/component.st.css +54 -54
  10. package/package.json +2 -2
  11. package/studio2-light/all.css +49 -49
  12. package/studio2-light/all.scss +49 -49
  13. package/studio2-light/all.st.css +47 -47
  14. package/studio2-light/component.st.css +47 -47
package/studio2-light/all.scss CHANGED
@@ -199,7 +199,7 @@
199
199
  --wds-marketing-layout-badge-side: auto;
200
200
  --wds-marketing-layout-badge-position: static;
201
201
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
202
- --wds-loader-stroke-width-tiny: 2px;
202
+ --wds-loader-stroke-width-tiny: 3px;
203
203
  --wds-loader-stroke-width-small: 2px;
204
204
  --wds-loader-stroke-width-medium: 2px;
205
205
  --wds-loader-stroke-width-large: 2px;
@@ -445,23 +445,27 @@
445
445
  --wds-color-black-100-transparent-0: rgba(19, 23, 32, 0);
446
446
  --wds-color-black-100: #151414;
447
447
  --wds-clickable-card-standard-box-shadow-hover: none;
448
- --wds-carousel-gradient-opacity: 50%;
449
- --wds-carousel-dots-height: 4px;
450
- --wds-carousel-dots-gap-bottom-shift: 0.5;
451
- --wds-carousel-dots-gap-bottom: 10px;
452
- --wds-carousel-dots-border-radius: 2px;
453
- --wds-carousel-controls-shadow-hover: none;
454
- --wds-carousel-controls-shadow-default: none;
455
- --wds-carousel-controls-shadow-active: none;
456
- --wds-carousel-controls-offset-sides-gradient: 12px;
448
+ --wds-carousel-gradient-width: 30px;
449
+ --wds-carousel-gradient-opacity: 100%;
450
+ --wds-carousel-dots-height: 6px;
451
+ --wds-carousel-dots-gap-bottom-shift: 0;
452
+ --wds-carousel-dots-border-radius: 10000px;
453
+ --wds-carousel-controls-size-tiny: 18px;
454
+ --wds-carousel-controls-size-small: 24px;
455
+ --wds-carousel-controls-size-medium: 32px;
456
+ --wds-carousel-controls-shadow-disabled: none;
457
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
458
+ --wds-carousel-controls-offset-sides-gradient: 0px;
457
459
  --wds-carousel-controls-offset-sides: 0px;
458
- --wds-carousel-controls-offset-overlay: 12px;
459
- --wds-carousel-controls-offset-bottom-gradient: 12px;
460
+ --wds-carousel-controls-offset-overlay: -16px;
461
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
460
462
  --wds-carousel-controls-offset-bottom: 0px;
461
- --wds-carousel-controls-bottom-shift: 0;
462
- --wds-carousel-controls-bottom-offset-dots: 10px;
463
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
464
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
463
+ --wds-carousel-controls-bottom-shift: -0.5;
464
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
465
+ --wds-carousel-controls-bottom-offset-dots: 37px;
466
+ --wds-carousel-controls-border-radius: 100px;
467
+ --wds-carousel-controls-border-disabled: none;
468
+ --wds-carousel-controls-border: none;
465
469
  --wds-card-subtitle-color: #44485f;
466
470
  --wds-card-shadow: 0 8px 30px 0 rgba(19, 23, 32, 0.1), 0 0 0 0 rgba(19, 23, 32, 0);
467
471
  --wds-card-header-suffix-align: flex-start;
@@ -1101,16 +1105,20 @@
1101
1105
  --wds-pagination-padding-vertical: var(--wds-space-50);
1102
1106
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1103
1107
  --wds-pagination-gap: var(--wds-space-100);
1108
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1109
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
1104
1110
  --wds-page-section-padding-top: var(--wds-space-400);
1105
- --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1106
- --wds-page-section-padding-bottom: var(--wds-space-200);
1107
- --wds-page-section-gap: var(--wds-space-0);
1111
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1112
+ --wds-page-section-padding-bottom: var(--wds-space-100);
1113
+ --wds-page-section-gap: var(--wds-space-50);
1108
1114
  --wds-page-header-title-padding-start: var(--wds-space-0);
1109
- --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1110
- --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1111
- --wds-page-header-title-actions-gap: var(--wds-space-0);
1115
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1116
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1117
+ --wds-page-header-title-line-height: var(--wds-space-800);
1118
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
1112
1119
  --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1113
1120
  --wds-page-header-subtitle-gap: var(--wds-space-100);
1121
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1114
1122
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1115
1123
  --wds-page-header-padding-vertical: var(--wds-space-600);
1116
1124
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
@@ -1788,21 +1796,21 @@
1788
1796
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1789
1797
  --wds-checkbox-border: var(--wds-color-black-200);
1790
1798
  --wds-carousel-gradient-color: var(--wds-color-white);
1791
- --wds-carousel-dots-width: var(--wds-space-100);
1792
- --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);
1793
1802
  --wds-carousel-dots-fill-hover: var(--wds-color-black-500);
1794
1803
  --wds-carousel-dots-fill-active: var(--wds-color-black-100);
1795
1804
  --wds-carousel-dots-fill: var(--wds-color-black-600);
1796
1805
  --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
1797
1806
  --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
1798
- --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1799
- --wds-carousel-controls-gap-small: var(--wds-space-300);
1800
- --wds-carousel-controls-gap-medium: var(--wds-space-200);
1801
- --wds-carousel-controls-gap-large: var(--wds-space-200);
1807
+ --wds-carousel-controls-icon-fill: var(--wds-horizontal-scroll-button-text);
1808
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1809
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1810
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1811
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1802
1812
  --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
1803
1813
  --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
1804
- --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1805
- --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1806
1814
  --wds-card-tab-padding-vertical-small: var(--wds-space-400);
1807
1815
  --wds-card-tab-padding-vertical-medium: var(--wds-space-400);
1808
1816
  --wds-card-tab-padding-horizontal-small: var(--wds-space-500);
@@ -2284,14 +2292,12 @@
2284
2292
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
2285
2293
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
2286
2294
  --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
2287
- --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
2288
- --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
2289
- --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
2290
- --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
2291
- --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
2292
- --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
2293
- --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
2294
- --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
2295
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
2296
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
2297
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
2298
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
2299
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
2300
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
2295
2301
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
2296
2302
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
2297
2303
  --wds-notification-content-color: var(--wds-color-text-standard-secondary);
@@ -2559,15 +2565,11 @@
2559
2565
  --wds-checkbox-border-hover: var(--wds-color-fill-standard-primary);
2560
2566
  --wds-checkbox-border-disabled: var(--wds-color-border-transparent-primary);
2561
2567
  --wds-checkbox-border-active: var(--wds-color-border-standard-primary-active);
2562
- --wds-carousel-gradient-width: var(--wds-button-size-medium);
2563
- --wds-carousel-controls-size-tiny: var(--wds-button-size-tiny);
2564
- --wds-carousel-controls-size-small: var(--wds-button-size-small);
2565
- --wds-carousel-controls-size-medium: var(--wds-button-size-medium);
2566
2568
  --wds-carousel-controls-size-large: var(--wds-button-size-large);
2567
- --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);
2569
+ --wds-carousel-controls-shadow-hover: var(--wds-shadow-200);
2570
+ --wds-carousel-controls-shadow-active: var(--wds-shadow-200);
2568
2571
  --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);
2569
2572
  --wds-carousel-controls-icon-fill-disabled: var(--wds-icon-button-color-text-standard-secondary-disabled);
2570
- --wds-carousel-controls-icon-fill: var(--wds-color-text-standard-primary);
2571
2573
  --wds-card-subtitle-line-height: var(--wds-font-line-height-200);
2572
2574
  --wds-card-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2573
2575
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
@@ -2717,11 +2719,9 @@
2717
2719
  --wds-section-header-bold-label-font-line-height: var(--wds-font-line-height-body-medium);
2718
2720
  --wds-radio-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2719
2721
  --wds-radio-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2720
- --wds-page-section-title-line-height: var(--wds-font-line-height-heading-4);
2721
- --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-medium);
2722
- --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-body-small);
2723
- --wds-page-header-title-line-height: var(--wds-font-line-height-heading-1);
2724
- --wds-page-header-subtitle-line-height: var(--wds-font-line-height-body-medium);
2722
+ --wds-page-section-title-line-height: var(--wds-font-line-height-heading-3);
2723
+ --wds-page-section-subtitle-line-height: var(--wds-font-line-height-body-tiny);
2724
+ --wds-page-header-title-minimised-line-height: var(--wds-font-line-height-heading-3);
2725
2725
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2726
2726
  --wds-marketing-page-title-line-height: var(--wds-font-line-height-heading-1);
2727
2727
  --wds-marketing-page-image-top-title-line-height: var(--wds-font-line-height-heading-1);
package/studio2-light/all.st.css CHANGED
@@ -3238,48 +3238,48 @@
3238
3238
  --wds-card-tab-padding-horizontal-small: 20px;
3239
3239
  --wds-card-tab-padding-vertical-medium: 16px;
3240
3240
  --wds-card-tab-padding-vertical-small: 16px;
3241
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
3242
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
3243
- --wds-carousel-controls-border-radius: 8px;
3244
- --wds-carousel-controls-bottom-offset-dots: 10px;
3245
- --wds-carousel-controls-bottom-offset-no-dots: 4px;
3246
- --wds-carousel-controls-bottom-shift: 0;
3241
+ --wds-carousel-controls-border: none;
3242
+ --wds-carousel-controls-border-disabled: none;
3243
+ --wds-carousel-controls-border-radius: 100px;
3244
+ --wds-carousel-controls-bottom-offset-dots: 37px;
3245
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
3246
+ --wds-carousel-controls-bottom-shift: -0.5;
3247
3247
  --wds-carousel-controls-fill-active: #F8F6F6;
3248
3248
  --wds-carousel-controls-fill-hover: #FFFFFF;
3249
- --wds-carousel-controls-gap-large: 8px;
3250
- --wds-carousel-controls-gap-medium: 8px;
3251
- --wds-carousel-controls-gap-small: 12px;
3252
- --wds-carousel-controls-gap-tiny: 16px;
3253
- --wds-carousel-controls-icon-fill: #151414;
3249
+ --wds-carousel-controls-gap-large: 32px;
3250
+ --wds-carousel-controls-gap-medium: 32px;
3251
+ --wds-carousel-controls-gap-small: 32px;
3252
+ --wds-carousel-controls-gap-tiny: 32px;
3253
+ --wds-carousel-controls-icon-fill: #000624;
3254
3254
  --wds-carousel-controls-icon-fill-active: #000624;
3255
3255
  --wds-carousel-controls-icon-fill-disabled: #a8a6a5;
3256
3256
  --wds-carousel-controls-icon-fill-hover: #000624;
3257
3257
  --wds-carousel-controls-offset-bottom: 0px;
3258
- --wds-carousel-controls-offset-bottom-gradient: 12px;
3259
- --wds-carousel-controls-offset-overlay: 12px;
3258
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
3259
+ --wds-carousel-controls-offset-overlay: -16px;
3260
3260
  --wds-carousel-controls-offset-sides: 0px;
3261
- --wds-carousel-controls-offset-sides-gradient: 12px;
3261
+ --wds-carousel-controls-offset-sides-gradient: 0px;
3262
3262
  --wds-carousel-controls-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
3263
- --wds-carousel-controls-shadow-active: none;
3264
- --wds-carousel-controls-shadow-default: none;
3265
- --wds-carousel-controls-shadow-disabled: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
3266
- --wds-carousel-controls-shadow-hover: none;
3263
+ --wds-carousel-controls-shadow-active: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3264
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
3265
+ --wds-carousel-controls-shadow-disabled: none;
3266
+ --wds-carousel-controls-shadow-hover: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
3267
3267
  --wds-carousel-controls-size-large: 46px;
3268
- --wds-carousel-controls-size-medium: 38px;
3269
- --wds-carousel-controls-size-small: 30px;
3270
- --wds-carousel-controls-size-tiny: 24px;
3271
- --wds-carousel-dots-border-radius: 2px;
3268
+ --wds-carousel-controls-size-medium: 32px;
3269
+ --wds-carousel-controls-size-small: 24px;
3270
+ --wds-carousel-controls-size-tiny: 18px;
3271
+ --wds-carousel-dots-border-radius: 10000px;
3272
3272
  --wds-carousel-dots-fill: #e8e7e7;
3273
3273
  --wds-carousel-dots-fill-active: #151414;
3274
3274
  --wds-carousel-dots-fill-hover: #a8a6a5;
3275
- --wds-carousel-dots-gap: 16px;
3276
- --wds-carousel-dots-gap-bottom: 10px;
3277
- --wds-carousel-dots-gap-bottom-shift: 0.5;
3278
- --wds-carousel-dots-height: 4px;
3279
- --wds-carousel-dots-width: 4px;
3275
+ --wds-carousel-dots-gap: 34px;
3276
+ --wds-carousel-dots-gap-bottom: 34px;
3277
+ --wds-carousel-dots-gap-bottom-shift: 0;
3278
+ --wds-carousel-dots-height: 6px;
3279
+ --wds-carousel-dots-width: 6px;
3280
3280
  --wds-carousel-gradient-color: #ffffff;
3281
- --wds-carousel-gradient-opacity: 50%;
3282
- --wds-carousel-gradient-width: 38px;
3281
+ --wds-carousel-gradient-opacity: 100%;
3282
+ --wds-carousel-gradient-width: 30px;
3283
3283
  --wds-checkbox-border: #383838;
3284
3284
  --wds-checkbox-border-active: #2f5dff;
3285
3285
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -4360,7 +4360,7 @@
4360
4360
  --wds-loader-stroke-width-large: 2px;
4361
4361
  --wds-loader-stroke-width-medium: 2px;
4362
4362
  --wds-loader-stroke-width-small: 2px;
4363
- --wds-loader-stroke-width-tiny: 2px;
4363
+ --wds-loader-stroke-width-tiny: 3px;
4364
4364
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
4365
4365
  --wds-marketing-layout-actions-gap-medium: 24px;
4366
4366
  --wds-marketing-layout-actions-gap-small: 24px;
@@ -4534,30 +4534,30 @@
4534
4534
  --wds-page-header-padding-horizontal-small: 24px;
4535
4535
  --wds-page-header-padding-vertical: 24px;
4536
4536
  --wds-page-header-padding-vertical-small: 18px;
4537
- --wds-page-header-subtitle-font-size: 16px;
4537
+ --wds-page-header-subtitle-font-size: 12px;
4538
4538
  --wds-page-header-subtitle-gap: 4px;
4539
- --wds-page-header-subtitle-line-height: 24px;
4539
+ --wds-page-header-subtitle-line-height: 16px;
4540
4540
  --wds-page-header-subtitle-padding-start: 0px;
4541
- --wds-page-header-title-actions-gap: 0px;
4542
- --wds-page-header-title-font-size: 32px;
4541
+ --wds-page-header-title-actions-gap: 40px;
4542
+ --wds-page-header-title-font-size: 24px;
4543
4543
  --wds-page-header-title-font-weight: 500;
4544
- --wds-page-header-title-line-height: 40px;
4545
- --wds-page-header-title-minimised-font-size: 14px;
4546
- --wds-page-header-title-minimised-font-weight: 500;
4547
- --wds-page-header-title-minimised-letter-spacing: 0px;
4548
- --wds-page-header-title-minimised-line-height: 18px;
4544
+ --wds-page-header-title-line-height: 32px;
4545
+ --wds-page-header-title-minimised-font-size: 16px;
4546
+ --wds-page-header-title-minimised-font-weight: 700;
4547
+ --wds-page-header-title-minimised-letter-spacing: -0.5px;
4548
+ --wds-page-header-title-minimised-line-height: 24px;
4549
4549
  --wds-page-header-title-padding-start: 0px;
4550
4550
  --wds-page-section-divider-display: block;
4551
- --wds-page-section-gap: 0px;
4552
- --wds-page-section-padding-bottom: 8px;
4553
- --wds-page-section-padding-bottom-with-divider: 0px;
4551
+ --wds-page-section-gap: 2px;
4552
+ --wds-page-section-padding-bottom: 4px;
4553
+ --wds-page-section-padding-bottom-with-divider: 8px;
4554
4554
  --wds-page-section-padding-top: 16px;
4555
- --wds-page-section-subtitle-font-size: 16px;
4556
- --wds-page-section-subtitle-line-height: 24px;
4555
+ --wds-page-section-subtitle-font-size: 12px;
4556
+ --wds-page-section-subtitle-line-height: 16px;
4557
4557
  --wds-page-section-title-font-size: 16px;
4558
- --wds-page-section-title-font-weight: 600;
4559
- --wds-page-section-title-letter-spacing: 0px;
4560
- --wds-page-section-title-line-height: 18px;
4558
+ --wds-page-section-title-font-weight: 700;
4559
+ --wds-page-section-title-letter-spacing: -0.5px;
4560
+ --wds-page-section-title-line-height: 24px;
4561
4561
  --wds-pagination-arrow-fill: #151414;
4562
4562
  --wds-pagination-fill: #ffffff;
4563
4563
  --wds-pagination-fill-active: #151414;
package/studio2-light/component.st.css CHANGED
@@ -2444,48 +2444,48 @@
2444
2444
  --wds-card-tab-padding-horizontal-small: 20px;
2445
2445
  --wds-card-tab-padding-vertical-medium: 16px;
2446
2446
  --wds-card-tab-padding-vertical-small: 16px;
2447
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2448
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2449
- --wds-carousel-controls-border-radius: 8px;
2450
- --wds-carousel-controls-bottom-offset-dots: 10px;
2451
- --wds-carousel-controls-bottom-offset-no-dots: 4px;
2452
- --wds-carousel-controls-bottom-shift: 0;
2447
+ --wds-carousel-controls-border: none;
2448
+ --wds-carousel-controls-border-disabled: none;
2449
+ --wds-carousel-controls-border-radius: 100px;
2450
+ --wds-carousel-controls-bottom-offset-dots: 37px;
2451
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
2452
+ --wds-carousel-controls-bottom-shift: -0.5;
2453
2453
  --wds-carousel-controls-fill-active: #F8F6F6;
2454
2454
  --wds-carousel-controls-fill-hover: #FFFFFF;
2455
- --wds-carousel-controls-gap-large: 8px;
2456
- --wds-carousel-controls-gap-medium: 8px;
2457
- --wds-carousel-controls-gap-small: 12px;
2458
- --wds-carousel-controls-gap-tiny: 16px;
2459
- --wds-carousel-controls-icon-fill: #151414;
2455
+ --wds-carousel-controls-gap-large: 32px;
2456
+ --wds-carousel-controls-gap-medium: 32px;
2457
+ --wds-carousel-controls-gap-small: 32px;
2458
+ --wds-carousel-controls-gap-tiny: 32px;
2459
+ --wds-carousel-controls-icon-fill: #000624;
2460
2460
  --wds-carousel-controls-icon-fill-active: #000624;
2461
2461
  --wds-carousel-controls-icon-fill-disabled: #a8a6a5;
2462
2462
  --wds-carousel-controls-icon-fill-hover: #000624;
2463
2463
  --wds-carousel-controls-offset-bottom: 0px;
2464
- --wds-carousel-controls-offset-bottom-gradient: 12px;
2465
- --wds-carousel-controls-offset-overlay: 12px;
2464
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
2465
+ --wds-carousel-controls-offset-overlay: -16px;
2466
2466
  --wds-carousel-controls-offset-sides: 0px;
2467
- --wds-carousel-controls-offset-sides-gradient: 12px;
2467
+ --wds-carousel-controls-offset-sides-gradient: 0px;
2468
2468
  --wds-carousel-controls-shadow: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
2469
- --wds-carousel-controls-shadow-active: none;
2470
- --wds-carousel-controls-shadow-default: none;
2471
- --wds-carousel-controls-shadow-disabled: 0 20px 30px rgba(19, 23, 32, .1), 0 0px 0px rgba(19, 23, 32, 0);
2472
- --wds-carousel-controls-shadow-hover: none;
2469
+ --wds-carousel-controls-shadow-active: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
2470
+ --wds-carousel-controls-shadow-default: -8px 5px 15px 0 rgba(0, 0, 0, 0.08), 1px 4px 2px 0 rgba(0, 0, 0, 0.05);
2471
+ --wds-carousel-controls-shadow-disabled: none;
2472
+ --wds-carousel-controls-shadow-hover: 0 2px 4px rgba(19, 23, 32, .05), 0 0 6px rgba(19, 23, 32, .1);
2473
2473
  --wds-carousel-controls-size-large: 46px;
2474
- --wds-carousel-controls-size-medium: 38px;
2475
- --wds-carousel-controls-size-small: 30px;
2476
- --wds-carousel-controls-size-tiny: 24px;
2477
- --wds-carousel-dots-border-radius: 2px;
2474
+ --wds-carousel-controls-size-medium: 32px;
2475
+ --wds-carousel-controls-size-small: 24px;
2476
+ --wds-carousel-controls-size-tiny: 18px;
2477
+ --wds-carousel-dots-border-radius: 10000px;
2478
2478
  --wds-carousel-dots-fill: #e8e7e7;
2479
2479
  --wds-carousel-dots-fill-active: #151414;
2480
2480
  --wds-carousel-dots-fill-hover: #a8a6a5;
2481
- --wds-carousel-dots-gap: 16px;
2482
- --wds-carousel-dots-gap-bottom: 10px;
2483
- --wds-carousel-dots-gap-bottom-shift: 0.5;
2484
- --wds-carousel-dots-height: 4px;
2485
- --wds-carousel-dots-width: 4px;
2481
+ --wds-carousel-dots-gap: 34px;
2482
+ --wds-carousel-dots-gap-bottom: 34px;
2483
+ --wds-carousel-dots-gap-bottom-shift: 0;
2484
+ --wds-carousel-dots-height: 6px;
2485
+ --wds-carousel-dots-width: 6px;
2486
2486
  --wds-carousel-gradient-color: #ffffff;
2487
- --wds-carousel-gradient-opacity: 50%;
2488
- --wds-carousel-gradient-width: 38px;
2487
+ --wds-carousel-gradient-opacity: 100%;
2488
+ --wds-carousel-gradient-width: 30px;
2489
2489
  --wds-checkbox-border: #383838;
2490
2490
  --wds-checkbox-border-active: #2f5dff;
2491
2491
  --wds-checkbox-border-active-disabled: rgba(19, 23, 32, 0);
@@ -3015,7 +3015,7 @@
3015
3015
  --wds-loader-stroke-width-large: 2px;
3016
3016
  --wds-loader-stroke-width-medium: 2px;
3017
3017
  --wds-loader-stroke-width-small: 2px;
3018
- --wds-loader-stroke-width-tiny: 2px;
3018
+ --wds-loader-stroke-width-tiny: 3px;
3019
3019
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
3020
3020
  --wds-marketing-layout-actions-gap-medium: 24px;
3021
3021
  --wds-marketing-layout-actions-gap-small: 24px;
@@ -3187,30 +3187,30 @@
3187
3187
  --wds-page-header-padding-horizontal-small: 24px;
3188
3188
  --wds-page-header-padding-vertical: 24px;
3189
3189
  --wds-page-header-padding-vertical-small: 18px;
3190
- --wds-page-header-subtitle-font-size: 16px;
3190
+ --wds-page-header-subtitle-font-size: 12px;
3191
3191
  --wds-page-header-subtitle-gap: 4px;
3192
- --wds-page-header-subtitle-line-height: 24px;
3192
+ --wds-page-header-subtitle-line-height: 16px;
3193
3193
  --wds-page-header-subtitle-padding-start: 0px;
3194
- --wds-page-header-title-actions-gap: 0px;
3195
- --wds-page-header-title-font-size: 32px;
3194
+ --wds-page-header-title-actions-gap: 40px;
3195
+ --wds-page-header-title-font-size: 24px;
3196
3196
  --wds-page-header-title-font-weight: 500;
3197
- --wds-page-header-title-line-height: 40px;
3198
- --wds-page-header-title-minimised-font-size: 14px;
3199
- --wds-page-header-title-minimised-font-weight: 500;
3200
- --wds-page-header-title-minimised-letter-spacing: 0px;
3201
- --wds-page-header-title-minimised-line-height: 18px;
3197
+ --wds-page-header-title-line-height: 32px;
3198
+ --wds-page-header-title-minimised-font-size: 16px;
3199
+ --wds-page-header-title-minimised-font-weight: 700;
3200
+ --wds-page-header-title-minimised-letter-spacing: -0.5px;
3201
+ --wds-page-header-title-minimised-line-height: 24px;
3202
3202
  --wds-page-header-title-padding-start: 0px;
3203
3203
  --wds-page-section-divider-display: block;
3204
- --wds-page-section-gap: 0px;
3205
- --wds-page-section-padding-bottom: 8px;
3206
- --wds-page-section-padding-bottom-with-divider: 0px;
3204
+ --wds-page-section-gap: 2px;
3205
+ --wds-page-section-padding-bottom: 4px;
3206
+ --wds-page-section-padding-bottom-with-divider: 8px;
3207
3207
  --wds-page-section-padding-top: 16px;
3208
- --wds-page-section-subtitle-font-size: 16px;
3209
- --wds-page-section-subtitle-line-height: 24px;
3208
+ --wds-page-section-subtitle-font-size: 12px;
3209
+ --wds-page-section-subtitle-line-height: 16px;
3210
3210
  --wds-page-section-title-font-size: 16px;
3211
- --wds-page-section-title-font-weight: 600;
3212
- --wds-page-section-title-letter-spacing: 0px;
3213
- --wds-page-section-title-line-height: 18px;
3211
+ --wds-page-section-title-font-weight: 700;
3212
+ --wds-page-section-title-letter-spacing: -0.5px;
3213
+ --wds-page-section-title-line-height: 24px;
3214
3214
  --wds-pagination-arrow-fill: #151414;
3215
3215
  --wds-pagination-fill: #ffffff;
3216
3216
  --wds-pagination-fill-active: #151414;