@wix/design-system-tokens 1.220.1 → 1.220.2

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 +14 -0
  2. package/all.css +27 -3
  3. package/all.scss +24 -0
  4. package/all.st.css +48 -0
  5. package/component.st.css +48 -0
  6. package/odeditor/all.css +29 -5
  7. package/odeditor/all.scss +26 -2
  8. package/odeditor/all.st.css +50 -2
  9. package/odeditor/component.st.css +50 -2
  10. package/odeditor-dark/all.css +29 -5
  11. package/odeditor-dark/all.scss +26 -2
  12. package/odeditor-dark/all.st.css +50 -2
  13. package/odeditor-dark/component.st.css +50 -2
  14. package/package.json +2 -2
  15. package/studio/all.css +27 -3
  16. package/studio/all.scss +24 -0
  17. package/studio/all.st.css +48 -0
  18. package/studio/component.st.css +48 -0
  19. package/wixel/all.css +27 -3
  20. package/wixel/all.scss +24 -0
  21. package/wixel/all.st.css +48 -0
  22. package/wixel/component.st.css +48 -0
package/odeditor/all.scss CHANGED
@@ -83,9 +83,12 @@
83
83
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
84
84
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
85
85
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
86
+ --wds-sidebar-minimized-width: 62px;
86
87
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
87
88
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
89
+ --wds-sidebar-item-text-line-clamp: 1;
88
90
  --wds-sidebar-item-text-dark-disabled: #898b8f;
91
+ --wds-sidebar-item-level-3-divider-display: none;
89
92
  --wds-sidebar-item-level-2-fill-neutral-default: transparent;
90
93
  --wds-sidebar-item-level-2-fill-light-default: transparent;
91
94
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
@@ -682,7 +685,12 @@
682
685
  --wds-sidebar-scrollbar-fill-neutral-default: var(--wds-color-black-550);
683
686
  --wds-sidebar-scrollbar-fill-light-hover: var(--wds-color-black-500);
684
687
  --wds-sidebar-scrollbar-fill-light-default: var(--wds-color-black-550);
688
+ --wds-sidebar-padding-top: var(--wds-space-600);
689
+ --wds-sidebar-padding-start: var(--wds-space-300);
690
+ --wds-sidebar-padding-end: var(--wds-space-150);
691
+ --wds-sidebar-padding-bottom: var(--wds-space-600);
685
692
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
693
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-350);
686
694
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
687
695
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
688
696
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -694,14 +702,20 @@
694
702
  --wds-sidebar-item-text-margin-block: var(--wds-space-150);
695
703
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
696
704
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
705
+ --wds-sidebar-item-suffix-gap: var(--wds-space-250);
697
706
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
698
707
  --wds-sidebar-item-prefix-margin-block: var(--wds-space-150);
708
+ --wds-sidebar-item-prefix-gap: var(--wds-space-200);
709
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-200);
699
710
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
700
711
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
701
712
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
702
713
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
703
714
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
704
715
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
716
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1300);
717
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: var(--wds-space-1300);
718
+ --wds-sidebar-item-level-3-indent: var(--wds-space-1300);
705
719
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
706
720
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
707
721
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -709,18 +723,26 @@
709
723
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
710
724
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
711
725
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
726
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-1050);
727
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: var(--wds-space-1050);
728
+ --wds-sidebar-item-level-2-indent: var(--wds-space-1050);
712
729
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
713
730
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
714
731
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
715
732
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
733
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-200);
734
+ --wds-sidebar-item-level-1-indent: var(--wds-space-350);
716
735
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-black-700);
717
736
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-black-600);
718
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-700);
719
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-600);
737
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
738
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
720
739
  --wds-sidebar-item-context-menu-padding-inline: var(--wds-space-200);
721
740
  --wds-sidebar-item-content-gap: var(--wds-space-200);
722
741
  --wds-sidebar-item-border-radius: var(--wds-border-radius-400);
723
742
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
743
+ --wds-sidebar-divider-padding-top: var(--wds-space-300);
744
+ --wds-sidebar-divider-padding-inline: var(--wds-space-200);
745
+ --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
724
746
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
725
747
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
726
748
  --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-medium);
