@wix/design-system-tokens 1.210.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 (22) 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 +18 -18
  7. package/odeditor/all.scss +18 -18
  8. package/odeditor/all.st.css +21 -21
  9. package/odeditor/component.st.css +21 -21
  10. package/odeditor-dark/all.css +1 -3
  11. package/odeditor-dark/all.scss +1 -3
  12. package/odeditor-dark/all.st.css +2 -6
  13. package/odeditor-dark/component.st.css +2 -6
  14. package/package.json +2 -2
  15. package/studio/all.css +1 -3
  16. package/studio/all.scss +1 -3
  17. package/studio/all.st.css +2 -6
  18. package/studio/component.st.css +2 -6
  19. package/wixel/all.css +1 -3
  20. package/wixel/all.scss +1 -3
  21. package/wixel/all.st.css +2 -6
  22. 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;
@@ -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);
@@ -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);
@@ -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);
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);
@@ -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);
@@ -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);
@@ -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);
package/odeditor/all.st.css CHANGED
@@ -1698,9 +1698,12 @@
1698
1698
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1699
1699
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1700
1700
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1701
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1701
1702
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1702
1703
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1703
1704
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1705
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1706
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1704
1707
  @property st-global(--wds-skeleton-border-radius-circle);
1705
1708
  @property st-global(--wds-skeleton-border-radius-line);
1706
1709
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1880,9 +1883,6 @@
1880
1883
  @property st-global(--wds-thumbnail-subtitle-fill);
1881
1884
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1882
1885
  @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
1886
  @property st-global(--wds-thumbnail-title-padding-top);
1887
1887
  @property st-global(--wds-timeline-title-font-line-height);
1888
1888
  @property st-global(--wds-timeline-title-font-size);
@@ -3765,7 +3765,7 @@
3765
3765
  --wds-side-panel-title-font-size: 16px;
3766
3766
  --wds-sidebar-clear-button-fill: #5a5d63;
3767
3767
  --wds-sidebar-divider-fill-dark-default: #42454c;
3768
- --wds-sidebar-divider-fill-light-default: #dedede;
3768
+ --wds-sidebar-divider-fill-light-default: transparent;
3769
3769
  --wds-sidebar-divider-fill-neutral-default: #dedede;
3770
3770
  --wds-sidebar-header-margin-bottom: 12px;
3771
3771
  --wds-sidebar-header-text-dark-default: #ffffff;
@@ -3773,19 +3773,19 @@
3773
3773
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
3774
3774
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
3775
3775
  --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;
3776
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
3777
+ --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
3778
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
3779
+ --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
3780
+ --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
3781
+ --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
3782
3782
  --wds-sidebar-item-level-1-padding-bottom: 8px;
3783
3783
  --wds-sidebar-item-level-1-padding-end: 18px;
3784
3784
  --wds-sidebar-item-level-1-padding-start: 24px;
3785
3785
  --wds-sidebar-item-level-1-padding-top: 8px;
3786
3786
  --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;
3787
+ --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
3788
+ --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
3789
3789
  --wds-sidebar-item-level-2-padding-bottom: 6px;
3790
3790
  --wds-sidebar-item-level-2-padding-end: 18px;
3791
3791
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -3803,28 +3803,31 @@
3803
3803
  --wds-sidebar-item-text-dark-active: #ffffff;
3804
3804
  --wds-sidebar-item-text-dark-default: #dedede;
3805
3805
  --wds-sidebar-item-text-dark-disabled: #898b8f;
3806
- --wds-sidebar-item-text-light-active: #0f2ccf;
3806
+ --wds-sidebar-item-text-light-active: #151414;
3807
3807
  --wds-sidebar-item-text-light-default: #383838;
3808
3808
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
3809
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
3809
+ --wds-sidebar-item-text-neutral-active: #151414;
3810
3810
  --wds-sidebar-item-text-neutral-default: #383838;
3811
3811
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
3812
3812
  --wds-sidebar-item-title: #767574;
3813
3813
  --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;
