@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/studio/component.st.css CHANGED
@@ -1146,6 +1146,9 @@
1146
1146
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1147
1147
  @property st-global(--wds-sidebar-divider-fill-light-default);
1148
1148
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1149
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1150
+ @property st-global(--wds-sidebar-divider-padding-inline);
1151
+ @property st-global(--wds-sidebar-divider-padding-top);
1149
1152
  @property st-global(--wds-sidebar-header-margin-bottom);
1150
1153
  @property st-global(--wds-sidebar-header-text-dark-default);
1151
1154
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1158,6 +1161,8 @@
1158
1161
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1159
1162
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1160
1163
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1164
+ @property st-global(--wds-sidebar-item-level-1-indent);
1165
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1161
1166
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1162
1167
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1163
1168
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1165,26 +1170,39 @@
1165
1170
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1166
1171
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1167
1172
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1173
+ @property st-global(--wds-sidebar-item-level-2-indent);
1174
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1175
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1168
1176
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1169
1177
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1170
1178
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1171
1179
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1180
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1172
1181
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1173
1182
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1174
1183
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1184
+ @property st-global(--wds-sidebar-item-level-3-indent);
1185
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1186
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1175
1187
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1176
1188
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1177
1189
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1178
1190
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1179
1191
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1180
1192
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1193
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1194
+ @property st-global(--wds-sidebar-item-prefix-gap);
1181
1195
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1196
+ @property st-global(--wds-sidebar-item-suffix-gap);
1182
1197
  @property st-global(--wds-sidebar-item-text-dark-active);
1183
1198
  @property st-global(--wds-sidebar-item-text-dark-default);
1184
1199
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1200
+ @property st-global(--wds-sidebar-item-text-font-size);
1185
1201
  @property st-global(--wds-sidebar-item-text-light-active);
1186
1202
  @property st-global(--wds-sidebar-item-text-light-default);
1187
1203
  @property st-global(--wds-sidebar-item-text-light-disabled);
1204
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1205
+ @property st-global(--wds-sidebar-item-text-line-height);
1188
1206
  @property st-global(--wds-sidebar-item-text-neutral-active);
1189
1207
  @property st-global(--wds-sidebar-item-text-neutral-default);
1190
1208
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1201,7 +1219,13 @@
1201
1219
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1202
1220
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1203
1221
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1222
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1223
+ @property st-global(--wds-sidebar-minimized-width);
1204
1224
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1225
+ @property st-global(--wds-sidebar-padding-bottom);
1226
+ @property st-global(--wds-sidebar-padding-end);
1227
+ @property st-global(--wds-sidebar-padding-start);
1228
+ @property st-global(--wds-sidebar-padding-top);
1205
1229
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1206
1230
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1207
1231
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -2761,6 +2785,9 @@
2761
2785
  --wds-sidebar-divider-fill-dark-default: #42454C;
2762
2786
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
2763
2787
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
2788
+ --wds-sidebar-divider-padding-bottom: 9px;
2789
+ --wds-sidebar-divider-padding-inline: 20px;
2790
+ --wds-sidebar-divider-padding-top: 8px;
2764
2791
  --wds-sidebar-header-margin-bottom: 12px;
2765
2792
  --wds-sidebar-header-text-dark-default: #ffffff;
2766
2793
  --wds-sidebar-item-content-gap: 8px;
@@ -2773,6 +2800,8 @@
2773
2800
  --wds-sidebar-item-level-1-fill-neutral-active: #c3daff;
2774
2801
  --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
2775
2802
  --wds-sidebar-item-level-1-fill-neutral-hover: #dce9ff;
2803
+ --wds-sidebar-item-level-1-indent: 24px;
2804
+ --wds-sidebar-item-level-1-indent-with-prefix: 18px;
2776
2805
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2777
2806
  --wds-sidebar-item-level-1-padding-end: 18px;
2778
2807
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -2780,26 +2809,39 @@
2780
2809
  --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
