@wix/design-system-tokens 1.220.0 → 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 +16 -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-dark/all.st.css CHANGED
@@ -1825,6 +1825,9 @@
1825
1825
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1826
1826
  @property st-global(--wds-sidebar-divider-fill-light-default);
1827
1827
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1828
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1829
+ @property st-global(--wds-sidebar-divider-padding-inline);
1830
+ @property st-global(--wds-sidebar-divider-padding-top);
1828
1831
  @property st-global(--wds-sidebar-header-margin-bottom);
1829
1832
  @property st-global(--wds-sidebar-header-text-dark-default);
1830
1833
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1837,6 +1840,8 @@
1837
1840
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1838
1841
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1839
1842
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1843
+ @property st-global(--wds-sidebar-item-level-1-indent);
1844
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1840
1845
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1841
1846
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1842
1847
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1844,26 +1849,39 @@
1844
1849
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1845
1850
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1846
1851
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1852
+ @property st-global(--wds-sidebar-item-level-2-indent);
1853
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1854
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1847
1855
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1848
1856
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1849
1857
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1850
1858
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1859
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1851
1860
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1852
1861
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1853
1862
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1863
+ @property st-global(--wds-sidebar-item-level-3-indent);
1864
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1865
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1854
1866
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1855
1867
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1856
1868
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1857
1869
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1858
1870
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1859
1871
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1872
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1873
+ @property st-global(--wds-sidebar-item-prefix-gap);
1860
1874
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1875
+ @property st-global(--wds-sidebar-item-suffix-gap);
1861
1876
  @property st-global(--wds-sidebar-item-text-dark-active);
1862
1877
  @property st-global(--wds-sidebar-item-text-dark-default);
1863
1878
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1879
+ @property st-global(--wds-sidebar-item-text-font-size);
1864
1880
  @property st-global(--wds-sidebar-item-text-light-active);
1865
1881
  @property st-global(--wds-sidebar-item-text-light-default);
1866
1882
  @property st-global(--wds-sidebar-item-text-light-disabled);
1883
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1884
+ @property st-global(--wds-sidebar-item-text-line-height);
1867
1885
  @property st-global(--wds-sidebar-item-text-neutral-active);
1868
1886
  @property st-global(--wds-sidebar-item-text-neutral-default);
1869
1887
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1880,7 +1898,13 @@
1880
1898
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1881
1899
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1882
1900
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1901
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1902
+ @property st-global(--wds-sidebar-minimized-width);
1883
1903
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1904
+ @property st-global(--wds-sidebar-padding-bottom);
1905
+ @property st-global(--wds-sidebar-padding-end);
1906
+ @property st-global(--wds-sidebar-padding-start);
1907
+ @property st-global(--wds-sidebar-padding-top);
1884
1908
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1885
1909
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1886
1910
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -4171,18 +4195,23 @@
4171
4195
  --wds-sidebar-divider-fill-dark-default: #42454c;
4172
4196
  --wds-sidebar-divider-fill-light-default: #666565;
4173
4197
  --wds-sidebar-divider-fill-neutral-default: #666565;
4198
+ --wds-sidebar-divider-padding-bottom: 12px;
4199
+ --wds-sidebar-divider-padding-inline: 8px;
4200
+ --wds-sidebar-divider-padding-top: 12px;
4174
4201
  --wds-sidebar-header-margin-bottom: 12px;
4175
4202
  --wds-sidebar-header-text-dark-default: #FFFFFF;
4176
4203
  --wds-sidebar-item-content-gap: 8px;
4177
4204
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
4178
4205
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
4179
4206
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
4180
- --wds-sidebar-item-level-1-fill-light-active: #3F4D6E;
4207
+ --wds-sidebar-item-level-1-fill-light-active: #666565;
4181
4208
  --wds-sidebar-item-level-1-fill-light-default: #212122;
4182
- --wds-sidebar-item-level-1-fill-light-hover: #2D354E;
4209
+ --wds-sidebar-item-level-1-fill-light-hover: #454544;
4183
4210
  --wds-sidebar-item-level-1-fill-neutral-active: #3F4D6E;
4184
4211
  --wds-sidebar-item-level-1-fill-neutral-default: #3A3A3B;