3814
+ --wds-sidebar-minimize-action-fill-light-default: #e8e7e7;
3815
+ --wds-sidebar-minimize-action-fill-neutral-default: #e8e7e7;
3816
3816
  --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;
3817
+ --wds-sidebar-minimize-action-text-light-default: #151414;
3818
+ --wds-sidebar-minimize-action-text-neutral-default: #151414;
3819
3819
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
3820
3820
  --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
3821
3821
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
3822
3822
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3823
3823
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
3824
3824
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
3825
+ --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
3825
3826
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3826
3827
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3827
3828
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
3829
+ --wds-sidebar-scrollbar-fill-light-default: #dedede;
3830
+ --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
3828
3831
  --wds-skeleton-border-radius-circle: 1000px;
3829
3832
  --wds-skeleton-border-radius-line: 4px;
3830
3833
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -4004,9 +4007,6 @@
4004
4007
  --wds-thumbnail-subtitle-fill: #383838;
4005
4008
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4006
4009
  --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
4010
  --wds-thumbnail-title-padding-top: 4px;
4011
4011
  --wds-timeline-title-font-line-height: 16px;
4012
4012
  --wds-timeline-title-font-size: 12px;
package/odeditor/component.st.css CHANGED
@@ -1000,9 +1000,12 @@
1000
1000
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1001
1001
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1002
1002
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1003
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1003
1004
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1004
1005
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1005
1006
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
1007
+ @property st-global(--wds-sidebar-scrollbar-fill-light-default);
1008
+ @property st-global(--wds-sidebar-scrollbar-fill-neutral-default);
1006
1009
  @property st-global(--wds-skeleton-border-radius-circle);
1007
1010
  @property st-global(--wds-skeleton-border-radius-line);
1008
1011
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1136,9 +1139,6 @@
1136
1139
  @property st-global(--wds-thumbnail-subtitle-fill);
1137
1140
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1138
1141
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1139
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1140
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1141
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1142
1142
  @property st-global(--wds-thumbnail-title-padding-top);
1143
1143
  @property st-global(--wds-timeline-title-font-line-height);
1144
1144
  @property st-global(--wds-timeline-title-font-size);
@@ -2321,7 +2321,7 @@
2321
2321
  --wds-side-panel-title-font-size: 16px;
2322
2322
  --wds-sidebar-clear-button-fill: #5a5d63;
2323
2323
  --wds-sidebar-divider-fill-dark-default: #42454c;
2324
- --wds-sidebar-divider-fill-light-default: #dedede;
2324
+ --wds-sidebar-divider-fill-light-default: transparent;
2325
2325
  --wds-sidebar-divider-fill-neutral-default: #dedede;
2326
2326
  --wds-sidebar-header-margin-bottom: 12px;
2327
2327
  --wds-sidebar-header-text-dark-default: #ffffff;
@@ -2329,19 +2329,19 @@
2329
2329
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2330
2330
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2331
2331
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2332
- --wds-sidebar-item-level-1-fill-light-active: #acbeff;
2333
- --wds-sidebar-item-level-1-fill-light-default: #ffffff;
2334
- --wds-sidebar-item-level-1-fill-light-hover: #d5dfff;
2335
- --wds-sidebar-item-level-1-fill-neutral-active: #acbeff;
2336
- --wds-sidebar-item-level-1-fill-neutral-default: #f0efef;
2337
- --wds-sidebar-item-level-1-fill-neutral-hover: #d5dfff;
2332
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
2333
+ --wds-sidebar-item-level-1-fill-light-default: #f8f6f6;
2334
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
2335
+ --wds-sidebar-item-level-1-fill-neutral-active: #dedede;
2336
+ --wds-sidebar-item-level-1-fill-neutral-default: #f8f6f6;
2337
+ --wds-sidebar-item-level-1-fill-neutral-hover: #e8e7e7;
2338
2338
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2339
2339
  --wds-sidebar-item-level-1-padding-end: 18px;
2340
2340
  --wds-sidebar-item-level-1-padding-start: 24px;
2341
2341
  --wds-sidebar-item-level-1-padding-top: 8px;
