@wix/design-system-tokens 1.210.0 → 1.212.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 (23) hide show
  1. package/CHANGELOG.md +18 -0
  2. package/all.css +58 -3
  3. package/all.scss +58 -3
  4. package/all.st.css +116 -6
  5. package/component.st.css +116 -6
  6. package/odeditor/all.css +104 -37
  7. package/odeditor/all.scss +104 -37
  8. package/odeditor/all.st.css +174 -40
  9. package/odeditor/component.st.css +174 -40
  10. package/odeditor-dark/all.css +74 -19
  11. package/odeditor-dark/all.scss +74 -19
  12. package/odeditor-dark/all.st.css +130 -20
  13. package/odeditor-dark/component.st.css +128 -18
  14. package/odeditor-dark/semantic.st.css +2 -2
  15. package/package.json +6 -2
  16. package/studio/all.css +57 -4
  17. package/studio/all.scss +57 -4
  18. package/studio/all.st.css +113 -7
  19. package/studio/component.st.css +113 -7
  20. package/wixel/all.css +56 -3
  21. package/wixel/all.scss +56 -3
  22. package/wixel/all.st.css +112 -6
  23. package/wixel/component.st.css +112 -6
package/odeditor/all.st.css CHANGED
@@ -6,7 +6,12 @@
6
6
  @property st-global(--wds-accordion-caret-fill);
7
7
  @property st-global(--wds-accordion-caret-fill-hover);
8
8
  @property st-global(--wds-accordion-inner-content-fill);
9
+ @property st-global(--wds-accordion-inner-content-padding-bottom);
9
10
  @property st-global(--wds-accordion-inner-content-padding-top);
11
+ @property st-global(--wds-accordion-inner-content-padding-top-flat);
12
+ @property st-global(--wds-accordion-inner-content-shadow);
13
+ @property st-global(--wds-accordion-inner-content-shadow-last);
14
+ @property st-global(--wds-accordion-padding-horizontal-large);
10
15
  @property st-global(--wds-accordion-title-fill);
11
16
  @property st-global(--wds-accordion-title-fill-hover);
12
17
  @property st-global(--wds-accordion-title-font-line-height-medium);
@@ -1194,11 +1199,18 @@
1194
1199
  @property st-global(--wds-list-item-action-fill-hover);
1195
1200
  @property st-global(--wds-list-item-action-gap);
1196
1201
  @property st-global(--wds-list-item-action-label-fill-active);
1202
+ @property st-global(--wds-list-item-action-label-fill-hover-destructive);
1203
+ @property st-global(--wds-list-item-action-label-fill-hover-premium);
1204
+ @property st-global(--wds-list-item-action-label-fill-hover-primary);
1197
1205
  @property st-global(--wds-list-item-action-label-fill-pressed-destructive);
1206
+ @property st-global(--wds-list-item-action-label-fill-pressed-premium);
1207
+ @property st-global(--wds-list-item-action-label-fill-pressed-primary);
1198
1208
  @property st-global(--wds-list-item-action-label-font-line-height-medium);
1199
1209
  @property st-global(--wds-list-item-action-label-font-line-height-small);
1200
1210
  @property st-global(--wds-list-item-action-label-font-size-medium);
1201
1211
  @property st-global(--wds-list-item-action-label-font-size-small);
1212
+ @property st-global(--wds-list-item-action-padding-horizontal-end-medium);
1213
+ @property st-global(--wds-list-item-action-padding-horizontal-end-small);
1202
1214
  @property st-global(--wds-list-item-action-padding-horizontal-medium);
1203
1215
  @property st-global(--wds-list-item-action-padding-horizontal-small);
1204
1216
  @property st-global(--wds-list-item-action-padding-vertical-medium);
@@ -1208,6 +1220,7 @@
1208
1220
  @property st-global(--wds-list-item-action-subtitle-fill-pressed-destructive);
1209
1221
  @property st-global(--wds-list-item-action-subtitle-font-line-height);
1210
1222
  @property st-global(--wds-list-item-action-subtitle-font-size);
