@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/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;
@@ -4366,7 +4366,7 @@
4366
4366
  --wds-loader-stroke-width-large: 2px;
4367
4367
  --wds-loader-stroke-width-medium: 2px;
4368
4368
  --wds-loader-stroke-width-small: 2px;
4369
- --wds-loader-stroke-width-tiny: 2px;
4369
+ --wds-loader-stroke-width-tiny: 3px;
4370
4370
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
4371
4371
  --wds-marketing-layout-actions-gap-medium: 24px;
4372
4372
  --wds-marketing-layout-actions-gap-small: 24px;
@@ -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;
@@ -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;
package/odeditor-dark/component.st.css CHANGED
@@ -2448,48 +2448,48 @@
2448
2448
  --wds-card-tab-padding-horizontal-small: 20px;
2449
2449
  --wds-card-tab-padding-vertical-medium: 16px;
2450
2450
  --wds-card-tab-padding-vertical-small: 16px;
2451
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
2452
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
2453
- --wds-carousel-controls-border-radius: 8px;
2454
- --wds-carousel-controls-bottom-offset-dots: 10px;
2455
- --wds-carousel-controls-bottom-offset-no-dots: 4px;
2456
- --wds-carousel-controls-bottom-shift: 0;
2457
- --wds-carousel-controls-fill-active: #2D354E;
2458
- --wds-carousel-controls-fill-hover: #212328;
2459
- --wds-carousel-controls-gap-large: 8px;
2460
- --wds-carousel-controls-gap-medium: 8px;
2461
- --wds-carousel-controls-gap-small: 12px;
2462
- --wds-carousel-controls-gap-tiny: 16px;
2463
- --wds-carousel-controls-icon-fill: #82B0FF;
2464
- --wds-carousel-controls-icon-fill-active: #E0E7FF;
2451
+ --wds-carousel-controls-border: none;
2452
+ --wds-carousel-controls-border-disabled: none;
2453
+ --wds-carousel-controls-border-radius: 100px;
2454
+ --wds-carousel-controls-bottom-offset-dots: 37px;
2455
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
2456
+ --wds-carousel-controls-bottom-shift: -0.5;
2457
+ --wds-carousel-controls-fill-active: #666565;
2458
+ --wds-carousel-controls-fill-hover: #3A3A3B;
2459
+ --wds-carousel-controls-gap-large: 32px;
2460
+ --wds-carousel-controls-gap-medium: 32px;
2461
+ --wds-carousel-controls-gap-small: 32px;
2462
+ --wds-carousel-controls-gap-tiny: 32px;
2463
+ --wds-carousel-controls-icon-fill: #FFFFFF;
2464
+ --wds-carousel-controls-icon-fill-active: #FFFFFF;
2465
2465
  --wds-carousel-controls-icon-fill-disabled: #878685;
2466
- --wds-carousel-controls-icon-fill-hover: #E0E7FF;
2466
+ --wds-carousel-controls-icon-fill-hover: #FFFFFF;
2467
2467
  --wds-carousel-controls-offset-bottom: 0px;
2468
- --wds-carousel-controls-offset-bottom-gradient: 12px;
2469
- --wds-carousel-controls-offset-overlay: 12px;
2468
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
2469
+ --wds-carousel-controls-offset-overlay: -16px;
2470
2470
  --wds-carousel-controls-offset-sides: 0px;
2471
- --wds-carousel-controls-offset-sides-gradient: 12px;
2471
+ --wds-carousel-controls-offset-sides-gradient: 0px;
2472
2472
  --wds-carousel-controls-shadow: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
2473
- --wds-carousel-controls-shadow-active: none;
2473
+ --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);
2474
2474
  --wds-carousel-controls-shadow-default: none;
2475
- --wds-carousel-controls-shadow-disabled: 0 20px 30px rgba(0, 0, 0, .2), 0 0px 0px rgba(255, 255, 255, 0);
2476
- --wds-carousel-controls-shadow-hover: none;
2475
+ --wds-carousel-controls-shadow-disabled: none;
2476
+ --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);
2477
2477
  --wds-carousel-controls-size-large: 46px;
