@wix/design-system-tokens 1.209.0 → 1.211.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 (24) hide show
  1. package/CHANGELOG.md +6 -0
  2. package/all.css +3 -3
  3. package/all.scss +3 -3
  4. package/all.st.css +6 -6
  5. package/component.st.css +6 -6
  6. package/odeditor/all.css +30 -30
  7. package/odeditor/all.scss +30 -30
  8. package/odeditor/all.st.css +33 -33
  9. package/odeditor/component.st.css +31 -31
  10. package/odeditor/semantic.st.css +2 -2
  11. package/odeditor-dark/all.css +2 -4
  12. package/odeditor-dark/all.scss +2 -4
  13. package/odeditor-dark/all.st.css +4 -8
  14. package/odeditor-dark/component.st.css +3 -7
  15. package/odeditor-dark/semantic.st.css +1 -1
  16. package/package.json +2 -2
  17. package/studio/all.css +1 -3
  18. package/studio/all.scss +1 -3
  19. package/studio/all.st.css +2 -6
  20. package/studio/component.st.css +2 -6
  21. package/wixel/all.css +1 -3
  22. package/wixel/all.scss +1 -3
  23. package/wixel/all.st.css +2 -6
  24. package/wixel/component.st.css +2 -6
package/CHANGELOG.md CHANGED
@@ -1,3 +1,9 @@
1
+ ## 1.211.0 - 2026-07-09
2
+
3
+ ### Bug Fixes
4
+
5
+ - fix(Thumbnail): make tiny title font-weight deterministic [16517](https://github.com/wix-private/wix-design-systems/pull/16517)
6
+
1
7
  ## 1.209.0 - 2026-07-03
2
8
 
3
9
  ### Features
package/all.css CHANGED
@@ -296,6 +296,8 @@
296
296
  --wds-slider-slider-knob-shadow: false;
297
297
  --wds-slider-slider-knob-border-width-hover: 12px;
298
298
  --wds-slider-slider-knob-border-width: 4px;
299
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
300
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
299
301
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
300
302
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
301
303
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -906,7 +908,6 @@
906
908
  --wds-toast-horizontal-padding: var(--wds-space-200);
907
909
  --wds-toast-border-radius: var(--wds-border-radius-400);
908
910
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
909
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
910
911
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
911
912
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
912
913
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -984,6 +985,7 @@
984
985
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-300);
985
986
  --wds-skeleton-border-radius-line: var(--wds-border-radius-full);
986
987
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
988
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
987
989
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
988
990
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
989
991
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1615,7 +1617,6 @@
1615
1617
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1616
1618
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1617
1619
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1618
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1619
1620
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1620
1621
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1621
1622
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
@@ -2112,7 +2113,6 @@
2112
2113
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2113
2114
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
2114
2115
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
2115
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
2116
2116
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2117
2117
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2118
2118
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
package/all.scss CHANGED
@@ -51,6 +51,8 @@
51
51
  --wds-slider-slider-knob-shadow: false;
52
52
  --wds-slider-slider-knob-border-width-hover: 12px;
53
53
  --wds-slider-slider-knob-border-width: 4px;
54
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
55
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
54
56
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
55
57
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
56
58
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
@@ -466,7 +468,6 @@
466
468
  --wds-toast-horizontal-padding: var(--wds-space-200);
467
469
  --wds-toast-border-radius: var(--wds-border-radius-400);
468
470
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
469
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
470
471
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
471
472
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
472
473
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -558,6 +559,7 @@
558
559
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-300);
559
560
  --wds-skeleton-border-radius-line: var(--wds-border-radius-full);
560
561
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
562
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
561
563
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
562
564
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
563
565
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1597,7 +1599,6 @@
1597
1599
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1598
1600
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1599
1601
  --wds-timeline-title-font-size: var(--wds-font-size-body-small);
1600
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1601
1602
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1602
1603
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1603
1604
  --wds-thumbnail-checkmark-disabled: var(--wds-color-fill-standard-primary-disabled);
@@ -2112,7 +2113,6 @@
2112
2113
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2113
2114
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-small);
2114
2115
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-small);
2115
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-small);
2116
2116
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-small);
2117
2117
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-small);
2118
2118
  --wds-tabs-selection-border: linear-gradient(90deg, var(--wds-tabs-selection-fill-secondary) 0%, var(--wds-tabs-selection-fill-primary) 20%, var(--wds-tabs-selection-fill-primary) 80%, var(--wds-tabs-selection-fill-secondary) 100%);