4185
4212
  --wds-sidebar-item-level-1-fill-neutral-hover: #2D354E;
4213
+ --wds-sidebar-item-level-1-indent: 14px;
4214
+ --wds-sidebar-item-level-1-indent-with-prefix: 8px;
4186
4215
  --wds-sidebar-item-level-1-padding-bottom: 8px;
4187
4216
  --wds-sidebar-item-level-1-padding-end: 18px;
4188
4217
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -4190,26 +4219,39 @@
4190
4219
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
4191
4220
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
4192
4221
  --wds-sidebar-item-level-2-fill-neutral-default: #3A3A3B;
4222
+ --wds-sidebar-item-level-2-indent: 42px;
4223
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 42px;
4224
+ --wds-sidebar-item-level-2-indent-with-prefix: 42px;
4193
4225
  --wds-sidebar-item-level-2-padding-bottom: 6px;
4194
4226
  --wds-sidebar-item-level-2-padding-end: 18px;
4195
4227
  --wds-sidebar-item-level-2-padding-start: 52px;
4196
4228
  --wds-sidebar-item-level-2-padding-top: 6px;
4229
+ --wds-sidebar-item-level-3-divider-display: none;
4197
4230
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
4198
4231
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
4199
4232
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
4233
+ --wds-sidebar-item-level-3-indent: 52px;
4234
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 52px;
4235
+ --wds-sidebar-item-level-3-indent-with-prefix: 52px;
4200
4236
  --wds-sidebar-item-level-3-padding-bottom: 6px;
4201
4237
  --wds-sidebar-item-level-3-padding-end: 18px;
4202
4238
  --wds-sidebar-item-level-3-padding-start: 52px;
4203
4239
  --wds-sidebar-item-level-3-padding-top: 6px;
4204
4240
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
4205
4241
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
4242
+ --wds-sidebar-item-padding-inline-end: 8px;
4243
+ --wds-sidebar-item-prefix-gap: 8px;
4206
4244
  --wds-sidebar-item-prefix-padding-end: 12px;
4245
+ --wds-sidebar-item-suffix-gap: 10px;
4207
4246
  --wds-sidebar-item-text-dark-active: #212122;
4208
4247
  --wds-sidebar-item-text-dark-default: #FFFFFF;
4209
4248
  --wds-sidebar-item-text-dark-disabled: #898b8f;
4249
+ --wds-sidebar-item-text-font-size: 14px;
4210
4250
  --wds-sidebar-item-text-light-active: #E0E7FF;
4211
4251
  --wds-sidebar-item-text-light-default: #D4D3D2;
4212
4252
  --wds-sidebar-item-text-light-disabled: #878685;
4253
+ --wds-sidebar-item-text-line-clamp: 1;
4254
+ --wds-sidebar-item-text-line-height: 18px;
4213
4255
  --wds-sidebar-item-text-neutral-active: #E0E7FF;
4214
4256
  --wds-sidebar-item-text-neutral-default: #D4D3D2;
4215
4257
  --wds-sidebar-item-text-neutral-disabled: #878685;
@@ -4226,7 +4268,13 @@
4226
4268
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
4227
4269
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
4228
4270
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
4271
+ --wds-sidebar-minimized-padding-inline: 14px;
4272
+ --wds-sidebar-minimized-width: 62px;
4229
4273
  --wds-sidebar-navigation-arrow-fill-neutral: #212122;
4274
+ --wds-sidebar-padding-bottom: 24px;
4275
+ --wds-sidebar-padding-end: 6px;
4276
+ --wds-sidebar-padding-start: 12px;
4277
+ --wds-sidebar-padding-top: 24px;
4230
4278
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4231
4279
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4232
4280
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/odeditor-dark/component.st.css CHANGED
@@ -1125,6 +1125,9 @@
1125
1125
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1126
1126
  @property st-global(--wds-sidebar-divider-fill-light-default);
1127
1127
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1128
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1129
+ @property st-global(--wds-sidebar-divider-padding-inline);
1130
+ @property st-global(--wds-sidebar-divider-padding-top);
1128
1131
  @property st-global(--wds-sidebar-header-margin-bottom);
1129
1132
  @property st-global(--wds-sidebar-header-text-dark-default);