1223
+ @property st-global(--wds-list-item-action-subtitle-offset);
1211
1224
  @property st-global(--wds-list-item-action-suffix-fill);
1212
1225
  @property st-global(--wds-list-item-action-suffix-fill-active);
1213
1226
  @property st-global(--wds-list-item-action-title-font-weight);
@@ -1266,8 +1279,11 @@
1266
1279
  @property st-global(--wds-list-item-select-padding-vertical-medium-screen-small);
1267
1280
  @property st-global(--wds-list-item-select-padding-vertical-small);
1268
1281
  @property st-global(--wds-list-item-select-padding-vertical-small-screen-small);
1282
+ @property st-global(--wds-list-item-select-prefix-subtitle-margin);
1269
1283
  @property st-global(--wds-list-item-select-subtitle);
1270
1284
  @property st-global(--wds-list-item-select-subtitle-disabled);
1285
+ @property st-global(--wds-list-item-select-subtitle-font-line-height-medium);
1286
+ @property st-global(--wds-list-item-select-subtitle-font-size-medium);
1271
1287
  @property st-global(--wds-list-item-select-suffix);
1272
1288
  @property st-global(--wds-list-item-select-suffix-active-font-weight);
1273
1289
  @property st-global(--wds-list-item-select-suffix-pressed);
@@ -1283,7 +1299,58 @@
1283
1299
  @property st-global(--wds-loader-stroke-width-medium);
1284
1300
  @property st-global(--wds-loader-stroke-width-small);
1285
1301
  @property st-global(--wds-loader-stroke-width-tiny);
1302
+ @property st-global(--wds-marketing-layout-actions-gap-medium);
1303
+ @property st-global(--wds-marketing-layout-actions-gap-small);
1304
+ @property st-global(--wds-marketing-layout-actions-gap-tiny);
1305
+ @property st-global(--wds-marketing-layout-badge-gap);
1306
+ @property st-global(--wds-marketing-layout-badge-offset-medium);
1307
+ @property st-global(--wds-marketing-layout-badge-offset-small);
1308
+ @property st-global(--wds-marketing-layout-badge-offset-tiny);
1309
+ @property st-global(--wds-marketing-layout-badge-position);
1310
+ @property st-global(--wds-marketing-layout-badge-side);
1311
+ @property st-global(--wds-marketing-layout-badge-top);
1286
1312
  @property st-global(--wds-marketing-layout-border);
1313
+ @property st-global(--wds-marketing-layout-description-color);
1314
+ @property st-global(--wds-marketing-layout-description-font-size-medium);
1315
+ @property st-global(--wds-marketing-layout-description-font-size-small);
1316
+ @property st-global(--wds-marketing-layout-description-font-size-tiny);
1317
+ @property st-global(--wds-marketing-layout-description-font-weight-medium);
1318
+ @property st-global(--wds-marketing-layout-description-font-weight-small);
1319
+ @property st-global(--wds-marketing-layout-description-font-weight-tiny);
1320
+ @property st-global(--wds-marketing-layout-description-line-height-medium);
1321
+ @property st-global(--wds-marketing-layout-description-line-height-small);
1322
+ @property st-global(--wds-marketing-layout-description-line-height-tiny);
1323
+ @property st-global(--wds-marketing-layout-image-border-radius);
1324
+ @property st-global(--wds-marketing-layout-image-padding-left-medium);
1325
+ @property st-global(--wds-marketing-layout-image-padding-left-small);
1326
+ @property st-global(--wds-marketing-layout-image-padding-left-tiny);
1327
+ @property st-global(--wds-marketing-layout-image-padding-right-medium);
1328
+ @property st-global(--wds-marketing-layout-image-padding-right-small);
1329
+ @property st-global(--wds-marketing-layout-image-padding-right-tiny);
1330
+ @property st-global(--wds-marketing-layout-image-padding-vertical-medium);
1331
+ @property st-global(--wds-marketing-layout-image-padding-vertical-small);
1332
+ @property st-global(--wds-marketing-layout-image-padding-vertical-tiny);
1333
+ @property st-global(--wds-marketing-layout-padding-left-medium);
1334
+ @property st-global(--wds-marketing-layout-padding-left-small);
1335
+ @property st-global(--wds-marketing-layout-padding-left-tiny);
1336
+ @property st-global(--wds-marketing-layout-padding-right-medium);
1337
+ @property st-global(--wds-marketing-layout-padding-right-small);
1338
+ @property st-global(--wds-marketing-layout-padding-right-tiny);
1339
+ @property st-global(--wds-marketing-layout-padding-vertical-medium);
1340
+ @property st-global(--wds-marketing-layout-padding-vertical-small);
1341
+ @property st-global(--wds-marketing-layout-padding-vertical-tiny);
1342
+ @property st-global(--wds-marketing-layout-title-font-size-medium);
1343
+ @property st-global(--wds-marketing-layout-title-font-size-small);
1344
+ @property st-global(--wds-marketing-layout-title-font-size-tiny);
1345
+ @property st-global(--wds-marketing-layout-title-font-weight-medium);
1346
+ @property st-global(--wds-marketing-layout-title-font-weight-small);
1347
+ @property st-global(--wds-marketing-layout-title-font-weight-tiny);
1348
+ @property st-global(--wds-marketing-layout-title-gap-medium);
1349
+ @property st-global(--wds-marketing-layout-title-gap-small);
1350
+ @property st-global(--wds-marketing-layout-title-gap-tiny);
1351
+ @property st-global(--wds-marketing-layout-title-line-height-medium);
1352
+ @property st-global(--wds-marketing-layout-title-line-height-small);
1353
+ @property st-global(--wds-marketing-layout-title-line-height-tiny);
1287
1354
  @property st-global(--wds-marketing-page-paddings-horizontal-large);