2478
- --wds-carousel-controls-size-medium: 38px;
2479
- --wds-carousel-controls-size-small: 30px;
2480
- --wds-carousel-controls-size-tiny: 24px;
2481
- --wds-carousel-dots-border-radius: 2px;
2478
+ --wds-carousel-controls-size-medium: 32px;
2479
+ --wds-carousel-controls-size-small: 24px;
2480
+ --wds-carousel-controls-size-tiny: 18px;
2481
+ --wds-carousel-dots-border-radius: 10000px;
2482
2482
  --wds-carousel-dots-fill: #3F4D6E;
2483
2483
  --wds-carousel-dots-fill-active: #E0E7FF;
2484
2484
  --wds-carousel-dots-fill-hover: #6F94D4;
2485
- --wds-carousel-dots-gap: 16px;
2486
- --wds-carousel-dots-gap-bottom: 10px;
2487
- --wds-carousel-dots-gap-bottom-shift: 0.5;
2488
- --wds-carousel-dots-height: 4px;
2489
- --wds-carousel-dots-width: 4px;
2485
+ --wds-carousel-dots-gap: 34px;
2486
+ --wds-carousel-dots-gap-bottom: 34px;
2487
+ --wds-carousel-dots-gap-bottom-shift: 0;
2488
+ --wds-carousel-dots-height: 6px;
2489
+ --wds-carousel-dots-width: 6px;
2490
2490
  --wds-carousel-gradient-color: #212122;
2491
- --wds-carousel-gradient-opacity: 50%;
2492
- --wds-carousel-gradient-width: 38px;
2491
+ --wds-carousel-gradient-opacity: 100%;
2492
+ --wds-carousel-gradient-width: 30px;
2493
2493
  --wds-checkbox-border: #D4D3D2;
2494
2494
  --wds-checkbox-border-active: #82B0FF;
2495
2495
  --wds-checkbox-border-active-disabled: rgba(255, 255, 255, 0);
@@ -2904,8 +2904,8 @@
2904
2904
  --wds-linear-progress-bar-value-gap: 4px;
2905
2905
  --wds-list-item-action-affix-margin: 4px;
2906
2906
  --wds-list-item-action-border-radius: 8px;
2907
- --wds-list-item-action-fill: #212122;
2908
- --wds-list-item-action-fill-active: #2D2D2E;
2907
+ --wds-list-item-action-fill: rgba(0, 0, 0, 0);
2908
+ --wds-list-item-action-fill-active: #212122;
2909
2909
  --wds-list-item-action-fill-hover: #3A3A3B;
2910
2910
  --wds-list-item-action-fill-hover-destructive: #4D2324;
2911
2911
  --wds-list-item-action-gap: 2px;
@@ -3019,7 +3019,7 @@
3019
3019
  --wds-loader-stroke-width-large: 2px;
3020
3020
  --wds-loader-stroke-width-medium: 2px;
3021
3021
  --wds-loader-stroke-width-small: 2px;
3022
- --wds-loader-stroke-width-tiny: 2px;
3022
+ --wds-loader-stroke-width-tiny: 3px;
3023
3023
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
3024
3024
  --wds-marketing-layout-actions-gap-medium: 24px;
3025
3025
  --wds-marketing-layout-actions-gap-small: 24px;
@@ -3191,30 +3191,30 @@
3191
3191
  --wds-page-header-padding-horizontal-small: 24px;
3192
3192
  --wds-page-header-padding-vertical: 24px;
3193
3193
  --wds-page-header-padding-vertical-small: 18px;
3194
- --wds-page-header-subtitle-font-size: 16px;
3194
+ --wds-page-header-subtitle-font-size: 12px;
3195
3195
  --wds-page-header-subtitle-gap: 4px;
3196
- --wds-page-header-subtitle-line-height: 24px;
3196
+ --wds-page-header-subtitle-line-height: 16px;
3197
3197
  --wds-page-header-subtitle-padding-start: 0px;