1130
1133
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1137,6 +1140,8 @@
1137
1140
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1138
1141
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1139
1142
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1143
+ @property st-global(--wds-sidebar-item-level-1-indent);
1144
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1140
1145
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1141
1146
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1142
1147
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1144,26 +1149,39 @@
1144
1149
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1145
1150
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1146
1151
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1152
+ @property st-global(--wds-sidebar-item-level-2-indent);
1153
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1154
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1147
1155
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1148
1156
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1149
1157
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1150
1158
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1159
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1151
1160
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1152
1161
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1153
1162
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1163
+ @property st-global(--wds-sidebar-item-level-3-indent);
1164
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1165
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1154
1166
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1155
1167
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1156
1168
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1157
1169
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1158
1170
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1159
1171
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1172
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1173
+ @property st-global(--wds-sidebar-item-prefix-gap);
1160
1174
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1175
+ @property st-global(--wds-sidebar-item-suffix-gap);
1161
1176
  @property st-global(--wds-sidebar-item-text-dark-active);
1162
1177
  @property st-global(--wds-sidebar-item-text-dark-default);
1163
1178
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1179
+ @property st-global(--wds-sidebar-item-text-font-size);
1164
1180
  @property st-global(--wds-sidebar-item-text-light-active);
1165
1181
  @property st-global(--wds-sidebar-item-text-light-default);
1166
1182
  @property st-global(--wds-sidebar-item-text-light-disabled);
1183
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1184
+ @property st-global(--wds-sidebar-item-text-line-height);
1167
1185
  @property st-global(--wds-sidebar-item-text-neutral-active);
1168
1186
  @property st-global(--wds-sidebar-item-text-neutral-default);
1169
1187
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1180,7 +1198,13 @@
1180
1198
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1181
1199
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1182
1200
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1201
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1202
+ @property st-global(--wds-sidebar-minimized-width);
1183
1203
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1204
+ @property st-global(--wds-sidebar-padding-bottom);
1205
+ @property st-global(--wds-sidebar-padding-end);
1206
+ @property st-global(--wds-sidebar-padding-start);
1207
+ @property st-global(--wds-sidebar-padding-top);
1184
1208
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1185
1209
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1186
1210
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -2723,18 +2747,23 @@
2723
2747
  --wds-sidebar-divider-fill-dark-default: #42454c;
2724
2748
  --wds-sidebar-divider-fill-light-default: #666565;
2725
2749
  --wds-sidebar-divider-fill-neutral-default: #666565;
2750
+ --wds-sidebar-divider-padding-bottom: 12px;
2751
+ --wds-sidebar-divider-padding-inline: 8px;
2752
+ --wds-sidebar-divider-padding-top: 12px;
2726
2753
  --wds-sidebar-header-margin-bottom: 12px;
2727
2754
  --wds-sidebar-header-text-dark-default: #FFFFFF;
2728
2755
  --wds-sidebar-item-content-gap: 8px;
2729
2756
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
2730
2757
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
2731
2758
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
2732
- --wds-sidebar-item-level-1-fill-light-active: #3F4D6E;
2759
+ --wds-sidebar-item-level-1-fill-light-active: #666565;
2733
2760
  --wds-sidebar-item-level-1-fill-light-default: #212122;
2734
- --wds-sidebar-item-level-1-fill-light-hover: #2D354E;
2761
+ --wds-sidebar-item-level-1-fill-light-hover: #454544;
2735
2762
  --wds-sidebar-item-level-1-fill-neutral-active: #3F4D6E;
2736
2763
  --wds-sidebar-item-level-1-fill-neutral-default: #3A3A3B;
2737
2764
  --wds-sidebar-item-level-1-fill-neutral-hover: #2D354E;
2765
+ --wds-sidebar-item-level-1-indent: 14px;
2766
+ --wds-sidebar-item-level-1-indent-with-prefix: 8px;
2738
2767
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2739
2768
  --wds-sidebar-item-level-1-padding-end: 18px;
2740
2769
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -2742,26 +2771,39 @@
2742
2771
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2743
2772
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
2744
2773
  --wds-sidebar-item-level-2-fill-neutral-default: #3A3A3B;