1288
1355
  @property st-global(--wds-marketing-page-paddings-horizontal-medium);
1289
1356
  @property st-global(--wds-marketing-page-paddings-vertical-large);
@@ -1698,9 +1765,12 @@
1698
1765
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1699
1766
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1700
1767
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1768
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1701
1769
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1702
1770
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1703
1771
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1772
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1773
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1704
1774
  @property st-global(--wds-skeleton-border-radius-circle);
1705
1775
  @property st-global(--wds-skeleton-border-radius-line);
1706
1776
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1880,9 +1950,6 @@
1880
1950
  @property st-global(--wds-thumbnail-subtitle-fill);
1881
1951
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1882
1952
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1883
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1884
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1885
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1886
1953
  @property st-global(--wds-thumbnail-title-padding-top);
1887
1954
  @property st-global(--wds-timeline-title-font-line-height);
1888
1955
  @property st-global(--wds-timeline-title-font-size);
@@ -2125,12 +2192,17 @@
2125
2192
  --wds-accordion-background-fill-light: #ffffff;
2126
2193
  --wds-accordion-background-fill-light-hover: #f8f6f6;
2127
2194
  --wds-accordion-background-fill-standard: #ffffff;
2128
- --wds-accordion-background-fill-standard-hover: #f8f6f6;
2195
+ --wds-accordion-background-fill-standard-hover: #f0efef;
2129
2196
  --wds-accordion-border-radius: 0px;
2130
2197
  --wds-accordion-caret-fill: #151414;
2131
2198
  --wds-accordion-caret-fill-hover: #151414;
2132
2199
  --wds-accordion-inner-content-fill: #ffffff;
2133
- --wds-accordion-inner-content-padding-top: 4px;
2200
+ --wds-accordion-inner-content-padding-bottom: 12px;
2201
+ --wds-accordion-inner-content-padding-top: 8px;
2202
+ --wds-accordion-inner-content-padding-top-flat: 8px;
2203
+ --wds-accordion-inner-content-shadow: none;
2204
+ --wds-accordion-inner-content-shadow-last: none;
2205
+ --wds-accordion-padding-horizontal-large: 16px;
2134
2206
  --wds-accordion-title-fill: #151414;
2135
2207
  --wds-accordion-title-fill-hover: #151414;
2136
2208
  --wds-accordion-title-font-line-height-medium: 24px;
@@ -3314,28 +3386,36 @@
3314
3386
  --wds-list-item-action-affix-margin: 4px;