2781
2810
  --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
2782
2811
  --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
2812
+ --wds-sidebar-item-level-2-indent: 30px;
2813
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
2814
+ --wds-sidebar-item-level-2-indent-with-prefix: 18px;
2783
2815
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2784
2816
  --wds-sidebar-item-level-2-padding-end: 18px;
2785
2817
  --wds-sidebar-item-level-2-padding-start: 52px;
2786
2818
  --wds-sidebar-item-level-2-padding-top: 6px;
2819
+ --wds-sidebar-item-level-3-divider-display: block;
2787
2820
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
2788
2821
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
2789
2822
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
2823
+ --wds-sidebar-item-level-3-indent: 30px;
2824
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
2825
+ --wds-sidebar-item-level-3-indent-with-prefix: 48px;
2790
2826
  --wds-sidebar-item-level-3-padding-bottom: 6px;
2791
2827
  --wds-sidebar-item-level-3-padding-end: 18px;
2792
2828
  --wds-sidebar-item-level-3-padding-start: 52px;
2793
2829
  --wds-sidebar-item-level-3-padding-top: 6px;
2794
2830
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2795
2831
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2832
+ --wds-sidebar-item-padding-inline-end: 18px;
2833
+ --wds-sidebar-item-prefix-gap: 12px;
2796
2834
  --wds-sidebar-item-prefix-padding-end: 12px;
2835
+ --wds-sidebar-item-suffix-gap: 6px;
2797
2836
  --wds-sidebar-item-text-dark-active: #ffffff;
2798
2837
  --wds-sidebar-item-text-dark-default: #cfd1dc;
2799
2838
  --wds-sidebar-item-text-dark-disabled: #898B8F;
2839
+ --wds-sidebar-item-text-font-size: 12px;
2800
2840
  --wds-sidebar-item-text-light-active: #084ebd;
2801
2841
  --wds-sidebar-item-text-light-default: #42454c;
2802
2842
  --wds-sidebar-item-text-light-disabled: #bebebe;
2843
+ --wds-sidebar-item-text-line-clamp: 2;
2844
+ --wds-sidebar-item-text-line-height: 15px;
2803
2845
  --wds-sidebar-item-text-neutral-active: #084ebd;
2804
2846
  --wds-sidebar-item-text-neutral-default: #42454c;
2805
2847
  --wds-sidebar-item-text-neutral-disabled: #bebebe;
@@ -2816,7 +2858,13 @@
2816
2858
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2817
2859
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2818
2860
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2861
+ --wds-sidebar-minimized-padding-inline: 0px;
2862
+ --wds-sidebar-minimized-width: 54px;
2819
2863
  --wds-sidebar-navigation-arrow-fill-neutral: #131720;
2864
+ --wds-sidebar-padding-bottom: 0px;
2865
+ --wds-sidebar-padding-end: 0px;
2866
+ --wds-sidebar-padding-start: 0px;
2867
+ --wds-sidebar-padding-top: 0px;
2820
2868
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2821
2869
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2822
2870
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/wixel/all.css CHANGED
@@ -314,13 +314,13 @@
314
314
  --wds-toggle-button-shadow-spread-secondary: -1.5px;
315
315
  --wds-thumbnail-border-width-default: 0px;
316
316
  --wds-tabs-selection-height: 1px;
317
- --wds-table-toolbar-padding-block-end: 15px;
318
317
  --wds-table-toolbar-padding-block-start: 15px;
318
+ --wds-table-toolbar-padding-block-end: 15px;
319
+ --wds-table-toolbar-item-gap: 12px;
320
+ --wds-table-toolbar-icon-button-gap: 6px;
319
321
  --wds-table-toolbar-divider-gap-group-start: 24px;
320
322
  --wds-table-toolbar-divider-gap: 12px;
321
- --wds-table-toolbar-icon-button-gap: 6px;
322
323
  --wds-table-toolbar-button-gap: 6px;