2774
+ --wds-sidebar-item-level-2-indent: 42px;
2775
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 42px;
2776
+ --wds-sidebar-item-level-2-indent-with-prefix: 42px;
2745
2777
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2746
2778
  --wds-sidebar-item-level-2-padding-end: 18px;
2747
2779
  --wds-sidebar-item-level-2-padding-start: 52px;
2748
2780
  --wds-sidebar-item-level-2-padding-top: 6px;
2781
+ --wds-sidebar-item-level-3-divider-display: none;
2749
2782
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
2750
2783
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
2751
2784
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
2785
+ --wds-sidebar-item-level-3-indent: 52px;
2786
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 52px;
2787
+ --wds-sidebar-item-level-3-indent-with-prefix: 52px;
2752
2788
  --wds-sidebar-item-level-3-padding-bottom: 6px;
2753
2789
  --wds-sidebar-item-level-3-padding-end: 18px;
2754
2790
  --wds-sidebar-item-level-3-padding-start: 52px;
2755
2791
  --wds-sidebar-item-level-3-padding-top: 6px;
2756
2792
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2757
2793
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2794
+ --wds-sidebar-item-padding-inline-end: 8px;
2795
+ --wds-sidebar-item-prefix-gap: 8px;
2758
2796
  --wds-sidebar-item-prefix-padding-end: 12px;
2797
+ --wds-sidebar-item-suffix-gap: 10px;
2759
2798
  --wds-sidebar-item-text-dark-active: #212122;
2760
2799
  --wds-sidebar-item-text-dark-default: #FFFFFF;
2761
2800
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2801
+ --wds-sidebar-item-text-font-size: 14px;
2762
2802
  --wds-sidebar-item-text-light-active: #E0E7FF;
2763
2803
  --wds-sidebar-item-text-light-default: #D4D3D2;
2764
2804
  --wds-sidebar-item-text-light-disabled: #878685;
2805
+ --wds-sidebar-item-text-line-clamp: 1;
2806
+ --wds-sidebar-item-text-line-height: 18px;
2765
2807
  --wds-sidebar-item-text-neutral-active: #E0E7FF;
2766
2808
  --wds-sidebar-item-text-neutral-default: #D4D3D2;
2767
2809
  --wds-sidebar-item-text-neutral-disabled: #878685;
@@ -2778,7 +2820,13 @@
2778
2820
  --wds-sidebar-minimize-tooltip-text-dark-default: #212122;
2779
2821
  --wds-sidebar-minimize-tooltip-text-light-default: #D4D3D2;
2780
2822
  --wds-sidebar-minimize-tooltip-text-neutral-default: #D4D3D2;
2823
+ --wds-sidebar-minimized-padding-inline: 14px;
2824
+ --wds-sidebar-minimized-width: 62px;
2781
2825
  --wds-sidebar-navigation-arrow-fill-neutral: #212122;
2826
+ --wds-sidebar-padding-bottom: 24px;
2827
+ --wds-sidebar-padding-end: 6px;
2828
+ --wds-sidebar-padding-start: 12px;
2829
+ --wds-sidebar-padding-top: 24px;
2782
2830
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2783
2831
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2784
2832
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.220.0",
3
+ "version": "1.220.2",
4
4
  "scripts": {
5
5
  "build": "cp -r tokens/* .",
6
6
  "figma-to-dictionary": "ts-node src/scripts/figma-to-dictionary.ts",
@@ -36,5 +36,5 @@
36
36
  "author": "augustinasv@wix.com",
37
37
  "description": "Design system tokens",
38
38
  "packageManager": "yarn@3.5.0",
39
- "falconPackageHash": "65ba9148bd1aa07c235c421e85241495e29bf3c32b4927a1023cc129"
39
+ "falconPackageHash": "4bc15daed212b4e2c95b13300481c6458453bed81444f26e7679c30b"
40
40
  }
package/studio/all.css CHANGED
@@ -327,13 +327,13 @@
327
327
  --wds-toggle-button-shadow-spread-tertiary: -0.75px;
328
328
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
329
329
  --wds-tabs-selection-height: 3px;
330
- --wds-table-toolbar-padding-block-end: 15px;
331
330
  --wds-table-toolbar-padding-block-start: 15px;