2342
2342
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2343
- --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
2344
- --wds-sidebar-item-level-2-fill-neutral-default: #f0efef;
2343
+ --wds-sidebar-item-level-2-fill-light-default: #f8f6f6;
2344
+ --wds-sidebar-item-level-2-fill-neutral-default: #f8f6f6;
2345
2345
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2346
2346
  --wds-sidebar-item-level-2-padding-end: 18px;
2347
2347
  --wds-sidebar-item-level-2-padding-start: 52px;
@@ -2359,28 +2359,31 @@
2359
2359
  --wds-sidebar-item-text-dark-active: #ffffff;
2360
2360
  --wds-sidebar-item-text-dark-default: #dedede;
2361
2361
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2362
- --wds-sidebar-item-text-light-active: #0f2ccf;
2362
+ --wds-sidebar-item-text-light-active: #151414;
2363
2363
  --wds-sidebar-item-text-light-default: #383838;
2364
2364
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
2365
- --wds-sidebar-item-text-neutral-active: #0f2ccf;
2365
+ --wds-sidebar-item-text-neutral-active: #151414;
2366
2366
  --wds-sidebar-item-text-neutral-default: #383838;
2367
2367
  --wds-sidebar-item-text-neutral-disabled: #a8a6a5;
2368
2368
  --wds-sidebar-item-title: #767574;
2369
2369
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
2370
- --wds-sidebar-minimize-action-fill-light-default: #d5dfff;
2371
- --wds-sidebar-minimize-action-fill-neutral-default: #d5dfff;
2370
+ --wds-sidebar-minimize-action-fill-light-default: #e8e7e7;
2371
+ --wds-sidebar-minimize-action-fill-neutral-default: #e8e7e7;
2372
2372
  --wds-sidebar-minimize-action-text-dark-default: #dedede;
2373
- --wds-sidebar-minimize-action-text-light-default: #2f5dff;
2374
- --wds-sidebar-minimize-action-text-neutral-default: #2f5dff;
2373
+ --wds-sidebar-minimize-action-text-light-default: #151414;
2374
+ --wds-sidebar-minimize-action-text-neutral-default: #151414;
2375
2375
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
2376
2376
  --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
2377
2377
  --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
2378
2378
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2379
2379
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
2380
2380
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
2381
+ --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
2381
2382
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2382
2383
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2383
2384
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
2385
+ --wds-sidebar-scrollbar-fill-light-default: #dedede;
2386
+ --wds-sidebar-scrollbar-fill-neutral-default: #dedede;
2384
2387
  --wds-skeleton-border-radius-circle: 1000px;
2385
2388
  --wds-skeleton-border-radius-line: 4px;
2386
2389
  --wds-skeleton-border-radius-rectangle: 4px;
@@ -2514,9 +2517,6 @@
2514
2517
  --wds-thumbnail-subtitle-fill: #383838;
2515
2518
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2516
2519
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2517
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2518
- --wds-thumbnail-title-font-size-tiny: 12px;
2519
- --wds-thumbnail-title-font-weight-tiny: 500;
2520
2520
  --wds-thumbnail-title-padding-top: 4px;
2521
2521
  --wds-timeline-title-font-line-height: 16px;
2522
2522
  --wds-timeline-title-font-size: 12px;
package/odeditor-dark/all.css CHANGED
@@ -941,7 +941,6 @@
941
941
  --wds-toast-border-radius: var(--wds-border-radius-600);
942
942
  --wds-toast-background-fill: var(--wds-color-white);
943
943
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
944
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
945
944
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
946
945
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
947
946
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -1030,6 +1029,7 @@
1030
1029
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1031
1030
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1032
1031
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1032
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1033
1033
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1034
1034
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1035
1035
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1713,7 +1713,6 @@
1713
1713
  --wds-toast-text-fill: var(--wds-color-text-standard-primary);
1714
1714
  --wds-toast-action-color: var(--wds-color-text-standard-primary);