323
- --wds-table-toolbar-item-gap: 12px;
324
324
  --wds-status-toast-width: 600px;
325
325
  --wds-statistics-widget-trend-space-top: 5px;
326
326
  --wds-statistics-widget-description-info-gap: 6px;
@@ -336,14 +336,21 @@
336
336
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
337
337
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
338
338
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
339
+ --wds-sidebar-minimized-width: 54px;
339
340
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
340
341
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
342
+ --wds-sidebar-item-text-line-height: 15px;
343
+ --wds-sidebar-item-text-line-clamp: 2;
341
344
  --wds-sidebar-item-text-dark-disabled: #898b8f;
345
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
346
+ --wds-sidebar-item-level-3-divider-display: block;
347
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
342
348
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
343
349
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
344
350
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
345
351
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
346
352
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
353
+ --wds-sidebar-divider-padding-bottom: 9px;
347
354
  --wds-sidebar-divider-fill-dark-default: #42454c;
348
355
  --wds-sidebar-clear-button-fill: #5a5d63;
349
356
  --wds-side-panel-title-font-letter-spacing: -0.50;
@@ -1040,7 +1047,12 @@
1040
1047
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1041
1048
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1042
1049
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1050
+ --wds-sidebar-padding-top: var(--wds-space-0);
1051
+ --wds-sidebar-padding-start: var(--wds-space-0);
1052
+ --wds-sidebar-padding-end: var(--wds-space-0);
1053
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
1043
1054
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1055
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
1044
1056
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1045
1057
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1046
1058
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1055,13 +1067,18 @@
1055
1067
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1056
1068
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1057
1069
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1070
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
1071
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
1058
1072
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1073
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
1059
1074
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1060
1075
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1061
1076
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
1062
1077
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
1063
1078
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
1064
1079
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
1080
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
1081
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
1065
1082
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
1066
1083
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
1067
1084
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -1069,11 +1086,15 @@
1069
1086
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1070
1087
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1071
1088
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1089
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
1090
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
1072
1091
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1073
1092
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1074
1093
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1075
1094
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1076
1095
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1096
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
1097
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
1077
1098
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1078
1099
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1079
1100
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -1082,6 +1103,8 @@
1082
1103
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1083
1104
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1084
1105
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1106
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
1107
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
1085
1108
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1086
1109
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1087
1110
  --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-regular);
@@ -1772,6 +1795,7 @@
1772
1795
  --wds-statistics-widget-description-font-size: var(--wds-font-size-body-small);
1773
1796
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover);
1774
1797
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1798
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1775
1799
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1776
1800
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1777
1801
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
package/wixel/all.scss CHANGED
@@ -64,14 +64,21 @@
64
64
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
65
65
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
66
66
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
67
+ --wds-sidebar-minimized-width: 54px;
67
68
  --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
68
69
  --wds-sidebar-minimize-action-fill-dark-default: #42454c;
70
+ --wds-sidebar-item-text-line-height: 15px;
71
+ --wds-sidebar-item-text-line-clamp: 2;
69
72
  --wds-sidebar-item-text-dark-disabled: #898b8f;
73
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
74
+ --wds-sidebar-item-level-3-divider-display: block;
75
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
70
76
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
71
77
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
72
78
  --wds-sidebar-item-level-1-fill-dark-hover: #2b2e36;
73
79
  --wds-sidebar-item-level-1-fill-dark-default: #131720;
74
80
  --wds-sidebar-item-level-1-fill-dark-active: #42454c;
81
+ --wds-sidebar-divider-padding-bottom: 9px;
75
82
  --wds-sidebar-divider-fill-dark-default: #42454c;
76
83
  --wds-sidebar-clear-button-fill: #5a5d63;
77
84
  --wds-side-panel-title-font-letter-spacing: -0.50;