3198
- --wds-page-header-title-actions-gap: 0px;
3199
- --wds-page-header-title-font-size: 32px;
3200
- --wds-page-header-title-font-weight: 400;
3201
- --wds-page-header-title-line-height: 40px;
3202
- --wds-page-header-title-minimised-font-size: 14px;
3203
- --wds-page-header-title-minimised-font-weight: 500;
3204
- --wds-page-header-title-minimised-letter-spacing: 0px;
3205
- --wds-page-header-title-minimised-line-height: 18px;
3198
+ --wds-page-header-title-actions-gap: 40px;
3199
+ --wds-page-header-title-font-size: 24px;
3200
+ --wds-page-header-title-font-weight: 500;
3201
+ --wds-page-header-title-line-height: 32px;
3202
+ --wds-page-header-title-minimised-font-size: 16px;
3203
+ --wds-page-header-title-minimised-font-weight: 700;
3204
+ --wds-page-header-title-minimised-letter-spacing: -0.5px;
3205
+ --wds-page-header-title-minimised-line-height: 24px;
3206
3206
  --wds-page-header-title-padding-start: 0px;
3207
3207
  --wds-page-section-divider-display: block;
3208
- --wds-page-section-gap: 0px;
3209
- --wds-page-section-padding-bottom: 8px;
3210
- --wds-page-section-padding-bottom-with-divider: 0px;
3208
+ --wds-page-section-gap: 2px;
3209
+ --wds-page-section-padding-bottom: 4px;
3210
+ --wds-page-section-padding-bottom-with-divider: 8px;
3211
3211
  --wds-page-section-padding-top: 16px;
3212
- --wds-page-section-subtitle-font-size: 16px;
3213
- --wds-page-section-subtitle-line-height: 24px;
3212
+ --wds-page-section-subtitle-font-size: 12px;
3213
+ --wds-page-section-subtitle-line-height: 16px;
3214
3214
  --wds-page-section-title-font-size: 16px;
3215
- --wds-page-section-title-font-weight: 600;
3216
- --wds-page-section-title-letter-spacing: 0px;
3217
- --wds-page-section-title-line-height: 18px;
3215
+ --wds-page-section-title-font-weight: 700;
3216
+ --wds-page-section-title-letter-spacing: -0.5px;
3217
+ --wds-page-section-title-line-height: 24px;
3218
3218
  --wds-pagination-arrow-fill: #82B0FF;
3219
3219
  --wds-pagination-fill: #212122;
3220
3220
  --wds-pagination-fill-active: #82B0FF;
@@ -3648,7 +3648,7 @@
3648
3648
  --wds-table-list-item-drag-handle-color: #FFFFFF;
3649
3649
  --wds-table-list-item-drag-handle-color-hover: #FFFFFF;
3650
3650
  --wds-table-list-item-fill: rgba(255, 255, 255, 0);
3651
- --wds-table-list-item-fill-active: #2D2D2E;
3651
+ --wds-table-list-item-fill-active: #454544;
3652
3652
  --wds-table-list-item-fill-highlight: #2D2D2E;
3653
3653
  --wds-table-list-item-fill-hover: #3A3A3B;
3654
3654
  --wds-table-list-item-fill-hover-draggable: #3A3A3B;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.233.0",
3
+ "version": "1.235.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "c9835caac33195425395abd502c6c47598ed5a9403cd305ffb3945b9"
39
+ "falconPackageHash": "53e5036fcbf51db79c9475e65553ad6d2088e0953ee380b4f5021bd4"
40
40
  }
package/studio2-light/all.css CHANGED
@@ -430,7 +430,7 @@
430
430
  --wds-marketing-layout-badge-side: auto;
431
431
  --wds-marketing-layout-badge-position: static;
432
432
  --wds-marketing-layout-actions-alignment-inverted: flex-end;
433
- --wds-loader-stroke-width-tiny: 2px;
433
+ --wds-loader-stroke-width-tiny: 3px;
434
434
  --wds-loader-stroke-width-small: 2px;
435
435
  --wds-loader-stroke-width-medium: 2px;
436
436
  --wds-loader-stroke-width-large: 2px;
@@ -475,23 +475,27 @@
475
475
  --wds-composer-sidebar-border-width: 1px;
476
476
  --wds-color-picker-width: 236px;
477
477
  --wds-clickable-card-standard-box-shadow-hover: none;