1715
1715
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1716
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1717
1716
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1718
1717
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1719
1718
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -2081,7 +2080,6 @@
2081
2080
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2082
2081
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2083
2082
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2084
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2085
2083
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2086
2084
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2087
2085
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.scss CHANGED
@@ -520,7 +520,6 @@
520
520
  --wds-toast-border-radius: var(--wds-border-radius-600);
521
521
  --wds-toast-background-fill: var(--wds-color-white);
522
522
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
523
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-medium);
524
523
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
525
524
  --wds-thumbnail-illustration-fill-3: var(--wds-color-blue-500);
526
525
  --wds-thumbnail-illustration-fill-2: var(--wds-color-blue-100);
@@ -623,6 +622,7 @@
623
622
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
624
623
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
625
624
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
625
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
626
626
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
627
627
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
628
628
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1698,7 +1698,6 @@
1698
1698
  --wds-toast-text-fill: var(--wds-color-text-standard-primary);
1699
1699
  --wds-toast-action-color: var(--wds-color-text-standard-primary);
1700
1700
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1701
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1702
1701
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1703
1702
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1704
1703
  --wds-thumbnail-border-color-selected: var(--wds-color-border-standard-secondary-active);
@@ -2081,7 +2080,6 @@
2081
2080
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2082
2081
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2083
2082
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2084
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2085
2083
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2086
2084
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2087
2085
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.st.css CHANGED
@@ -1707,6 +1707,7 @@
1707
1707
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1708
1708
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1709
1709
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1710
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1710
1711
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1711
1712
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1712
1713
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1889,9 +1890,6 @@
1889
1890
  @property st-global(--wds-thumbnail-subtitle-fill);
1890
1891
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1891
1892
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1892
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1893
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1894
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1895
1893
  @property st-global(--wds-thumbnail-title-padding-top);
1896
1894
  @property st-global(--wds-timeline-title-font-line-height);
1897
1895
  @property st-global(--wds-timeline-title-font-size);
@@ -3840,6 +3838,7 @@
3840
3838
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
3841
3839
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
3842
3840
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
3841
+ --wds-sidebar-navigation-arrow-fill-neutral: #212122;
3843
3842
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3844
3843
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3845
3844
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -4022,9 +4021,6 @@
4022
4021
  --wds-thumbnail-subtitle-fill: #D4D3D2;
4023
4022
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4024
4023
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4025
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4026
- --wds-thumbnail-title-font-size-tiny: 12px;
4027
- --wds-thumbnail-title-font-weight-tiny: 500;
4028
4024
  --wds-thumbnail-title-padding-top: 4px;
4029
4025
  --wds-timeline-title-font-line-height: 16px;
4030
4026
  --wds-timeline-title-font-size: 12px;
package/odeditor-dark/component.st.css CHANGED
@@ -1008,6 +1008,7 @@
1008
1008
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1009
1009
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1010
1010
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1011
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1011
1012
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1012
1013
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1013
1014
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1144,9 +1145,6 @@
1144
1145
  @property st-global(--wds-thumbnail-subtitle-fill);
1145
1146
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1146
1147
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1147
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1148
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1149
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1150
1148
  @property st-global(--wds-thumbnail-title-padding-top);
1151
1149
  @property st-global(--wds-timeline-title-font-line-height);
1152
1150
  @property st-global(--wds-timeline-title-font-size);
@@ -2394,6 +2392,7 @@
2394
2392
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
2395
2393
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
2396
2394
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
2395
+ --wds-sidebar-navigation-arrow-fill-neutral: #212122;
2397
2396
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2398
2397
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2399
2398
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2530,9 +2529,6 @@
2530
2529
  --wds-thumbnail-subtitle-fill: #D4D3D2;
2531
2530
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2532
2531
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2533
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2534
- --wds-thumbnail-title-font-size-tiny: 12px;
2535
- --wds-thumbnail-title-font-weight-tiny: 500;
2536
2532
  --wds-thumbnail-title-padding-top: 4px;
2537
2533
  --wds-timeline-title-font-line-height: 16px;
2538
2534
  --wds-timeline-title-font-size: 12px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.210.0",
3
+ "version": "1.211.0",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -32,5 +32,5 @@
32
32
  "author": "augustinasv@wix.com",