@@ -659,7 +666,12 @@
659
666
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
660
667
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
661
668
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
669
+ --wds-sidebar-padding-top: var(--wds-space-0);
670
+ --wds-sidebar-padding-start: var(--wds-space-0);
671
+ --wds-sidebar-padding-end: var(--wds-space-0);
672
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
662
673
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
674
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
663
675
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
664
676
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
665
677
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -674,13 +686,18 @@
674
686
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
675
687
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
676
688
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
689
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
677
690
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
691
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
692
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
678
693
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
679
694
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
680
695
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
681
696
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
682
697
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
683
698
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
699
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
700
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
684
701
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
685
702
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
686
703
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -688,11 +705,15 @@
688
705
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
689
706
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
690
707
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
708
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
709
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
691
710
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
692
711
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
693
712
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
694
713
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
695
714
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
715
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
716
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
696
717
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
697
718
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
698
719
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -701,6 +722,8 @@
701
722
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
702
723
  --wds-sidebar-item-content-gap: var(--wds-space-200);
703
724
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
725
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
726
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
704
727
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
705
728
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
706
729
  --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-regular);
@@ -1761,6 +1784,7 @@
1761
1784
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1762
1785
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);
1763
1786
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1787
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1764
1788
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1765
1789
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1766
1790
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
package/wixel/all.st.css CHANGED
@@ -1787,6 +1787,9 @@
1787
1787
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1788
1788
  @property st-global(--wds-sidebar-divider-fill-light-default);
1789
1789
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1790
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1791
+ @property st-global(--wds-sidebar-divider-padding-inline);
1792
+ @property st-global(--wds-sidebar-divider-padding-top);
1790
1793
  @property st-global(--wds-sidebar-header-margin-bottom);
1791
1794
  @property st-global(--wds-sidebar-header-text-dark-default);
1792
1795
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1799,6 +1802,8 @@
1799
1802
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1800
1803
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1801
1804
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1805
+ @property st-global(--wds-sidebar-item-level-1-indent);
1806
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1802
1807
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1803
1808
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1804
1809
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1806,26 +1811,39 @@
1806
1811
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1807
1812
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1808
1813
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1814
+ @property st-global(--wds-sidebar-item-level-2-indent);
1815
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1816
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1809
1817
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1810
1818
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1811
1819
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1812
1820
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1821
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1813
1822
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1814
1823
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1815
1824
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1825
+ @property st-global(--wds-sidebar-item-level-3-indent);
1826
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1827
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1816
1828
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1817
1829
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1818
1830
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1819
1831
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1820
1832
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1821
1833
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1834
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1835
+ @property st-global(--wds-sidebar-item-prefix-gap);
1822
1836
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1837
+ @property st-global(--wds-sidebar-item-suffix-gap);
1823
1838
  @property st-global(--wds-sidebar-item-text-dark-active);
1824
1839
  @property st-global(--wds-sidebar-item-text-dark-default);
1825
1840
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1841
+ @property st-global(--wds-sidebar-item-text-font-size);
1826
1842
  @property st-global(--wds-sidebar-item-text-light-active);
1827
1843
  @property st-global(--wds-sidebar-item-text-light-default);
1828
1844
  @property st-global(--wds-sidebar-item-text-light-disabled);
1845
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1846
+ @property st-global(--wds-sidebar-item-text-line-height);
1829
1847
  @property st-global(--wds-sidebar-item-text-neutral-active);
1830
1848
  @property st-global(--wds-sidebar-item-text-neutral-default);
1831
1849
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1842,7 +1860,13 @@
1842
1860
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1843
1861
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1844
1862
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1863
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1864
+ @property st-global(--wds-sidebar-minimized-width);
1845
1865
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1866
+ @property st-global(--wds-sidebar-padding-bottom);
1867
+ @property st-global(--wds-sidebar-padding-end);
1868
+ @property st-global(--wds-sidebar-padding-start);
1869
+ @property st-global(--wds-sidebar-padding-top);
1846
1870
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1847
1871
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1848
1872
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -4082,6 +4106,9 @@
4082
4106
  --wds-sidebar-divider-fill-dark-default: #42454c;