package/all.st.css CHANGED
@@ -1742,9 +1742,12 @@
1742
1742
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1743
1743
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1744
1744
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1745
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1745
1746
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1746
1747
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1747
1748
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1749
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1750
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1748
1751
  @property st-global(--wds-skeleton-border-radius-circle);
1749
1752
  @property st-global(--wds-skeleton-border-radius-line);
1750
1753
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1911,9 +1914,6 @@
1911
1914
  @property st-global(--wds-thumbnail-subtitle-fill);
1912
1915
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1913
1916
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1914
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1915
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1916
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1917
1917
  @property st-global(--wds-thumbnail-title-padding-top);
1918
1918
  @property st-global(--wds-timeline-title-font-line-height);
1919
1919
  @property st-global(--wds-timeline-title-font-size);
@@ -3909,9 +3909,12 @@
3909
3909
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3910
3910
  --wds-sidebar-minimize-tooltip-text-light-default: #44485f;
3911
3911
  --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
3912
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
3912
3913
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3913
3914
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3914
3915
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
3916
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
3917
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
3915
3918
  --wds-skeleton-border-radius-circle: 1000px;
3916
3919
  --wds-skeleton-border-radius-line: 1000px;
3917
3920
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -4078,9 +4081,6 @@
4078
4081
  --wds-thumbnail-subtitle-fill: #44485f;
4079
4082
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
4080
4083
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4081
- --wds-thumbnail-title-font-line-height-tiny: 18px;
4082
- --wds-thumbnail-title-font-size-tiny: 12px;
4083
- --wds-thumbnail-title-font-weight-tiny: 400;
4084
4084
  --wds-thumbnail-title-padding-top: 6px;
4085
4085
  --wds-timeline-title-font-line-height: 18px;
4086
4086
  --wds-timeline-title-font-size: 14px;
package/component.st.css CHANGED
@@ -1053,9 +1053,12 @@
1053
1053
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1054
1054
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1055
1055
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1056
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1056
1057
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1057
1058
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1058
1059
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1060
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1061
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1059
1062
  @property st-global(--wds-skeleton-border-radius-circle);
1060
1063
  @property st-global(--wds-skeleton-border-radius-line);
1061
1064
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1178,9 +1181,6 @@
1178
1181
  @property st-global(--wds-thumbnail-subtitle-fill);
1179
1182
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1180
1183
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1181
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1182
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1183
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1184
1184
  @property st-global(--wds-thumbnail-title-padding-top);
1185
1185
  @property st-global(--wds-timeline-title-font-line-height);
1186
1186
  @property st-global(--wds-timeline-title-font-size);
@@ -2485,9 +2485,12 @@
2485
2485
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2486
2486
  --wds-sidebar-minimize-tooltip-text-light-default: #44485f;
2487
2487
  --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
2488
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
2488
2489
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2489
2490
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2490
2491
  --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
2492
+ --wds-sidebar-scrollbar-fill-light-default: #A8CAFF;
2493
+ --wds-sidebar-scrollbar-fill-neutral-default: #A8CAFF;
2491
2494
  --wds-skeleton-border-radius-circle: 1000px;
2492
2495
  --wds-skeleton-border-radius-line: 1000px;
2493
2496
  --wds-skeleton-border-radius-rectangle: 6px;
@@ -2610,9 +2613,6 @@
2610
2613
  --wds-thumbnail-subtitle-fill: #44485f;
2611
2614
  --wds-thumbnail-subtitle-font-line-height-tiny: 18px;
2612
2615
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2613
- --wds-thumbnail-title-font-line-height-tiny: 18px;
2614
- --wds-thumbnail-title-font-size-tiny: 12px;
2615
- --wds-thumbnail-title-font-weight-tiny: 400;
2616
2616
  --wds-thumbnail-title-padding-top: 6px;
2617
2617
  --wds-timeline-title-font-line-height: 18px;
2618
2618
  --wds-timeline-title-font-size: 14px;
package/odeditor/all.css CHANGED
@@ -349,11 +349,11 @@
349
349
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
350
350
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
351
351
  --wds-sidebar-item-text-dark-disabled: #898b8f;
352
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
353
352
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
354
353
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
355
354
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
356
355
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
356
+ --wds-sidebar-divider-fill-light-default: transparent;
357
357
  --wds-sidebar-divider-fill-dark-default: #42454c;