3315
3387
  --wds-list-item-action-border-radius: 8px;
3316
3388
  --wds-list-item-action-fill: #ffffff;
3317
- --wds-list-item-action-fill-active: #f0efef;
3318
- --wds-list-item-action-fill-hover: #f8f6f6;
3389
+ --wds-list-item-action-fill-active: #e8e7e7;
3390
+ --wds-list-item-action-fill-hover: #f0efef;
3319
3391
  --wds-list-item-action-gap: 2px;
3320
3392
  --wds-list-item-action-label-fill-active: #151414;
3321
- --wds-list-item-action-label-fill-pressed-destructive: #df3336;
3393
+ --wds-list-item-action-label-fill-hover-destructive: #9c2426;
3394
+ --wds-list-item-action-label-fill-hover-premium: #1c3fe5;
3395
+ --wds-list-item-action-label-fill-hover-primary: #1c3fe5;
3396
+ --wds-list-item-action-label-fill-pressed-destructive: #9c2426;
3397
+ --wds-list-item-action-label-fill-pressed-premium: #1c3fe5;
3398
+ --wds-list-item-action-label-fill-pressed-primary: #1c3fe5;
3322
3399
  --wds-list-item-action-label-font-line-height-medium: 24px;
3323
3400
  --wds-list-item-action-label-font-line-height-small: 18px;
3324
3401
  --wds-list-item-action-label-font-size-medium: 14px;
3325
3402
  --wds-list-item-action-label-font-size-small: 12px;
3403
+ --wds-list-item-action-padding-horizontal-end-medium: 12px;
3404
+ --wds-list-item-action-padding-horizontal-end-small: 12px;
3326
3405
  --wds-list-item-action-padding-horizontal-medium: 8px;
3327
3406
  --wds-list-item-action-padding-horizontal-small: 8px;
3328
3407
  --wds-list-item-action-padding-vertical-medium: 8px;
3329
3408
  --wds-list-item-action-padding-vertical-medium-screen-small: 8px;
3330
3409
  --wds-list-item-action-padding-vertical-small: 8px;
3331
3410
  --wds-list-item-action-padding-vertical-small-screen-small: 8px;
3332
- --wds-list-item-action-subtitle-fill-pressed-destructive: #383838;
3411
+ --wds-list-item-action-subtitle-fill-pressed-destructive: #525150;
3333
3412
  --wds-list-item-action-subtitle-font-line-height: 16px;
3334
3413
  --wds-list-item-action-subtitle-font-size: 12px;
3414
+ --wds-list-item-action-subtitle-offset: -2px;
3335
3415
  --wds-list-item-action-suffix-fill: #151414;
3336
3416
  --wds-list-item-action-suffix-fill-active: #151414;
3337
3417
  --wds-list-item-action-title-font-weight: 500;
3338
- --wds-list-item-action-title-font-weight-active: 600;
3418
+ --wds-list-item-action-title-font-weight-active: 500;
3339
3419
  --wds-list-item-section-divider-padding-bottom: 8px;
3340
3420
  --wds-list-item-section-divider-padding-horizontal: 8px;
3341
3421
  --wds-list-item-section-divider-padding-top: 8px;
@@ -3351,11 +3431,11 @@
3351
3431
  --wds-list-item-section-padding-vertical-neutral: 8px;
3352
3432
  --wds-list-item-section-title-label-fill: #767574;
3353
3433
  --wds-list-item-section-title-label-fill-neutral: #a8a6a5;
3354
- --wds-list-item-select-active-fill: #f0efef;
3355
- --wds-list-item-select-active-fill-active: #d5dfff;
3434
+ --wds-list-item-select-active-fill: #e8e7e7;
3435
+ --wds-list-item-select-active-fill-active: #e8e7e7;
3356
3436
  --wds-list-item-select-active-fill-active-screen-small: #7896ff;
3357
3437
  --wds-list-item-select-active-fill-disabled: #ffffff;
3358
- --wds-list-item-select-active-fill-hover: #f5f7ff;
3438
+ --wds-list-item-select-active-fill-hover: #f0efef;
3359
3439
  --wds-list-item-select-active-fill-screen-small: #d5dfff;