4083
4107
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
4084
4108
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
4109
+ --wds-sidebar-divider-padding-bottom: 9px;
4110
+ --wds-sidebar-divider-padding-inline: 20px;
4111
+ --wds-sidebar-divider-padding-top: 8px;
4085
4112
  --wds-sidebar-header-margin-bottom: 12px;
4086
4113
  --wds-sidebar-header-text-dark-default: #ffffff;
4087
4114
  --wds-sidebar-item-content-gap: 8px;
@@ -4094,6 +4121,8 @@
4094
4121
  --wds-sidebar-item-level-1-fill-neutral-active: #bac4ff;
4095
4122
  --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
4096
4123
  --wds-sidebar-item-level-1-fill-neutral-hover: #dce2ff;
4124
+ --wds-sidebar-item-level-1-indent: 24px;
4125
+ --wds-sidebar-item-level-1-indent-with-prefix: 18px;
4097
4126
  --wds-sidebar-item-level-1-padding-bottom: 8px;
4098
4127
  --wds-sidebar-item-level-1-padding-end: 18px;
4099
4128
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -4101,26 +4130,39 @@
4101
4130
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
4102
4131
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
4103
4132
  --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
4133
+ --wds-sidebar-item-level-2-indent: 30px;
4134
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
4135
+ --wds-sidebar-item-level-2-indent-with-prefix: 18px;
4104
4136
  --wds-sidebar-item-level-2-padding-bottom: 6px;
4105
4137
  --wds-sidebar-item-level-2-padding-end: 18px;
4106
4138
  --wds-sidebar-item-level-2-padding-start: 52px;
4107
4139
  --wds-sidebar-item-level-2-padding-top: 6px;
4140
+ --wds-sidebar-item-level-3-divider-display: block;
4108
4141
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
4109
4142
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
4110
4143
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
4144
+ --wds-sidebar-item-level-3-indent: 30px;
4145
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
4146
+ --wds-sidebar-item-level-3-indent-with-prefix: 48px;
4111
4147
  --wds-sidebar-item-level-3-padding-bottom: 6px;
4112
4148
  --wds-sidebar-item-level-3-padding-end: 18px;
4113
4149
  --wds-sidebar-item-level-3-padding-start: 52px;
4114
4150
  --wds-sidebar-item-level-3-padding-top: 6px;
4115
4151
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
4116
4152
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
4153
+ --wds-sidebar-item-padding-inline-end: 18px;
4154
+ --wds-sidebar-item-prefix-gap: 12px;
4117
4155
  --wds-sidebar-item-prefix-padding-end: 12px;
4156
+ --wds-sidebar-item-suffix-gap: 6px;
4118
4157
  --wds-sidebar-item-text-dark-active: #ffffff;
4119
4158
  --wds-sidebar-item-text-dark-default: #cfd1dc;
4120
4159
  --wds-sidebar-item-text-dark-disabled: #898b8f;
4160
+ --wds-sidebar-item-text-font-size: 12px;
4121
4161
  --wds-sidebar-item-text-light-active: #4637e3;
4122
4162
  --wds-sidebar-item-text-light-default: #595d70;
4123
4163
  --wds-sidebar-item-text-light-disabled: rgba(38, 37, 36, 0.3000);
4164
+ --wds-sidebar-item-text-line-clamp: 2;
4165
+ --wds-sidebar-item-text-line-height: 15px;
4124
4166
  --wds-sidebar-item-text-neutral-active: #4637e3;
4125
4167
  --wds-sidebar-item-text-neutral-default: #595d70;
4126
4168
  --wds-sidebar-item-text-neutral-disabled: rgba(38, 37, 36, 0.3000);