358
358
  --wds-sidebar-clear-button-fill: #5a5d63;
359
359
  --wds-side-panel-header-divider-height: 0;
@@ -432,8 +432,8 @@
432
432
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
433
433
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
434
434
  --wds-space-padding-horizontal-small: var(--wds-space-400);
435
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
436
- --wds-space-padding-horizontal-large: var(--wds-space-400);
435
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
436
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
437
437
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
438
438
  --wds-shadow-x-secondary-raised: var(--wds-shadow-x-25);
439
439
  --wds-shadow-surface-raised: 1px 4px 4px 0 var(--wds-color-black-100-transparent-5), 0 1px 1px -1.5px var(--wds-color-black-100-transparent-5), 1px 0 2px -0.7px var(--wds-color-black-100-transparent-5), 0 1px 10px 0 var(--wds-color-black-100-transparent-5);
@@ -935,7 +935,6 @@
935
935
  --wds-toast-horizontal-padding: var(--wds-space-300);
936
936
  --wds-toast-border-radius: var(--wds-border-radius-400);
937
937
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
938
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
939
938
  --wds-thumbnail-overlay-fill: var(--wds-color-white-transparent-0);
940
939
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
941
940
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -1023,18 +1022,17 @@
1023
1022
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1024
1023
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1025
1024
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1025
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1026
+ --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
1027
+ --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
1026
1028
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1027
1029
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1028
1030
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
1029
1031
  --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white);
1030
1032
  --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white);
1031
- --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-blue-100);
1032
- --wds-sidebar-minimize-action-text-light-default: var(--wds-color-blue-100);
1033
1033
  --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
1034
- --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-blue-400);
1035
- --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-blue-400);
1036
- --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
1037
- --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1034
+ --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-black-600);
1035
+ --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-black-600);
1038
1036
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1039
1037
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1040
1038
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
@@ -1051,21 +1049,21 @@
1051
1049
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1052
1050
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1053
1051
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1054
- --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1052
+ --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-750);
1053
+ --wds-sidebar-item-level-2-fill-light-default: var(--wds-color-black-750);
1055
1054
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1056
1055
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1057
1056
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1058
1057
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1059
- --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1060
- --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1061
- --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
1062
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
1063
- --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
1064
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1058
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-600);
1059
+ --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-750);
1060
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-550);
1061
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
1062
+ --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-black-750);
1063
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
1065
1064
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1066
1065
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1067
1066
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1068
- --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1069
1067
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
1070
1068
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
1071
1069
  --wds-side-panel-header-padding-right: var(--wds-space-300);
@@ -1266,15 +1264,15 @@
1266
1264
  --wds-list-item-select-affix-margin: var(--wds-space-100);
1267
1265
  --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
1268
1266
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
1269
- --wds-list-item-section-padding-vertical-neutral: var(--wds-space-250);
1267
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
1270
1268
  --wds-list-item-section-padding-top: var(--wds-space-200);
1271
- --wds-list-item-section-padding-horizontal: var(--wds-space-200);
1272
- --wds-list-item-section-padding-bottom: var(--wds-space-300);
1273
- --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-regular);
1269
+ --wds-list-item-section-padding-horizontal: var(--wds-space-300);
1270
+ --wds-list-item-section-padding-bottom: var(--wds-space-200);
1271
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-semi-bold);
1274
1272
  --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
1275
1273
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
1276
- --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
1277
- --wds-list-item-section-divider-padding-bottom: var(--wds-space-0);
1274
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
1275
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
1278
1276
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
1279
1277
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
1280
1278
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -1688,7 +1686,6 @@
1688
1686
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1689
1687
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1690
1688
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1691
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1692
1689
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1693
1690
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1694
1691
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -1717,11 +1714,15 @@
1717
1714
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
1718
1715
  --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
1719
1716
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
1717
+ --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-text-standard-primary);
1718
+ --wds-sidebar-minimize-action-text-light-default: var(--wds-color-text-standard-primary);
1720
1719
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1721
1720
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1722
1721
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1722
+ --wds-sidebar-item-text-neutral-active: var(--wds-color-text-standard-primary);
1723
1723
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1724
1724
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1725
+ --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
1725
1726
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1726
1727
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1727
1728
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
@@ -1807,9 +1808,9 @@
1807
1808
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1808
1809
  --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1809