3360
3440
  --wds-list-item-select-active-subtitle: #151414;
3361
3441
  --wds-list-item-select-active-subtitle-disabled: #a8a6a5;
@@ -3368,30 +3448,33 @@
3368
3448
  --wds-list-item-select-fill: #ffffff;
3369
3449
  --wds-list-item-select-fill-active: #ffffff;
3370
3450
  --wds-list-item-select-fill-disabled: #ffffff;
3371
- --wds-list-item-select-fill-hover: #f8f6f6;
3372
- --wds-list-item-select-gap: 2px;
3451
+ --wds-list-item-select-fill-hover: #f0efef;
3452
+ --wds-list-item-select-gap: 6px;
3373
3453
  --wds-list-item-select-icon-padding-horizontal-medium: 12px;
3374
3454
  --wds-list-item-select-icon-padding-horizontal-small: 12px;
3375
3455
  --wds-list-item-select-icon-padding-vertical-medium: 4px;
3376
3456
  --wds-list-item-select-icon-padding-vertical-small: 4px;
3377
- --wds-list-item-select-label-font-line-height-medium: 24px;
3378
- --wds-list-item-select-label-font-line-height-small: 18px;
3457
+ --wds-list-item-select-label-font-line-height-medium: 18px;
3458
+ --wds-list-item-select-label-font-line-height-small: 16px;
3379
3459
  --wds-list-item-select-label-font-size-medium: 14px;
3380
3460
  --wds-list-item-select-label-font-size-small: 12px;
3381
- --wds-list-item-select-label-font-weight-active: 600;
3461
+ --wds-list-item-select-label-font-weight-active: 500;
3382
3462
  --wds-list-item-select-label-font-weight-medium: 500;
3383
- --wds-list-item-select-padding-horizontal-medium: 8px;
3384
- --wds-list-item-select-padding-horizontal-small: 8px;
3463
+ --wds-list-item-select-padding-horizontal-medium: 12px;
3464
+ --wds-list-item-select-padding-horizontal-small: 12px;
3385
3465
  --wds-list-item-select-padding-left-medium: 12px;
3386
3466
  --wds-list-item-select-padding-left-small: 12px;
3387
3467
  --wds-list-item-select-padding-right-medium: 16px;
3388
3468
  --wds-list-item-select-padding-right-small: 16px;
3389
- --wds-list-item-select-padding-vertical-medium: 4px;
3469
+ --wds-list-item-select-padding-vertical-medium: 8px;
3390
3470
  --wds-list-item-select-padding-vertical-medium-screen-small: 8px;
3391
- --wds-list-item-select-padding-vertical-small: 4px;
3471
+ --wds-list-item-select-padding-vertical-small: 8px;
3392
3472
  --wds-list-item-select-padding-vertical-small-screen-small: 8px;
3473
+ --wds-list-item-select-prefix-subtitle-margin: 0px;
3393
3474
  --wds-list-item-select-subtitle: #767574;
3394
3475
  --wds-list-item-select-subtitle-disabled: #a8a6a5;
3476
+ --wds-list-item-select-subtitle-font-line-height-medium: 16px;
3477
+ --wds-list-item-select-subtitle-font-size-medium: 12px;
3395
3478
  --wds-list-item-select-suffix: #151414;
3396
3479
  --wds-list-item-select-suffix-active-font-weight: 500;
3397
3480
  --wds-list-item-select-suffix-pressed: #1c3fe5;
@@ -3407,7 +3490,58 @@
3407
3490
  --wds-loader-stroke-width-medium: 2px;
3408
3491
  --wds-loader-stroke-width-small: 2px;
3409
3492
  --wds-loader-stroke-width-tiny: 2px;