@@ -4137,7 +4179,13 @@
4137
4179
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
4138
4180
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
4139
4181
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
4182
+ --wds-sidebar-minimized-padding-inline: 0px;
4183
+ --wds-sidebar-minimized-width: 54px;
4140
4184
  --wds-sidebar-navigation-arrow-fill-neutral: #000624;
4185
+ --wds-sidebar-padding-bottom: 0px;
4186
+ --wds-sidebar-padding-end: 0px;
4187
+ --wds-sidebar-padding-start: 0px;
4188
+ --wds-sidebar-padding-top: 0px;
4141
4189
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4142
4190
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4143
4191
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
package/wixel/component.st.css CHANGED
@@ -1119,6 +1119,9 @@
1119
1119
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1120
1120
  @property st-global(--wds-sidebar-divider-fill-light-default);
1121
1121
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1122
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1123
+ @property st-global(--wds-sidebar-divider-padding-inline);
1124
+ @property st-global(--wds-sidebar-divider-padding-top);
1122
1125
  @property st-global(--wds-sidebar-header-margin-bottom);
1123
1126
  @property st-global(--wds-sidebar-header-text-dark-default);
1124
1127
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1131,6 +1134,8 @@
1131
1134
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1132
1135
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1133
1136
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1137
+ @property st-global(--wds-sidebar-item-level-1-indent);
1138
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1134
1139
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1135
1140
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1136
1141
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1138,26 +1143,39 @@
1138
1143
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1139
1144
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1140
1145
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1146
+ @property st-global(--wds-sidebar-item-level-2-indent);
1147
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1148
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1141
1149
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1142
1150
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1143
1151
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1144
1152
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1153
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1145
1154
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1146
1155
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1147
1156
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1157
+ @property st-global(--wds-sidebar-item-level-3-indent);
1158
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1159
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1148
1160
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1149
1161
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1150
1162
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1151
1163
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1152
1164
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1153
1165
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1166
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1167
+ @property st-global(--wds-sidebar-item-prefix-gap);
1154
1168
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1169
+ @property st-global(--wds-sidebar-item-suffix-gap);
1155
1170
  @property st-global(--wds-sidebar-item-text-dark-active);
1156
1171
  @property st-global(--wds-sidebar-item-text-dark-default);
1157
1172
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1173
+ @property st-global(--wds-sidebar-item-text-font-size);
1158
1174
  @property st-global(--wds-sidebar-item-text-light-active);
1159
1175
  @property st-global(--wds-sidebar-item-text-light-default);
1160
1176
  @property st-global(--wds-sidebar-item-text-light-disabled);
1177
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1178
+ @property st-global(--wds-sidebar-item-text-line-height);
1161
1179
  @property st-global(--wds-sidebar-item-text-neutral-active);
1162
1180
  @property st-global(--wds-sidebar-item-text-neutral-default);
1163
1181
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1174,7 +1192,13 @@
1174
1192
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1175
1193
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1176
1194
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1195
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1196
+ @property st-global(--wds-sidebar-minimized-width);
1177
1197
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1198
+ @property st-global(--wds-sidebar-padding-bottom);
1199
+ @property st-global(--wds-sidebar-padding-end);
1200
+ @property st-global(--wds-sidebar-padding-start);
1201
+ @property st-global(--wds-sidebar-padding-top);
1178
1202
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1179
1203
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1180
1204
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -2700,6 +2724,9 @@
2700
2724
  --wds-sidebar-divider-fill-dark-default: #42454c;
2701
2725
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
2702
2726
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
2727
+ --wds-sidebar-divider-padding-bottom: 9px;
2728
+ --wds-sidebar-divider-padding-inline: 20px;
2729
+ --wds-sidebar-divider-padding-top: 8px;
2703
2730
  --wds-sidebar-header-margin-bottom: 12px;
2704
2731
  --wds-sidebar-header-text-dark-default: #ffffff;
2705
2732
  --wds-sidebar-item-content-gap: 8px;