33
33
  "description": "Design system tokens",
34
34
  "packageManager": "yarn@3.5.0",
35
- "falconPackageHash": "af595df309d3a2340bcbda92183bc166a4d696a4ad29d523d106cb4c"
35
+ "falconPackageHash": "f11bd8500e3805fe578ae9376c176fdb17f7da1800f0453ba0384bd9"
36
36
  }
package/studio/all.css CHANGED
@@ -928,7 +928,6 @@
928
928
  --wds-toast-horizontal-padding: var(--wds-space-200);
929
929
  --wds-toast-border-radius: var(--wds-border-radius-400);
930
930
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
931
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
932
931
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
933
932
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
934
933
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -1009,6 +1008,7 @@
1009
1008
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1010
1009
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1011
1010
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1011
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1012
1012
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1013
1013
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1014
1014
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1677,7 +1677,6 @@
1677
1677
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1678
1678
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1679
1679
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1680
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1681
1680
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1682
1681
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1683
1682
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
@@ -2115,7 +2114,6 @@
2115
2114
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2116
2115
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2117
2116
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2118
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2119
2117
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2120
2118
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2121
2119
  --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/studio/all.scss CHANGED
@@ -518,7 +518,6 @@
518
518
  --wds-toast-horizontal-padding: var(--wds-space-200);
519
519
  --wds-toast-border-radius: var(--wds-border-radius-400);
520
520
  --wds-thumbnail-title-padding-top: var(--wds-space-100);
521
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-regular);
522
521
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-0);
523
522
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
524
523
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -613,6 +612,7 @@
613
612
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
614
613
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
615
614
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
615
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
616
616
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
617
617
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
618
618
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1661,7 +1661,6 @@
1661
1661
  --wds-toast-background-fill: var(--wds-color-fill-dark-primary);
1662
1662
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1663
1663
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1664
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1665
1664
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-tiny);
1666
1665
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary);
1667
1666
  --wds-thumbnail-border-color: var(--wds-color-border-dark-secondary);
@@ -2115,7 +2114,6 @@
2115
2114
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2116
2115
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2117
2116
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2118
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2119
2117
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2120
2118
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2121
2119
  --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/studio/all.st.css CHANGED
@@ -1739,6 +1739,7 @@
1739
1739
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1740
1740
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1741
1741
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1742
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1742
1743
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1743
1744
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1744
1745
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1907,9 +1908,6 @@
1907
1908
  @property st-global(--wds-thumbnail-subtitle-fill);
1908
1909
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1909
1910
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1910
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1911
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1912
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1913
1911
  @property st-global(--wds-thumbnail-title-padding-top);
1914
1912
  @property st-global(--wds-timeline-title-font-line-height);
1915
1913
  @property st-global(--wds-timeline-title-font-size);
@@ -3903,6 +3901,7 @@
3903
3901
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3904
3902
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
3905
3903
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
3904
+ --wds-sidebar-navigation-arrow-fill-neutral: #131720;
3906
3905
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3907
3906
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3908
3907
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -4071,9 +4070,6 @@
4071
4070
  --wds-thumbnail-subtitle-fill: #42454c;
4072
4071
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
4073
4072
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
4074
- --wds-thumbnail-title-font-line-height-tiny: 16px;
4075
- --wds-thumbnail-title-font-size-tiny: 12px;
4076
- --wds-thumbnail-title-font-weight-tiny: 400;
4077
4073
  --wds-thumbnail-title-padding-top: 4px;
4078
4074
  --wds-timeline-title-font-line-height: 16px;
4079
4075
  --wds-timeline-title-font-size: 12px;
package/studio/component.st.css CHANGED
@@ -1042,6 +1042,7 @@
1042
1042
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1043
1043
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1044
1044
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1045
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1045
1046
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1046
1047
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1047
1048
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1166,9 +1167,6 @@
1166
1167
  @property st-global(--wds-thumbnail-subtitle-fill);
1167
1168
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1168
1169
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1169
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1170
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1171
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1172
1170
  @property st-global(--wds-thumbnail-title-padding-top);