@@ -1889,6 +1911,7 @@
1889
1911
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1890
1912
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1891
1913
  --wds-sidebar-item-text-light-active: var(--wds-color-text-standard-primary);
1914
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-small);
1892
1915
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1893
1916
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1894
1917
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-tiny);
@@ -2295,6 +2318,7 @@
2295
2318
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2296
2319
  --wds-statistics-widget-value-font-line-height-tiny: var(--wds-font-line-height-heading-2);
2297
2320
  --wds-statistics-widget-description-font-line-height: var(--wds-font-line-height-body-tiny);
2321
+ --wds-sidebar-item-text-line-height: var(--wds-font-line-height-body-small);
2298
2322
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-heading-3);
2299
2323
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2300
2324
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-heading-3);
package/odeditor/all.st.css CHANGED
@@ -1817,6 +1817,9 @@
1817
1817
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1818
1818
  @property st-global(--wds-sidebar-divider-fill-light-default);
1819
1819
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1820
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1821
+ @property st-global(--wds-sidebar-divider-padding-inline);
1822
+ @property st-global(--wds-sidebar-divider-padding-top);
1820
1823
  @property st-global(--wds-sidebar-header-margin-bottom);
1821
1824
  @property st-global(--wds-sidebar-header-text-dark-default);
1822
1825
  @property st-global(--wds-sidebar-item-border-radius);
@@ -1831,6 +1834,8 @@
1831
1834
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1832
1835
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1833
1836
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1837
+ @property st-global(--wds-sidebar-item-level-1-indent);
1838
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1834
1839
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1835
1840
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1836
1841
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1838,27 +1843,40 @@
1838
1843
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1839
1844
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1840
1845
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1846
+ @property st-global(--wds-sidebar-item-level-2-indent);
1847
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1848
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1841
1849
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1842
1850
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1843
1851
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1844
1852
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1853
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1845
1854
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1846
1855
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1847
1856
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1857
+ @property st-global(--wds-sidebar-item-level-3-indent);
1858
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1859
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1848
1860
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1849
1861
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1850
1862
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1851
1863
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1852
1864
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1853
1865
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1866
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1867
+ @property st-global(--wds-sidebar-item-prefix-gap);
1854
1868
  @property st-global(--wds-sidebar-item-prefix-margin-block);
1855
1869
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1870
+ @property st-global(--wds-sidebar-item-suffix-gap);
1856
1871
  @property st-global(--wds-sidebar-item-text-dark-active);
1857
1872
  @property st-global(--wds-sidebar-item-text-dark-default);
1858
1873
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1874
+ @property st-global(--wds-sidebar-item-text-font-size);
1859
1875
  @property st-global(--wds-sidebar-item-text-light-active);
1860
1876
  @property st-global(--wds-sidebar-item-text-light-default);
1861
1877
  @property st-global(--wds-sidebar-item-text-light-disabled);
1878
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1879
+ @property st-global(--wds-sidebar-item-text-line-height);
1862
1880
  @property st-global(--wds-sidebar-item-text-margin-block);
1863
1881
  @property st-global(--wds-sidebar-item-text-neutral-active);
1864
1882
  @property st-global(--wds-sidebar-item-text-neutral-default);
@@ -1876,7 +1894,13 @@
1876
1894
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1877
1895
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1878
1896
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1897
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1898
+ @property st-global(--wds-sidebar-minimized-width);
1879
1899
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1900
+ @property st-global(--wds-sidebar-padding-bottom);
1901
+ @property st-global(--wds-sidebar-padding-end);
1902
+ @property st-global(--wds-sidebar-padding-start);
1903
+ @property st-global(--wds-sidebar-padding-top);
1880
1904
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1881
1905
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1882
1906
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -4161,6 +4185,9 @@
4161
4185
  --wds-sidebar-divider-fill-dark-default: #42454c;
4162
4186
  --wds-sidebar-divider-fill-light-default: transparent;
4163
4187
  --wds-sidebar-divider-fill-neutral-default: #dedede;
4188
+ --wds-sidebar-divider-padding-bottom: 12px;
4189
+ --wds-sidebar-divider-padding-inline: 8px;
4190
+ --wds-sidebar-divider-padding-top: 12px;
4164
4191
  --wds-sidebar-header-margin-bottom: 12px;