3493
+ --wds-marketing-layout-actions-gap-medium: 12px;
3494
+ --wds-marketing-layout-actions-gap-small: 12px;
3495
+ --wds-marketing-layout-actions-gap-tiny: 12px;
3496
+ --wds-marketing-layout-badge-gap: 12px;
3497
+ --wds-marketing-layout-badge-offset-medium: 0px;
3498
+ --wds-marketing-layout-badge-offset-small: 0px;
3499
+ --wds-marketing-layout-badge-offset-tiny: 0px;
3500
+ --wds-marketing-layout-badge-position: static;
3501
+ --wds-marketing-layout-badge-side: auto;
3502
+ --wds-marketing-layout-badge-top: auto;
3410
3503
  --wds-marketing-layout-border: 4px;
3504
+ --wds-marketing-layout-description-color: #767574;
3505
+ --wds-marketing-layout-description-font-size-medium: 12px;
3506
+ --wds-marketing-layout-description-font-size-small: 12px;
3507
+ --wds-marketing-layout-description-font-size-tiny: 12px;
3508
+ --wds-marketing-layout-description-font-weight-medium: 500;
3509
+ --wds-marketing-layout-description-font-weight-small: 500;
3510
+ --wds-marketing-layout-description-font-weight-tiny: 500;
3511
+ --wds-marketing-layout-description-line-height-medium: 16px;
3512
+ --wds-marketing-layout-description-line-height-small: 16px;
3513
+ --wds-marketing-layout-description-line-height-tiny: 16px;
3514
+ --wds-marketing-layout-image-border-radius: 8px;
3515
+ --wds-marketing-layout-image-padding-left-medium: 16px;
3516
+ --wds-marketing-layout-image-padding-left-small: 16px;
3517
+ --wds-marketing-layout-image-padding-left-tiny: 16px;
3518
+ --wds-marketing-layout-image-padding-right-medium: 16px;
3519
+ --wds-marketing-layout-image-padding-right-small: 16px;
3520
+ --wds-marketing-layout-image-padding-right-tiny: 16px;
3521
+ --wds-marketing-layout-image-padding-vertical-medium: 16px;
3522
+ --wds-marketing-layout-image-padding-vertical-small: 16px;
3523
+ --wds-marketing-layout-image-padding-vertical-tiny: 16px;
3524
+ --wds-marketing-layout-padding-left-medium: 24px;
3525
+ --wds-marketing-layout-padding-left-small: 24px;
3526
+ --wds-marketing-layout-padding-left-tiny: 24px;
3527
+ --wds-marketing-layout-padding-right-medium: 24px;
3528
+ --wds-marketing-layout-padding-right-small: 24px;
3529
+ --wds-marketing-layout-padding-right-tiny: 24px;
3530
+ --wds-marketing-layout-padding-vertical-medium: 24px;
3531
+ --wds-marketing-layout-padding-vertical-small: 24px;
3532
+ --wds-marketing-layout-padding-vertical-tiny: 24px;
3533
+ --wds-marketing-layout-title-font-size-medium: 16px;
3534
+ --wds-marketing-layout-title-font-size-small: 16px;
3535
+ --wds-marketing-layout-title-font-size-tiny: 16px;
3536
+ --wds-marketing-layout-title-font-weight-medium: 600;
3537
+ --wds-marketing-layout-title-font-weight-small: 600;
3538
+ --wds-marketing-layout-title-font-weight-tiny: 600;
3539
+ --wds-marketing-layout-title-gap-medium: 4px;
3540
+ --wds-marketing-layout-title-gap-small: 4px;
3541
+ --wds-marketing-layout-title-gap-tiny: 4px;
3542
+ --wds-marketing-layout-title-line-height-medium: 24px;
3543
+ --wds-marketing-layout-title-line-height-small: 24px;
3544
+ --wds-marketing-layout-title-line-height-tiny: 24px;
3411
3545
  --wds-marketing-page-paddings-horizontal-large: 60px;
3412
3546
  --wds-marketing-page-paddings-horizontal-medium: 48px;
3413
3547
  --wds-marketing-page-paddings-vertical-large: 32px;
@@ -3765,7 +3899,7 @@
3765
3899
  --wds-side-panel-title-font-size: 16px;
3766
3900
  --wds-sidebar-clear-button-fill: #5a5d63;
3767
3901
  --wds-sidebar-divider-fill-dark-default: #42454c;