331
+ --wds-table-toolbar-padding-block-end: 15px;
332
+ --wds-table-toolbar-item-gap: 12px;
333
+ --wds-table-toolbar-icon-button-gap: 6px;
332
334
  --wds-table-toolbar-divider-gap-group-start: 24px;
333
335
  --wds-table-toolbar-divider-gap: 12px;
334
- --wds-table-toolbar-icon-button-gap: 6px;
335
336
  --wds-table-toolbar-button-gap: 6px;
336
- --wds-table-toolbar-item-gap: 12px;
337
337
  --wds-swatches-swatch-active-border-radius-small: 5px;
338
338
  --wds-swatches-swatch-active-border-radius-medium: 7px;
339
339
  --wds-status-toast-width: 600px;
@@ -353,14 +353,21 @@
353
353
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
354
354
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
355
355
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
356
+ --wds-sidebar-minimized-width: 54px;
356
357
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
357
358
  --wds-sidebar-minimize-action-fill-dark-default: #42454C;
359
+ --wds-sidebar-item-text-line-height: 15px;
360
+ --wds-sidebar-item-text-line-clamp: 2;
358
361
  --wds-sidebar-item-text-dark-disabled: #898B8F;
362
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
363
+ --wds-sidebar-item-level-3-divider-display: block;
364
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
359
365
  --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
360
366
  --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
361
367
  --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
362
368
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
363
369
  --wds-sidebar-item-level-1-fill-dark-active: #42454C;
370
+ --wds-sidebar-divider-padding-bottom: 9px;
364
371
  --wds-sidebar-divider-fill-dark-default: #42454C;
365
372
  --wds-sidebar-clear-button-fill: #5a5d63;
366
373
  --wds-side-panel-standard-shadow: none;
@@ -1077,7 +1084,12 @@
1077
1084
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1078
1085
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1079
1086
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1087
+ --wds-sidebar-padding-top: var(--wds-space-0);
1088
+ --wds-sidebar-padding-start: var(--wds-space-0);
1089
+ --wds-sidebar-padding-end: var(--wds-space-0);
1090
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
1080
1091
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1092
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
1081
1093
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1082
1094
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1083
1095
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1094,13 +1106,18 @@
1094
1106
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1095
1107
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1096
1108
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1109
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
1110
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
1097
1111
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1112
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
1098
1113
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1099
1114
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1100
1115
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
1101
1116
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
1102
1117
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
1103
1118
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
1119
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
1120
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
1104
1121
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
1105
1122
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
1106
1123
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -1108,11 +1125,15 @@
1108
1125
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1109
1126
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1110
1127
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1128
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
1129
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
1111
1130
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1112
1131
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1113
1132
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1114
1133
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1115
1134
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1135
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
1136
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
1116
1137
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1117
1138
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1118
1139
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -1121,6 +1142,8 @@
1121
1142
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1122
1143
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1123
1144
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1145
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
1146
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
1124
1147
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1125
1148
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1126
1149
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
@@ -1843,6 +1866,7 @@
1843
1866
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover);
1844
1867
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-primary);
1845
1868
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1869
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1846
1870
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1847
1871
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1848
1872
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
package/studio/all.scss CHANGED
@@ -68,14 +68,21 @@
68
68
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
69
69
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
70
70
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
71
+ --wds-sidebar-minimized-width: 54px;
71
72
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
72
73
  --wds-sidebar-minimize-action-fill-dark-default: #42454C;
74
+ --wds-sidebar-item-text-line-height: 15px;
75
+ --wds-sidebar-item-text-line-clamp: 2;
73
76
  --wds-sidebar-item-text-dark-disabled: #898B8F;
77
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
78
+ --wds-sidebar-item-level-3-divider-display: block;
79
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
74
80
  --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
75
81
  --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
76
82
  --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
77
83
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
78
84
  --wds-sidebar-item-level-1-fill-dark-active: #42454C;
85
+ --wds-sidebar-divider-padding-bottom: 9px;
79
86
  --wds-sidebar-divider-fill-dark-default: #42454C;
80
87
  --wds-sidebar-clear-button-fill: #5a5d63;