4165
4192
  --wds-sidebar-header-text-dark-default: #ffffff;
4166
4193
  --wds-sidebar-item-border-radius: 8px;
@@ -4169,12 +4196,14 @@
4169
4196
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
4170
4197
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
4171
4198
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
4172
- --wds-sidebar-item-level-1-fill-light-active: #e8e7e7;
4199
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
4173
4200
  --wds-sidebar-item-level-1-fill-light-default: transparent;
4174
- --wds-sidebar-item-level-1-fill-light-hover: #f0efef;
4201
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
4175
4202
  --wds-sidebar-item-level-1-fill-neutral-active: #e8e7e7;
4176
4203
  --wds-sidebar-item-level-1-fill-neutral-default: transparent;
4177
4204
  --wds-sidebar-item-level-1-fill-neutral-hover: #f0efef;
4205
+ --wds-sidebar-item-level-1-indent: 14px;
4206
+ --wds-sidebar-item-level-1-indent-with-prefix: 8px;
4178
4207
  --wds-sidebar-item-level-1-padding-bottom: 8px;
4179
4208
  --wds-sidebar-item-level-1-padding-end: 18px;
4180
4209
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -4182,27 +4211,40 @@
4182
4211
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
4183
4212
  --wds-sidebar-item-level-2-fill-light-default: transparent;
4184
4213
  --wds-sidebar-item-level-2-fill-neutral-default: transparent;
4214
+ --wds-sidebar-item-level-2-indent: 42px;
4215
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 42px;
4216
+ --wds-sidebar-item-level-2-indent-with-prefix: 42px;
4185
4217
  --wds-sidebar-item-level-2-padding-bottom: 6px;
4186
4218
  --wds-sidebar-item-level-2-padding-end: 18px;
4187
4219
  --wds-sidebar-item-level-2-padding-start: 52px;
4188
4220
  --wds-sidebar-item-level-2-padding-top: 6px;
4221
+ --wds-sidebar-item-level-3-divider-display: none;
4189
4222
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
4190
4223
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
4191
4224
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
4225
+ --wds-sidebar-item-level-3-indent: 52px;
4226
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 52px;
4227
+ --wds-sidebar-item-level-3-indent-with-prefix: 52px;
4192
4228
  --wds-sidebar-item-level-3-padding-bottom: 6px;
4193
4229
  --wds-sidebar-item-level-3-padding-end: 18px;
4194
4230
  --wds-sidebar-item-level-3-padding-start: 52px;
4195
4231
  --wds-sidebar-item-level-3-padding-top: 6px;
4196
4232
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
4197
4233
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
4234
+ --wds-sidebar-item-padding-inline-end: 8px;
4235
+ --wds-sidebar-item-prefix-gap: 8px;
4198
4236
  --wds-sidebar-item-prefix-margin-block: 6px;
4199
4237
  --wds-sidebar-item-prefix-padding-end: 12px;
4238
+ --wds-sidebar-item-suffix-gap: 10px;
4200
4239
  --wds-sidebar-item-text-dark-active: #ffffff;
4201
4240
  --wds-sidebar-item-text-dark-default: #dedede;
4202
4241
  --wds-sidebar-item-text-dark-disabled: #898b8f;
4242
+ --wds-sidebar-item-text-font-size: 14px;
4203
4243
  --wds-sidebar-item-text-light-active: #151414;
4204
4244
  --wds-sidebar-item-text-light-default: #383838;
4205
4245
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
4246
+ --wds-sidebar-item-text-line-clamp: 1;
4247
+ --wds-sidebar-item-text-line-height: 18px;
4206
4248
  --wds-sidebar-item-text-margin-block: 6px;
4207
4249
  --wds-sidebar-item-text-neutral-active: #151414;
4208
4250
  --wds-sidebar-item-text-neutral-default: #383838;
@@ -4220,7 +4262,13 @@
4220
4262
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
4221
4263
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
4222
4264
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
4265
+ --wds-sidebar-minimized-padding-inline: 14px;
4266
+ --wds-sidebar-minimized-width: 62px;
4223
4267
  --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