1810
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1810
- --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1811
- --wds-list-item-section-fill-neutral: var(--wds-color-fill-standard-tertiary);
1812
- --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1811
+ --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1812
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
1813
+ --wds-list-item-section-fill: var(--wds-color-fill-transparent-secondary);
1813
1814
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1814
1815
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1815
1816
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
@@ -2073,7 +2074,6 @@
2073
2074
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2074
2075
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2075
2076
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2076
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2077
2077
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2078
2078
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2079
2079
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
@@ -2092,7 +2092,7 @@
2092
2092
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2093
2093
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2094
2094
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2095
- --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
2095
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2096
2096
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2097
2097
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
2098
2098
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
package/odeditor/all.scss CHANGED
@@ -77,11 +77,11 @@
77
77
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
78
78
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
79
79
  --wds-sidebar-item-text-dark-disabled: #898b8f;
80
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
81
80
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
82
81
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
83
82
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
84
83
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
84
+ --wds-sidebar-divider-fill-light-default: transparent;
85
85
  --wds-sidebar-divider-fill-dark-default: #42454c;
86
86
  --wds-sidebar-clear-button-fill: #5a5d63;
87
87
  --wds-side-panel-header-divider-height: 0;
@@ -513,7 +513,6 @@
513
513
  --wds-toast-horizontal-padding: var(--wds-space-300);
514
514
  --wds-toast-border-radius: var(--wds-border-radius-400);
515
515
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
516
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
517
516
  --wds-thumbnail-overlay-fill: var(--wds-color-white-transparent-0);
518
517
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
519
518
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -599,8 +598,8 @@
599
598
  --wds-space-padding-horizontal-x-tiny: var(--wds-space-200);
600
599
  --wds-space-padding-horizontal-tiny: var(--wds-space-300);
601
600
  --wds-space-padding-horizontal-small: var(--wds-space-400);
602
- --wds-space-padding-horizontal-medium: var(--wds-space-300);
603
- --wds-space-padding-horizontal-large: var(--wds-space-400);
601
+ --wds-space-padding-horizontal-medium: var(--wds-space-500);
602
+ --wds-space-padding-horizontal-large: var(--wds-space-600);
604
603
  --wds-space-mobile-viewport-spacing: var(--wds-space-800);
605
604
  --wds-social-preview-content-padding-vertical: var(--wds-space-200);
606
605
  --wds-social-preview-content-padding-horizontal: var(--wds-space-300);
@@ -615,18 +614,17 @@
615
614
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
616
615
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
617
616
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
617
+ --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
618
+ --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
619
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
618
620
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
619
621
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
620
622
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
621
623
  --wds-sidebar-minimize-tooltip-fill-neutral-default: var(--wds-color-white);
622
624
  --wds-sidebar-minimize-tooltip-fill-light-default: var(--wds-color-white);
623
- --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-blue-100);
624
- --wds-sidebar-minimize-action-text-light-default: var(--wds-color-blue-100);
625
625
  --wds-sidebar-minimize-action-text-dark-default: var(--wds-color-black-550);
626
- --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-blue-400);
627
- --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-blue-400);
628
- --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
629
- --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
626
+ --wds-sidebar-minimize-action-fill-neutral-default: var(--wds-color-black-600);
627
+ --wds-sidebar-minimize-action-fill-light-default: var(--wds-color-black-600);
630
628
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
631
629
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
632
630
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
@@ -643,21 +641,21 @@
643
641
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
644
642
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
645
643
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
646
- --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
644
+ --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-750);
645
+ --wds-sidebar-item-level-2-fill-light-default: var(--wds-color-black-750);
647
646
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
648
647
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
649
648
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
650
649
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
651
- --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
652
- --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
653
- --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
654
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
655
- --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
656
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
650
+ --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-600);
651
+ --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-750);
652
+ --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-550);
653
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
654
+ --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-black-750);
655
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
657
656
  --wds-sidebar-item-content-gap: var(--wds-space-200);
658
657
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
659
658
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
660
- --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
661
659
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
662
660
  --wds-side-panel-header-padding-vertical: var(--wds-space-400);
663
661
  --wds-side-panel-header-padding-right: var(--wds-space-300);
@@ -927,15 +925,15 @@
927
925
  --wds-list-item-select-affix-margin: var(--wds-space-100);
928
926
  --wds-list-item-select-active-fill-hover: var(--wds-color-blue-600);
929
927
  --wds-list-item-section-title-label-fill-neutral: var(--wds-color-black-500);