1173
1171
  @property st-global(--wds-timeline-title-font-line-height);
1174
1172
  @property st-global(--wds-timeline-title-font-size);
@@ -2463,6 +2461,7 @@
2463
2461
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2464
2462
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2465
2463
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2464
+ --wds-sidebar-navigation-arrow-fill-neutral: #131720;
2466
2465
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2467
2466
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2468
2467
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2587,9 +2586,6 @@
2587
2586
  --wds-thumbnail-subtitle-fill: #42454c;
2588
2587
  --wds-thumbnail-subtitle-font-line-height-tiny: 16px;
2589
2588
  --wds-thumbnail-subtitle-font-size-tiny: 12px;
2590
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2591
- --wds-thumbnail-title-font-size-tiny: 12px;
2592
- --wds-thumbnail-title-font-weight-tiny: 400;
2593
2589
  --wds-thumbnail-title-padding-top: 4px;
2594
2590
  --wds-timeline-title-font-line-height: 16px;
2595
2591
  --wds-timeline-title-font-size: 12px;
package/wixel/all.css CHANGED
@@ -891,7 +891,6 @@
891
891
  --wds-toast-horizontal-padding: var(--wds-space-200);
892
892
  --wds-toast-border-radius: var(--wds-border-radius-400);
893
893
  --wds-thumbnail-title-padding-top: var(--wds-space-150);
894
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-semi-bold);
895
894
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
896
895
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
897
896
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -974,6 +973,7 @@
974
973
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
975
974
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
976
975
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
976
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
977
977
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
978
978
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
979
979
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1610,7 +1610,6 @@
1610
1610
  --wds-toast-background-fill: var(--wds-color-fill-surface-overlay-dark);
1611
1611
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1612
1612
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1613
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1614
1613
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1615
1614
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary-light);
1616
1615
  --wds-thumbnail-fill-hover: var(--wds-color-fill-standard-secondary-hover);
@@ -2045,7 +2044,6 @@
2045
2044
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2046
2045
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2047
2046
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2048
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2049
2047
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2050
2048
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2051
2049
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-tiny);
package/wixel/all.scss CHANGED
@@ -497,7 +497,6 @@
497
497
  --wds-toast-horizontal-padding: var(--wds-space-200);
498
498
  --wds-toast-border-radius: var(--wds-border-radius-400);
499
499
  --wds-thumbnail-title-padding-top: var(--wds-space-150);
500
- --wds-thumbnail-title-font-weight-tiny: var(--wds-font-weight-semi-bold);
501
500
  --wds-thumbnail-overlay-fill: var(--wds-color-black-100-transparent-10);
502
501
  --wds-thumbnail-illustration-fill-3: var(--wds-color-black-750);
503
502
  --wds-thumbnail-illustration-fill-2: var(--wds-color-black-100);
@@ -594,6 +593,7 @@
594
593
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
595
594
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
596
595
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
596
+ --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
597
597
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
598
598
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
599
599
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1595,7 +1595,6 @@
1595
1595
  --wds-toast-background-fill: var(--wds-color-fill-surface-overlay-dark);
1596
1596
  --wds-toast-action-color: var(--wds-color-fill-light-primary);
1597
1597
  --wds-timeline-title-font-size: var(--wds-font-size-body-tiny);
1598
- --wds-thumbnail-title-font-size-tiny: var(--wds-font-size-body-tiny);
1599
1598
  --wds-thumbnail-subtitle-font-size-tiny: var(--wds-font-size-body-extra-tiny);
1600
1599
  --wds-thumbnail-subtitle-fill: var(--wds-color-text-standard-secondary-light);
1601
1600
  --wds-thumbnail-fill-hover: var(--wds-color-fill-standard-secondary-hover);
@@ -2045,7 +2044,6 @@
2045
2044
  --wds-tooltip-label-font-line-height-medium: var(--wds-font-line-height-body-small);
2046
2045
  --wds-toggle-button-label-font-line-height-round-small: var(--wds-font-line-height-body-tiny);