4268
+ --wds-sidebar-padding-bottom: 24px;
4269
+ --wds-sidebar-padding-end: 6px;
4270
+ --wds-sidebar-padding-start: 12px;
4271
+ --wds-sidebar-padding-top: 24px;
4224
4272
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4225
4273
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4226
4274
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/odeditor/component.st.css CHANGED
@@ -1118,6 +1118,9 @@
1118
1118
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1119
1119
  @property st-global(--wds-sidebar-divider-fill-light-default);
1120
1120
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1121
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1122
+ @property st-global(--wds-sidebar-divider-padding-inline);
1123
+ @property st-global(--wds-sidebar-divider-padding-top);
1121
1124
  @property st-global(--wds-sidebar-header-margin-bottom);
1122
1125
  @property st-global(--wds-sidebar-header-text-dark-default);
1123
1126
  @property st-global(--wds-sidebar-item-border-radius);
@@ -1132,6 +1135,8 @@
1132
1135
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1133
1136
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1134
1137
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1138
+ @property st-global(--wds-sidebar-item-level-1-indent);
1139
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1135
1140
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1136
1141
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1137
1142
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1139,27 +1144,40 @@
1139
1144
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1140
1145
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1141
1146
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1147
+ @property st-global(--wds-sidebar-item-level-2-indent);
1148
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1149
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1142
1150
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1143
1151
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1144
1152
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1145
1153
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1154
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1146
1155
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1147
1156
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1148
1157
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1158
+ @property st-global(--wds-sidebar-item-level-3-indent);
1159
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1160
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1149
1161
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1150
1162
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1151
1163
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1152
1164
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1153
1165
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1154
1166
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1167
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1168
+ @property st-global(--wds-sidebar-item-prefix-gap);
1155
1169
  @property st-global(--wds-sidebar-item-prefix-margin-block);
1156
1170
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1171
+ @property st-global(--wds-sidebar-item-suffix-gap);
1157
1172
  @property st-global(--wds-sidebar-item-text-dark-active);
1158
1173
  @property st-global(--wds-sidebar-item-text-dark-default);
1159
1174
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1175
+ @property st-global(--wds-sidebar-item-text-font-size);
1160
1176
  @property st-global(--wds-sidebar-item-text-light-active);
1161
1177
  @property st-global(--wds-sidebar-item-text-light-default);
1162
1178
  @property st-global(--wds-sidebar-item-text-light-disabled);
1179
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1180
+ @property st-global(--wds-sidebar-item-text-line-height);
1163
1181
  @property st-global(--wds-sidebar-item-text-margin-block);
1164
1182
  @property st-global(--wds-sidebar-item-text-neutral-active);
1165
1183
  @property st-global(--wds-sidebar-item-text-neutral-default);
@@ -1177,7 +1195,13 @@
1177
1195
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1178
1196
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1179
1197
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1198
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1199
+ @property st-global(--wds-sidebar-minimized-width);
1180
1200
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1201
+ @property st-global(--wds-sidebar-padding-bottom);
1202
+ @property st-global(--wds-sidebar-padding-end);
1203
+ @property st-global(--wds-sidebar-padding-start);
1204
+ @property st-global(--wds-sidebar-padding-top);
1181
1205
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1182
1206
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1183
1207
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -2715,6 +2739,9 @@
2715
2739
  --wds-sidebar-divider-fill-dark-default: #42454c;
2716
2740
  --wds-sidebar-divider-fill-light-default: transparent;
2717
2741
  --wds-sidebar-divider-fill-neutral-default: #dedede;
2742
+ --wds-sidebar-divider-padding-bottom: 12px;
2743
+ --wds-sidebar-divider-padding-inline: 8px;
2744
+ --wds-sidebar-divider-padding-top: 12px;
2718
2745
  --wds-sidebar-header-margin-bottom: 12px;
2719
2746
  --wds-sidebar-header-text-dark-default: #ffffff;
2720
2747
  --wds-sidebar-item-border-radius: 8px;