478
- --wds-carousel-gradient-opacity: 50%;
479
- --wds-carousel-dots-height: 4px;
480
- --wds-carousel-dots-gap-bottom-shift: 0.5;
481
- --wds-carousel-dots-gap-bottom: 10px;
482
- --wds-carousel-dots-border-radius: 2px;
483
- --wds-carousel-controls-shadow-hover: none;
484
- --wds-carousel-controls-shadow-default: none;
485
- --wds-carousel-controls-shadow-active: none;
486
- --wds-carousel-controls-offset-sides-gradient: 12px;
478
+ --wds-carousel-gradient-width: 30px;
479
+ --wds-carousel-gradient-opacity: 100%;
480
+ --wds-carousel-dots-height: 6px;
481
+ --wds-carousel-dots-gap-bottom-shift: 0;
482
+ --wds-carousel-dots-border-radius: 10000px;
483
+ --wds-carousel-controls-size-tiny: 18px;
484
+ --wds-carousel-controls-size-small: 24px;
485
+ --wds-carousel-controls-size-medium: 32px;
486
+ --wds-carousel-controls-shadow-disabled: none;
487
+ --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);
488
+ --wds-carousel-controls-offset-sides-gradient: 0px;
487
489
  --wds-carousel-controls-offset-sides: 0px;
488
- --wds-carousel-controls-offset-overlay: 12px;
489
- --wds-carousel-controls-offset-bottom-gradient: 12px;
490
+ --wds-carousel-controls-offset-overlay: -16px;
491
+ --wds-carousel-controls-offset-bottom-gradient: 0px;
490
492
  --wds-carousel-controls-offset-bottom: 0px;
491
- --wds-carousel-controls-bottom-shift: 0;
492
- --wds-carousel-controls-bottom-offset-dots: 10px;
493
- --wds-carousel-controls-border-disabled: solid 1px var(--wds-icon-button-color-border-standard-secondary-disabled);
494
- --wds-carousel-controls-border: solid 1px var(--wds-icon-button-color-border-standard-secondary);
493
+ --wds-carousel-controls-bottom-shift: -0.5;
494
+ --wds-carousel-controls-bottom-offset-no-dots: 37px;
495
+ --wds-carousel-controls-bottom-offset-dots: 37px;
496
+ --wds-carousel-controls-border-radius: 100px;
497
+ --wds-carousel-controls-border-disabled: none;
498
+ --wds-carousel-controls-border: none;
495
499
  --wds-card-gallery-item-title-gap: 2px;
496
500
  --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);
497
501
  --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);
@@ -1433,16 +1437,20 @@
1433
1437
  --wds-pagination-padding-vertical: var(--wds-space-50);
1434
1438
  --wds-pagination-padding-horizontal: var(--wds-space-50);
1435
1439
  --wds-pagination-gap: var(--wds-space-100);
1440
+ --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1441
+ --wds-page-section-title-font-weight: var(--wds-font-weight-heading-3);
1436
1442
  --wds-page-section-padding-top: var(--wds-space-400);
1437
- --wds-page-section-padding-bottom-with-divider: var(--wds-space-0);
1438
- --wds-page-section-padding-bottom: var(--wds-space-200);
1439
- --wds-page-section-gap: var(--wds-space-0);
1443
+ --wds-page-section-padding-bottom-with-divider: var(--wds-space-200);
1444
+ --wds-page-section-padding-bottom: var(--wds-space-100);
1445
+ --wds-page-section-gap: var(--wds-space-50);
1440
1446
  --wds-page-header-title-padding-start: var(--wds-space-0);
1441
- --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-0);
1442
- --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-medium);
1443
- --wds-page-header-title-actions-gap: var(--wds-space-0);
1447
+ --wds-page-header-title-minimised-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1448
+ --wds-page-header-title-minimised-font-weight: var(--wds-font-weight-heading-3);
1449
+ --wds-page-header-title-line-height: var(--wds-space-800);
1450
+ --wds-page-header-title-actions-gap: var(--wds-space-1000);
1444
1451
  --wds-page-header-subtitle-padding-start: var(--wds-space-0);
1445
1452
  --wds-page-header-subtitle-gap: var(--wds-space-100);
1453
+ --wds-page-header-subtitle-font-size: var(--wds-font-size-200);
1446
1454
  --wds-page-header-padding-vertical-small: var(--wds-space-475);
1447
1455
  --wds-page-header-padding-vertical: var(--wds-space-600);
1448
1456
  --wds-page-header-padding-horizontal-small: var(--wds-space-600);
@@ -1800,21 +1808,21 @@
1800
1808
  --wds-checkbox-border-active-disabled: var(--wds-color-black-100-transparent-0);
1801
1809
  --wds-checkbox-border: var(--wds-color-black-200);