930
- --wds-list-item-section-padding-vertical-neutral: var(--wds-space-250);
928
+ --wds-list-item-section-padding-vertical-neutral: var(--wds-space-200);
931
929
  --wds-list-item-section-padding-top: var(--wds-space-200);
932
- --wds-list-item-section-padding-horizontal: var(--wds-space-200);
933
- --wds-list-item-section-padding-bottom: var(--wds-space-300);
934
- --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-regular);
930
+ --wds-list-item-section-padding-horizontal: var(--wds-space-300);
931
+ --wds-list-item-section-padding-bottom: var(--wds-space-200);
932
+ --wds-list-item-section-font-weight-neutral: var(--wds-font-weight-semi-bold);
935
933
  --wds-list-item-section-font-weight: var(--wds-font-weight-semi-bold);
936
934
  --wds-list-item-section-divider-padding-top: var(--wds-space-200);
937
- --wds-list-item-section-divider-padding-horizontal: var(--wds-space-0);
938
- --wds-list-item-section-divider-padding-bottom: var(--wds-space-0);
935
+ --wds-list-item-section-divider-padding-horizontal: var(--wds-space-200);
936
+ --wds-list-item-section-divider-padding-bottom: var(--wds-space-200);
939
937
  --wds-list-item-action-title-font-weight-active: var(--wds-font-weight-bold);
940
938
  --wds-list-item-action-title-font-weight: var(--wds-font-weight-medium);
941
939
  --wds-list-item-action-padding-vertical-small-screen-small: var(--wds-space-200);
@@ -1670,7 +1668,6 @@
1670
1668
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1671
1669
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1672
1670
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1673
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1674
1671
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1675
1672
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1676
1673
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -1699,11 +1696,15 @@
1699
1696
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-tertiary);
1700
1697
  --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
1701
1698
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
1699
+ --wds-sidebar-minimize-action-text-neutral-default: var(--wds-color-text-standard-primary);
1700
+ --wds-sidebar-minimize-action-text-light-default: var(--wds-color-text-standard-primary);
1702
1701
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1703
1702
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1704
1703
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1704
+ --wds-sidebar-item-text-neutral-active: var(--wds-color-text-standard-primary);
1705
1705
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1706
1706
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1707
+ --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
1707
1708
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1708
1709
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1709
1710
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
@@ -1795,9 +1796,9 @@
1795
1796
  --wds-list-item-select-active-fill-active: var(--wds-color-fill-standard-tertiary-active);
1796
1797
  --wds-list-item-select-active-fill: var(--wds-color-fill-dark-tertiary-active);
1797
1798
  --wds-list-item-section-title-label-fill: var(--wds-color-text-placeholder);
1798
- --wds-list-item-section-font-size: var(--wds-font-size-body-small);
1799
- --wds-list-item-section-fill-neutral: var(--wds-color-fill-standard-tertiary);
1800
- --wds-list-item-section-fill: var(--wds-color-fill-standard-tertiary);
1799
+ --wds-list-item-section-font-size: var(--wds-font-size-body-tiny);
1800
+ --wds-list-item-section-fill-neutral: var(--wds-color-fill-transparent-secondary);
1801
+ --wds-list-item-section-fill: var(--wds-color-fill-transparent-secondary);
1801
1802
  --wds-list-item-action-suffix-fill-active: var(--wds-color-text-standard-primary);
1802
1803
  --wds-list-item-action-suffix-fill: var(--wds-color-text-standard-primary);
1803
1804
  --wds-list-item-action-subtitle-font-size: var(--wds-font-size-body-tiny);
@@ -2073,7 +2074,6 @@
2073
2074
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2074
2075
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2075
2076
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2076
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2077
2077
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2078
2078
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2079
2079
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
@@ -2092,7 +2092,7 @@
2092
2092
  --wds-message-modal-text-font-line-height: var(--wds-font-line-height-body-small);
2093
2093
  --wds-list-item-select-label-font-line-height-small: var(--wds-font-line-height-body-small);
2094
2094
  --wds-list-item-select-label-font-line-height-medium: var(--wds-font-line-height-body-medium);
2095
- --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-small);
2095
+ --wds-list-item-section-font-line-height: var(--wds-font-line-height-body-tiny);
2096
2096
  --wds-list-item-action-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2097
2097
  --wds-list-item-action-label-font-line-height-small: var(--wds-font-line-height-body-small);
2098
2098
  --wds-list-item-action-label-font-line-height-medium: var(--wds-font-line-height-body-medium);