@@ -2723,12 +2750,14 @@
2723
2750
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2724
2751
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2725
2752
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2726
- --wds-sidebar-item-level-1-fill-light-active: #e8e7e7;
2753
+ --wds-sidebar-item-level-1-fill-light-active: #dedede;
2727
2754
  --wds-sidebar-item-level-1-fill-light-default: transparent;
2728
- --wds-sidebar-item-level-1-fill-light-hover: #f0efef;
2755
+ --wds-sidebar-item-level-1-fill-light-hover: #e8e7e7;
2729
2756
  --wds-sidebar-item-level-1-fill-neutral-active: #e8e7e7;
2730
2757
  --wds-sidebar-item-level-1-fill-neutral-default: transparent;
2731
2758
  --wds-sidebar-item-level-1-fill-neutral-hover: #f0efef;
2759
+ --wds-sidebar-item-level-1-indent: 14px;
2760
+ --wds-sidebar-item-level-1-indent-with-prefix: 8px;
2732
2761
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2733
2762
  --wds-sidebar-item-level-1-padding-end: 18px;
2734
2763
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -2736,27 +2765,40 @@
2736
2765
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2737
2766
  --wds-sidebar-item-level-2-fill-light-default: transparent;
2738
2767
  --wds-sidebar-item-level-2-fill-neutral-default: transparent;
2768
+ --wds-sidebar-item-level-2-indent: 42px;
2769
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 42px;
2770
+ --wds-sidebar-item-level-2-indent-with-prefix: 42px;
2739
2771
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2740
2772
  --wds-sidebar-item-level-2-padding-end: 18px;
2741
2773
  --wds-sidebar-item-level-2-padding-start: 52px;
2742
2774
  --wds-sidebar-item-level-2-padding-top: 6px;
2775
+ --wds-sidebar-item-level-3-divider-display: none;
2743
2776
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
2744
2777
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
2745
2778
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
2779
+ --wds-sidebar-item-level-3-indent: 52px;
2780
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 52px;
2781
+ --wds-sidebar-item-level-3-indent-with-prefix: 52px;
2746
2782
  --wds-sidebar-item-level-3-padding-bottom: 6px;
2747
2783
  --wds-sidebar-item-level-3-padding-end: 18px;
2748
2784
  --wds-sidebar-item-level-3-padding-start: 52px;
2749
2785
  --wds-sidebar-item-level-3-padding-top: 6px;
2750
2786
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2751
2787
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2788
+ --wds-sidebar-item-padding-inline-end: 8px;
2789
+ --wds-sidebar-item-prefix-gap: 8px;
2752
2790
  --wds-sidebar-item-prefix-margin-block: 6px;
2753
2791
  --wds-sidebar-item-prefix-padding-end: 12px;
2792
+ --wds-sidebar-item-suffix-gap: 10px;
2754
2793
  --wds-sidebar-item-text-dark-active: #ffffff;
2755
2794
  --wds-sidebar-item-text-dark-default: #dedede;
2756
2795
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2796
+ --wds-sidebar-item-text-font-size: 14px;
2757
2797
  --wds-sidebar-item-text-light-active: #151414;
2758
2798
  --wds-sidebar-item-text-light-default: #383838;
2759
2799
  --wds-sidebar-item-text-light-disabled: #a8a6a5;
2800
+ --wds-sidebar-item-text-line-clamp: 1;
2801
+ --wds-sidebar-item-text-line-height: 18px;
2760
2802
  --wds-sidebar-item-text-margin-block: 6px;
2761
2803
  --wds-sidebar-item-text-neutral-active: #151414;
2762
2804
  --wds-sidebar-item-text-neutral-default: #383838;
@@ -2774,7 +2816,13 @@
2774
2816
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2775
2817
  --wds-sidebar-minimize-tooltip-text-light-default: #383838;
2776
2818
  --wds-sidebar-minimize-tooltip-text-neutral-default: #383838;
2819
+ --wds-sidebar-minimized-padding-inline: 14px;
2820
+ --wds-sidebar-minimized-width: 62px;
2777
2821
  --wds-sidebar-navigation-arrow-fill-neutral: #ffffff;