2047
2046
  --wds-timeline-title-font-line-height: var(--wds-font-line-height-body-tiny);
2048
- --wds-thumbnail-title-font-line-height-tiny: var(--wds-font-line-height-body-tiny);
2049
2047
  --wds-thumbnail-subtitle-font-line-height-tiny: var(--wds-font-line-height-body-extra-tiny);
2050
2048
  --wds-tag-label-font-line-height-small: var(--wds-font-line-height-body-tiny);
2051
2049
  --wds-tabs-label-line-height-small-medium: var(--wds-font-line-height-body-tiny);
package/wixel/all.st.css CHANGED
@@ -1682,6 +1682,7 @@
1682
1682
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1683
1683
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1684
1684
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1685
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1685
1686
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1686
1687
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1687
1688
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1849,9 +1850,6 @@
1849
1850
  @property st-global(--wds-thumbnail-subtitle-fill);
1850
1851
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1851
1852
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1852
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1853
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1854
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1855
1853
  @property st-global(--wds-thumbnail-title-padding-top);
1856
1854
  @property st-global(--wds-timeline-title-font-line-height);
1857
1855
  @property st-global(--wds-timeline-title-font-size);
@@ -3782,6 +3780,7 @@
3782
3780
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
3783
3781
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
3784
3782
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
3783
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
3785
3784
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
3786
3785
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
3787
3786
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -3949,9 +3948,6 @@
3949
3948
  --wds-thumbnail-subtitle-fill: #acafc4;
3950
3949
  --wds-thumbnail-subtitle-font-line-height-tiny: 14px;
3951
3950
  --wds-thumbnail-subtitle-font-size-tiny: 10px;
3952
- --wds-thumbnail-title-font-line-height-tiny: 16px;
3953
- --wds-thumbnail-title-font-size-tiny: 12px;
3954
- --wds-thumbnail-title-font-weight-tiny: 600;
3955
3951
  --wds-thumbnail-title-padding-top: 6px;
3956
3952
  --wds-timeline-title-font-line-height: 16px;
3957
3953
  --wds-timeline-title-font-size: 12px;
package/wixel/component.st.css CHANGED
@@ -1015,6 +1015,7 @@
1015
1015
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1016
1016
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1017
1017
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1018
+ @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1018
1019
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1019
1020
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1020
1021
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -1138,9 +1139,6 @@
1138
1139
  @property st-global(--wds-thumbnail-subtitle-fill);
1139
1140
  @property st-global(--wds-thumbnail-subtitle-font-line-height-tiny);
1140
1141
  @property st-global(--wds-thumbnail-subtitle-font-size-tiny);
1141
- @property st-global(--wds-thumbnail-title-font-line-height-tiny);
1142
- @property st-global(--wds-thumbnail-title-font-size-tiny);
1143
- @property st-global(--wds-thumbnail-title-font-weight-tiny);
1144
1142
  @property st-global(--wds-thumbnail-title-padding-top);
1145
1143
  @property st-global(--wds-timeline-title-font-line-height);
1146
1144
  @property st-global(--wds-timeline-title-font-size);
@@ -2402,6 +2400,7 @@
2402
2400
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2403
2401
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2404
2402
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2403
+ --wds-sidebar-navigation-arrow-fill-neutral: #000624;
2405
2404
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2406
2405
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2407
2406
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
@@ -2525,9 +2524,6 @@
2525
2524
  --wds-thumbnail-subtitle-fill: #acafc4;
2526
2525
  --wds-thumbnail-subtitle-font-line-height-tiny: 14px;
2527
2526
  --wds-thumbnail-subtitle-font-size-tiny: 10px;
2528
- --wds-thumbnail-title-font-line-height-tiny: 16px;
2529
- --wds-thumbnail-title-font-size-tiny: 12px;
2530
- --wds-thumbnail-title-font-weight-tiny: 600;
2531
2527
  --wds-thumbnail-title-padding-top: 6px;
2532
2528
  --wds-timeline-title-font-line-height: 16px;
2533
2529
  --wds-timeline-title-font-size: 12px;