3768
- --wds-sidebar-divider-fill-light-default: #dedede;
3902
+ --wds-sidebar-divider-fill-light-default: transparent;
3769
3903
  --wds-sidebar-divider-fill-neutral-default: #dedede;
3770
3904
  --wds-sidebar-header-margin-bottom: 12px;
3771
3905
  --wds-sidebar-header-text-dark-default: #ffffff;
@@ -3773,19 +3907,19 @@
3773
3907
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3774
3908
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3775
3909
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
3776
- --wds-sidebar-item-level-1-fill-light-active: #acbeff;
3777
- --wds-sidebar-item-level-1-fill-light-default: #ffffff;
3778
- --wds-sidebar-item-level-1-fill-light-hover: #d5dfff;
3779
- --wds-sidebar-item-level-1-fill-neutral-active: #acbeff;
3780
- --wds-sidebar-item-level-1-fill-neutral-default: #f0efef;
3781
- --wds-sidebar-item-level-1-fill-neutral-hover: #d5dfff;
3910
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
3911
+ --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
3912
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
3913
+ --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
3914
+ --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
3915
+ --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
3782
3916
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3783
3917
  --wds-sidebar-item-level-1-padding-end: 18px;
3784
3918
  --wds-sidebar-item-level-1-padding-start: 24px;
3785
3919
  --wds-sidebar-item-level-1-padding-top: 8px;
3786
3920
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
3787
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
3788
- --wds-sidebar-item-level-2-fill-neutral-default: #f0efef;
3921
+ --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
3922
+ --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
3789
3923
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3790
3924
  --wds-sidebar-item-level-2-padding-end: 18px;
3791
3925
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3803,28 +3937,31 @@
3803
3937
  --wds-sidebar-item-text-dark-active: #ffffff;
3804
3938
  --wds-sidebar-item-text-dark-default: #dedede;
3805
3939
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3806
- --wds-sidebar-item-text-light-active: #0f2ccf;
3940
+ --wds-sidebar-item-text-light-active: #151414;
3807
3941
  --wds-sidebar-item-text-light-default: #383838;
3808
3942
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
3809
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
3943
+ --wds-sidebar-item-text-neutral-active: #151414;
3810
3944
  --wds-sidebar-item-text-neutral-default: #383838;
3811
3945
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
3812
3946
  --wds-sidebar-item-title: #767574;
3813
3947
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
3814
- --wds-sidebar-minimize-action-fill-light-default: #d5dfff;
3815
- --wds-sidebar-minimize-action-fill-neutral-default: #d5dfff;
3948
+ --wds-sidebar-minimize-action-fill-light-default: #e8e7e7;
3949
+ --wds-sidebar-minimize-action-fill-neutral-default: #e8e7e7;
3816
3950
  --wds-sidebar-minimize-action-text-dark-default: #dedede;
3817
- --wds-sidebar-minimize-action-text-light-default: #2f5dff;
3818
- --wds-sidebar-minimize-action-text-neutral-default: #2f5dff;
3951
+ --wds-sidebar-minimize-action-text-light-default: #151414;
3952
+ --wds-sidebar-minimize-action-text-neutral-default: #151414;
3819
3953
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
3820
3954
  --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
3821
3955
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
3822
3956
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3823
3957
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
3824
3958
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
3959
+ --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
3825
3960
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3826
3961
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3827
3962
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
3963
+ --wds-sidebar-scrollbar-fill-light-default: #dedede;
3964
+ --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
3828
3965
  --wds-skeleton-border-radius-circle: 1000px;
3829
3966
  --wds-skeleton-border-radius-line: 4px;
3830
3967
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4004,9 +4141,6 @@
4004
4141
  --wds-thumbnail-subtitle-fill: #383838;
4005
4142
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4006
4143
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4007
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4008
- --wds-thumbnail-title-font-size-tiny: 12px;
4009
- --wds-thumbnail-title-font-weight-tiny: 500;
4010
4144
  --wds-thumbnail-title-padding-top: 4px;
4011
4145
  --wds-timeline-title-font-line-height: 16px;
4012
4146
  --wds-timeline-title-font-size: 12px;