81
88
  --wds-side-panel-standard-shadow: none;
@@ -680,7 +687,12 @@
680
687
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
681
688
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
682
689
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
690
+ --wds-sidebar-padding-top: var(--wds-space-0);
691
+ --wds-sidebar-padding-start: var(--wds-space-0);
692
+ --wds-sidebar-padding-end: var(--wds-space-0);
693
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
683
694
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
695
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
684
696
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
685
697
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
686
698
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -697,13 +709,18 @@
697
709
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
698
710
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
699
711
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
712
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
700
713
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
714
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
715
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
701
716
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
702
717
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
703
718
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
704
719
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
705
720
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
706
721
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
722
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
723
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
707
724
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
708
725
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
709
726
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -711,11 +728,15 @@
711
728
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
712
729
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
713
730
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
731
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
732
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
714
733
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
715
734
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
716
735
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
717
736
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
718
737
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
738
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
739
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
719
740
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
720
741
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
721
742
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -724,6 +745,8 @@
724
745
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
725
746
  --wds-sidebar-item-content-gap: var(--wds-space-200);
726
747
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
748
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
749
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
727
750
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
728
751
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
729
752
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
@@ -1829,6 +1852,7 @@
1829
1852
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1830
1853
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1831
1854
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1855
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1832
1856
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1833
1857
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1834
1858
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
package/studio/all.st.css CHANGED
@@ -1844,6 +1844,9 @@
1844
1844
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1845
1845
  @property st-global(--wds-sidebar-divider-fill-light-default);
1846
1846
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1847
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1848
+ @property st-global(--wds-sidebar-divider-padding-inline);
1849
+ @property st-global(--wds-sidebar-divider-padding-top);
1847
1850
  @property st-global(--wds-sidebar-header-margin-bottom);
1848
1851
  @property st-global(--wds-sidebar-header-text-dark-default);
1849
1852
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1856,6 +1859,8 @@
1856
1859
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1857
1860
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1858
1861
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1862
+ @property st-global(--wds-sidebar-item-level-1-indent);
1863
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1859
1864
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1860
1865
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1861
1866
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1863,26 +1868,39 @@
1863
1868
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1864
1869
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1865
1870
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1871
+ @property st-global(--wds-sidebar-item-level-2-indent);
1872
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1873
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1866
1874
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1867
1875
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1868
1876
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1869
1877
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1878
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1870
1879
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1871
1880
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1872
1881
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1882
+ @property st-global(--wds-sidebar-item-level-3-indent);
1883
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1884
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1873
1885
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1874
1886
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1875
1887
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1876
1888
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1877
1889
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1878
1890
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1891
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1892
+ @property st-global(--wds-sidebar-item-prefix-gap);
1879
1893
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1894
+ @property st-global(--wds-sidebar-item-suffix-gap);
1880
1895
  @property st-global(--wds-sidebar-item-text-dark-active);
1881
1896
  @property st-global(--wds-sidebar-item-text-dark-default);
1882
1897
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1898
+ @property st-global(--wds-sidebar-item-text-font-size);
1883
1899
  @property st-global(--wds-sidebar-item-text-light-active);
1884
1900
  @property st-global(--wds-sidebar-item-text-light-default);
1885
1901
  @property st-global(--wds-sidebar-item-text-light-disabled);
1902
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1903
+ @property st-global(--wds-sidebar-item-text-line-height);
1886
1904
  @property st-global(--wds-sidebar-item-text-neutral-active);
1887
1905
  @property st-global(--wds-sidebar-item-text-neutral-default);
1888
1906
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1899,7 +1917,13 @@
1899
1917
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1900
1918
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1901
1919
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1920
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1921
+ @property st-global(--wds-sidebar-minimized-width);
1902
1922
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1923
+ @property st-global(--wds-sidebar-padding-bottom);
1924
+ @property st-global(--wds-sidebar-padding-end);
1925
+ @property st-global(--wds-sidebar-padding-start);
1926
+ @property st-global(--wds-sidebar-padding-top);
1903
1927
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1904
1928
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1905
1929
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -4203,6 +4227,9 @@
4203
4227
  --wds-sidebar-divider-fill-dark-default: #42454C;