2822
+ --wds-sidebar-padding-bottom: 24px;
2823
+ --wds-sidebar-padding-end: 6px;
2824
+ --wds-sidebar-padding-start: 12px;
2825
+ --wds-sidebar-padding-top: 24px;
2778
2826
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2779
2827
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2780
2828
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/odeditor-dark/all.css CHANGED
@@ -350,13 +350,13 @@
350
350
  --wds-toggle-button-inner-shadow-blur-secondary: 1px;
351
351
  --wds-toggle-button-inner-shadow-blur-primary: 1px;
352
352
  --wds-tabs-selection-height: 3px;
353
- --wds-table-toolbar-padding-block-end: 16px;
354
353
  --wds-table-toolbar-padding-block-start: 24px;
354
+ --wds-table-toolbar-padding-block-end: 16px;
355
+ --wds-table-toolbar-item-gap: 8px;
356
+ --wds-table-toolbar-icon-button-gap: 2px;
355
357
  --wds-table-toolbar-divider-gap-group-start: 16px;
356
358
  --wds-table-toolbar-divider-gap: 16px;
357
- --wds-table-toolbar-icon-button-gap: 2px;
358
359
  --wds-table-toolbar-button-gap: 8px;
359
- --wds-table-toolbar-item-gap: 8px;
360
360
  --wds-swatches-swatch-size-tiny: 22px;
361
361
  --wds-status-toast-width: 600px;
362
362
  --wds-statistics-widget-value-font-letter-spacing: -0.5px;
@@ -373,9 +373,12 @@
373
373
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
374
374
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
375
375
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
376
+ --wds-sidebar-minimized-width: 62px;
376
377
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
377
378
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
379
+ --wds-sidebar-item-text-line-clamp: 1;
378
380
  --wds-sidebar-item-text-dark-disabled: #898b8f;
381
+ --wds-sidebar-item-level-3-divider-display: none;
379
382
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
380
383
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
381
384
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
@@ -1095,7 +1098,12 @@
1095
1098
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1096
1099
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1097
1100
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1101
+ --wds-sidebar-padding-top: var(--wds-space-600);
1102
+ --wds-sidebar-padding-start: var(--wds-space-300);
1103
+ --wds-sidebar-padding-end: var(--wds-space-150);
1104
+ --wds-sidebar-padding-bottom: var(--wds-space-600);
1098
1105
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
1106
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-350);
1099
1107
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1100
1108
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1101
1109
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1109,13 +1117,19 @@
1109
1117
  --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
1110
1118
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1111
1119
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1120
+ --wds-sidebar-item-suffix-gap: var(--wds-space-250);
1112
1121
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1122
+ --wds-sidebar-item-prefix-gap: var(--wds-space-200);
1123
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-200);
1113
1124
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1114
1125
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1115
1126
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
1116
1127
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
1117
1128
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
1118
1129
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
1130
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1300);
1131
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: var(--wds-space-1300);
1132
+ --wds-sidebar-item-level-3-indent: var(--wds-space-1300);
1119
1133
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
1120
1134
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
1121
1135
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -1123,19 +1137,27 @@
1123
1137
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1124
1138
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1125
1139
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1140
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-1050);
1141
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: var(--wds-space-1050);
1142
+ --wds-sidebar-item-level-2-indent: var(--wds-space-1050);
1126
1143
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1127
1144
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1128
1145
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1129
1146
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1130
1147
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1148
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-200);
1149
+ --wds-sidebar-item-level-1-indent: var(--wds-space-350);
1131
1150
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1132
1151
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1133
1152
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
1134
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
1153
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
1135
1154
  --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
1136
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1155
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
1137
1156
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1138
1157
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1158
+ --wds-sidebar-divider-padding-top: var(--wds-space-300);
1159
+ --wds-sidebar-divider-padding-inline: var(--wds-space-200);
1160
+ --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
1139
1161
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1140
1162
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1141
1163
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
@@ -1917,6 +1939,7 @@
1917
1939
  --wds-slider-slider-knob-color-disabled: var(--wds-color-fill-standard-tertiary);
1918
1940
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-tertiary);
1919
1941
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1942
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-small);
1920
1943
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1921
1944
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1922
1945
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
@@ -2296,6 +2319,7 @@
2296
2319
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2297
2320
  --wds-statistics-widget-value-font-line-height-tiny: var(--wds-font-line-height-heading-2);