1802
1810
  --wds-carousel-gradient-color: var(--wds-color-white);
1803
- --wds-carousel-dots-width: var(--wds-space-100);
1804
- --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);
1805
1814
  --wds-carousel-dots-fill-hover: var(--wds-color-black-500);
1806
1815
  --wds-carousel-dots-fill-active: var(--wds-color-black-100);
1807
1816
  --wds-carousel-dots-fill: var(--wds-color-black-600);
1808
1817
  --wds-carousel-controls-icon-fill-hover: var(--wds-horizontal-scroll-button-text);
1809
1818
  --wds-carousel-controls-icon-fill-active: var(--wds-horizontal-scroll-button-text);
1810
- --wds-carousel-controls-gap-tiny: var(--wds-space-400);
1811
- --wds-carousel-controls-gap-small: var(--wds-space-300);
1812
- --wds-carousel-controls-gap-medium: var(--wds-space-200);
1813
- --wds-carousel-controls-gap-large: var(--wds-space-200);
1819
+ --wds-carousel-controls-icon-fill: var(--wds-horizontal-scroll-button-text);
1820
+ --wds-carousel-controls-gap-tiny: var(--wds-space-800);
1821
+ --wds-carousel-controls-gap-small: var(--wds-space-800);
1822
+ --wds-carousel-controls-gap-medium: var(--wds-space-800);
1823
+ --wds-carousel-controls-gap-large: var(--wds-space-800);
1814
1824
  --wds-carousel-controls-fill-hover: var(--wds-horizontal-scroll-button-fill);
1815
1825
  --wds-carousel-controls-fill-active: var(--wds-horizontal-scroll-button-fill-active);
1816
- --wds-carousel-controls-bottom-offset-no-dots: var(--wds-carousel-dots-height);
1817
- --wds-carousel-controls-border-radius: var(--wds-border-radius-400);
1818
1826
  --wds-card-gallery-item-title-font-weight-small: var(--wds-font-weight-heading-3);
1819
1827
  --wds-card-gallery-item-title-font-weight-medium: var(--wds-font-weight-heading-3);
1820
1828
  --wds-card-gallery-item-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
@@ -2315,14 +2323,12 @@
2315
2323
  --wds-pagination-fill-active: var(--wds-color-text-standard-primary);
2316
2324
  --wds-pagination-fill: var(--wds-color-fill-standard-tertiary);
2317
2325
  --wds-pagination-arrow-fill: var(--wds-color-text-standard-primary);
2318
- --wds-page-section-title-letter-spacing: var(--wds-font-letter-spacing-heading-4);
2319
- --wds-page-section-title-font-weight: var(--wds-font-weight-heading-4);
2320
- --wds-page-section-title-font-size: var(--wds-font-size-heading-4);
2321
- --wds-page-section-subtitle-font-size: var(--wds-font-size-body-medium);
2322
- --wds-page-header-title-minimised-font-size: var(--wds-font-size-body-small);
2323
- --wds-page-header-title-font-weight: var(--wds-font-weight-heading-1);
2324
- --wds-page-header-title-font-size: var(--wds-font-size-heading-1);
2325
- --wds-page-header-subtitle-font-size: var(--wds-font-size-body-medium);
2326
+ --wds-page-section-title-font-size: var(--wds-font-size-heading-3);
2327
+ --wds-page-section-subtitle-font-size: var(--wds-font-size-body-tiny);
2328
+ --wds-page-header-title-minimised-font-size: var(--wds-font-size-heading-3);
2329
+ --wds-page-header-title-font-weight: var(--wds-font-weight-heading-2);
2330
+ --wds-page-header-title-font-size: var(--wds-font-size-heading-2);
2331
+ --wds-page-header-subtitle-line-height: var(--wds-font-line-height-200);
2326
2332
  --wds-number-input-spacing: var(--wds-form-field-label-gap-tiny);
2327
2333
  --wds-number-input-icon-fill: var(--wds-color-text-standard-secondary);
2328
2334
  --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-gallery-item-title-font-size-medium: var(--wds-font-size-body-medium);
2572
2574
  --wds-card-gallery-item-subtitle-side-font-size-medium: var(--wds-font-size-body-small);
2573
2575
  --wds-card-gallery-item-subtitle-font-size-medium: var(--wds-font-size-body-tiny);
@@ -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);