4204
4228
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
4205
4229
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
4230
+ --wds-sidebar-divider-padding-bottom: 9px;
4231
+ --wds-sidebar-divider-padding-inline: 20px;
4232
+ --wds-sidebar-divider-padding-top: 8px;
4206
4233
  --wds-sidebar-header-margin-bottom: 12px;
4207
4234
  --wds-sidebar-header-text-dark-default: #ffffff;
4208
4235
  --wds-sidebar-item-content-gap: 8px;
@@ -4215,6 +4242,8 @@
4215
4242
  --wds-sidebar-item-level-1-fill-neutral-active: #c3daff;
4216
4243
  --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
4217
4244
  --wds-sidebar-item-level-1-fill-neutral-hover: #dce9ff;
4245
+ --wds-sidebar-item-level-1-indent: 24px;
4246
+ --wds-sidebar-item-level-1-indent-with-prefix: 18px;
4218
4247
  --wds-sidebar-item-level-1-padding-bottom: 8px;
4219
4248
  --wds-sidebar-item-level-1-padding-end: 18px;
4220
4249
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -4222,26 +4251,39 @@
4222
4251
  --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
4223
4252
  --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
4224
4253
  --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
4254
+ --wds-sidebar-item-level-2-indent: 30px;
4255
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
4256
+ --wds-sidebar-item-level-2-indent-with-prefix: 18px;
4225
4257
  --wds-sidebar-item-level-2-padding-bottom: 6px;
4226
4258
  --wds-sidebar-item-level-2-padding-end: 18px;
4227
4259
  --wds-sidebar-item-level-2-padding-start: 52px;
4228
4260
  --wds-sidebar-item-level-2-padding-top: 6px;
4261
+ --wds-sidebar-item-level-3-divider-display: block;
4229
4262
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
4230
4263
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
4231
4264
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
4265
+ --wds-sidebar-item-level-3-indent: 30px;
4266
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
4267
+ --wds-sidebar-item-level-3-indent-with-prefix: 48px;
4232
4268
  --wds-sidebar-item-level-3-padding-bottom: 6px;
4233
4269
  --wds-sidebar-item-level-3-padding-end: 18px;
4234
4270
  --wds-sidebar-item-level-3-padding-start: 52px;
4235
4271
  --wds-sidebar-item-level-3-padding-top: 6px;
4236
4272
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
4237
4273
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
4274
+ --wds-sidebar-item-padding-inline-end: 18px;
4275
+ --wds-sidebar-item-prefix-gap: 12px;
4238
4276
  --wds-sidebar-item-prefix-padding-end: 12px;
4277
+ --wds-sidebar-item-suffix-gap: 6px;
4239
4278
  --wds-sidebar-item-text-dark-active: #ffffff;
4240
4279
  --wds-sidebar-item-text-dark-default: #cfd1dc;
4241
4280
  --wds-sidebar-item-text-dark-disabled: #898B8F;
4281
+ --wds-sidebar-item-text-font-size: 12px;
4242
4282
  --wds-sidebar-item-text-light-active: #084ebd;
4243
4283
  --wds-sidebar-item-text-light-default: #42454c;
4244
4284
  --wds-sidebar-item-text-light-disabled: #bebebe;
4285
+ --wds-sidebar-item-text-line-clamp: 2;
4286
+ --wds-sidebar-item-text-line-height: 15px;
4245
4287
  --wds-sidebar-item-text-neutral-active: #084ebd;
4246
4288
  --wds-sidebar-item-text-neutral-default: #42454c;
4247
4289
  --wds-sidebar-item-text-neutral-disabled: #bebebe;
@@ -4258,7 +4300,13 @@
4258
4300
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
4259
4301
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
4260
4302
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
4303
+ --wds-sidebar-minimized-padding-inline: 0px;
4304
+ --wds-sidebar-minimized-width: 54px;
4261
4305
  --wds-sidebar-navigation-arrow-fill-neutral: #131720;
4306
+ --wds-sidebar-padding-bottom: 0px;
4307
+ --wds-sidebar-padding-end: 0px;
4308
+ --wds-sidebar-padding-start: 0px;
4309
+ --wds-sidebar-padding-top: 0px;
4262
4310
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4263
4311
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4264
4312
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;