2298
2321
  --wds-statistics-widget-description-font-line-height: var(--wds-font-line-height-body-tiny);
2322
+ --wds-sidebar-item-text-line-height: var(--wds-font-line-height-body-small);
2299
2323
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-body-small);
2300
2324
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2301
2325
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-small);
package/odeditor-dark/all.scss CHANGED
@@ -95,9 +95,12 @@
95
95
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
96
96
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
97
97
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
98
+ --wds-sidebar-minimized-width: 62px;
98
99
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
99
100
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
101
+ --wds-sidebar-item-text-line-clamp: 1;
100
102
  --wds-sidebar-item-text-dark-disabled: #898b8f;
103
+ --wds-sidebar-item-level-3-divider-display: none;
101
104
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
102
105
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
103
106
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
@@ -688,7 +691,12 @@
688
691
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
689
692
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
690
693
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
694
+ --wds-sidebar-padding-top: var(--wds-space-600);
695
+ --wds-sidebar-padding-start: var(--wds-space-300);
696
+ --wds-sidebar-padding-end: var(--wds-space-150);
697
+ --wds-sidebar-padding-bottom: var(--wds-space-600);
691
698
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-white);
699
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-350);
692
700
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
693
701
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
694
702
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -702,13 +710,19 @@
702
710
  --wds-sidebar-item-text-neutral-active: var(--wds-color-blue-0);
703
711
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
704
712
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
713
+ --wds-sidebar-item-suffix-gap: var(--wds-space-250);
705
714
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
715
+ --wds-sidebar-item-prefix-gap: var(--wds-space-200);
716
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-200);
706
717
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
707
718
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
708
719
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
709
720
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
710
721
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
711
722
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
723
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1300);
724
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: var(--wds-space-1300);
725
+ --wds-sidebar-item-level-3-indent: var(--wds-space-1300);
712
726
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
713
727
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
714
728
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -716,19 +730,27 @@
716
730
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
717
731
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
718
732
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
733
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-1050);
734
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: var(--wds-space-1050);
735
+ --wds-sidebar-item-level-2-indent: var(--wds-space-1050);
719
736
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
720
737
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
721
738
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
722
739
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
723
740
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
741
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-200);
742
+ --wds-sidebar-item-level-1-indent: var(--wds-space-350);
724
743
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
725
744
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
726
745
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
727
- --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-blue-400);
746
+ --wds-sidebar-item-level-1-fill-light-hover: var(--wds-color-black-600);
728
747
  --wds-sidebar-item-level-1-fill-light-default: var(--wds-color-white);
729
- --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
748
+ --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-black-550);
730
749
  --wds-sidebar-item-content-gap: var(--wds-space-200);
731
750
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
751
+ --wds-sidebar-divider-padding-top: var(--wds-space-300);
752
+ --wds-sidebar-divider-padding-inline: var(--wds-space-200);
753
+ --wds-sidebar-divider-padding-bottom: var(--wds-space-300);
732
754
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
733
755
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
734
756
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-heading-3);
@@ -1906,6 +1928,7 @@
1906
1928
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1907
1929
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1908
1930
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1931
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-small);
1909
1932
  --wds-sidebar-item-text-dark-default: var(--wds-color-text-standard-primary);
1910
1933
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary);
1911
1934
  --wds-side-panel-title-font-size: var(--wds-font-size-body-small);
@@ -2296,6 +2319,7 @@
2296
2319
  --wds-status-toast-text-font-line-height: var(--wds-font-line-height-body-small);
2297
2320
  --wds-statistics-widget-value-font-line-height-tiny: var(--wds-font-line-height-heading-2);
2298
2321
  --wds-statistics-widget-description-font-line-height: var(--wds-font-line-height-body-tiny);
2322
+ --wds-sidebar-item-text-line-height: var(--wds-font-line-height-body-small);
2299
2323
  --wds-side-panel-title-font-line-height: var(--wds-font-line-height-body-small);
2300
2324
  --wds-side-panel-subtitle-font-line-height: var(--wds-font-line-height-body-tiny);
2301
2325
  --wds-side-panel-floating-title-font-line-height: var(--wds-font-line-height-body-small);