@@ -2712,6 +2739,8 @@
2712
2739
  --wds-sidebar-item-level-1-fill-neutral-active: #bac4ff;
2713
2740
  --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
2714
2741
  --wds-sidebar-item-level-1-fill-neutral-hover: #dce2ff;
2742
+ --wds-sidebar-item-level-1-indent: 24px;
2743
+ --wds-sidebar-item-level-1-indent-with-prefix: 18px;
2715
2744
  --wds-sidebar-item-level-1-padding-bottom: 8px;
2716
2745
  --wds-sidebar-item-level-1-padding-end: 18px;
2717
2746
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -2719,26 +2748,39 @@
2719
2748
  --wds-sidebar-item-level-2-fill-dark-default: #1f222b;
2720
2749
  --wds-sidebar-item-level-2-fill-light-default: #eaf7ff;
2721
2750
  --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
2751
+ --wds-sidebar-item-level-2-indent: 30px;
2752
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
2753
+ --wds-sidebar-item-level-2-indent-with-prefix: 18px;
2722
2754
  --wds-sidebar-item-level-2-padding-bottom: 6px;
2723
2755
  --wds-sidebar-item-level-2-padding-end: 18px;
2724
2756
  --wds-sidebar-item-level-2-padding-start: 52px;
2725
2757
  --wds-sidebar-item-level-2-padding-top: 6px;
2758
+ --wds-sidebar-item-level-3-divider-display: block;
2726
2759
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
2727
2760
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
2728
2761
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
2762
+ --wds-sidebar-item-level-3-indent: 30px;
2763
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
2764
+ --wds-sidebar-item-level-3-indent-with-prefix: 48px;
2729
2765
  --wds-sidebar-item-level-3-padding-bottom: 6px;
2730
2766
  --wds-sidebar-item-level-3-padding-end: 18px;
2731
2767
  --wds-sidebar-item-level-3-padding-start: 52px;
2732
2768
  --wds-sidebar-item-level-3-padding-top: 6px;
2733
2769
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2734
2770
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
2771
+ --wds-sidebar-item-padding-inline-end: 18px;
2772
+ --wds-sidebar-item-prefix-gap: 12px;
2735
2773
  --wds-sidebar-item-prefix-padding-end: 12px;
2774
+ --wds-sidebar-item-suffix-gap: 6px;
2736
2775
  --wds-sidebar-item-text-dark-active: #ffffff;
2737
2776
  --wds-sidebar-item-text-dark-default: #cfd1dc;
2738
2777
  --wds-sidebar-item-text-dark-disabled: #898b8f;
2778
+ --wds-sidebar-item-text-font-size: 12px;
2739
2779
  --wds-sidebar-item-text-light-active: #4637e3;
2740
2780
  --wds-sidebar-item-text-light-default: #595d70;
2741
2781
  --wds-sidebar-item-text-light-disabled: rgba(38, 37, 36, 0.3000);
2782
+ --wds-sidebar-item-text-line-clamp: 2;
2783
+ --wds-sidebar-item-text-line-height: 15px;
2742
2784
  --wds-sidebar-item-text-neutral-active: #4637e3;
2743
2785
  --wds-sidebar-item-text-neutral-default: #595d70;
2744
2786
  --wds-sidebar-item-text-neutral-disabled: rgba(38, 37, 36, 0.3000);
@@ -2755,7 +2797,13 @@
2755
2797
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2756
2798
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2757
2799
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2800
+ --wds-sidebar-minimized-padding-inline: 0px;
2801
+ --wds-sidebar-minimized-width: 54px;
2758
2802
  --wds-sidebar-navigation-arrow-fill-neutral: #000624;
2803
+ --wds-sidebar-padding-bottom: 0px;
2804
+ --wds-sidebar-padding-end: 0px;
2805
+ --wds-sidebar-padding-start: 0px;
2806
+ --wds-sidebar-padding-top: 0px;
2759
2807
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2760
2808
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
2761
2809
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;