@wix/design-system-tokens 1.220.1 → 1.221.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (27) hide show
  1. package/CHANGELOG.md +20 -0
  2. package/all.css +28 -3
  3. package/all.scss +25 -0
  4. package/all.st.css +50 -0
  5. package/component.st.css +48 -0
  6. package/foundation.st.css +2 -0
  7. package/odeditor/all.css +30 -5
  8. package/odeditor/all.scss +27 -2
  9. package/odeditor/all.st.css +52 -2
  10. package/odeditor/component.st.css +50 -2
  11. package/odeditor/foundation.st.css +2 -0
  12. package/odeditor-dark/all.css +30 -5
  13. package/odeditor-dark/all.scss +27 -2
  14. package/odeditor-dark/all.st.css +52 -2
  15. package/odeditor-dark/component.st.css +50 -2
  16. package/odeditor-dark/foundation.st.css +2 -0
  17. package/package.json +2 -2
  18. package/studio/all.css +28 -3
  19. package/studio/all.scss +25 -0
  20. package/studio/all.st.css +50 -0
  21. package/studio/component.st.css +48 -0
  22. package/studio/foundation.st.css +2 -0
  23. package/wixel/all.css +28 -3
  24. package/wixel/all.scss +25 -0
  25. package/wixel/all.st.css +50 -0
  26. package/wixel/component.st.css +48 -0
  27. package/wixel/foundation.st.css +2 -0
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;
@@ -392,6 +399,7 @@
392
399
  --wds-loader-stroke-width-large: 4px;
393
400
  --wds-list-item-select-min-height-medium: auto;
394
401
  --wds-list-item-action-subtitle-offset: 0px;
402
+ --wds-internal-animations-enabled: false;
395
403
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
396
404
  --wds-internal-thumbnail-illustration-size-small: 51px;
397
405
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -1077,7 +1085,12 @@
1077
1085
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1078
1086
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1079
1087
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1088
+ --wds-sidebar-padding-top: var(--wds-space-0);
1089
+ --wds-sidebar-padding-start: var(--wds-space-0);
1090
+ --wds-sidebar-padding-end: var(--wds-space-0);
1091
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
1080
1092
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1093
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
1081
1094
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1082
1095
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1083
1096
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1094,13 +1107,18 @@
1094
1107
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1095
1108
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1096
1109
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1110
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
1111
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
1097
1112
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1113
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
1098
1114
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1099
1115
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1100
1116
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
1101
1117
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
1102
1118
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
1103
1119
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
1120
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
1121
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
1104
1122
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
1105
1123
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
1106
1124
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -1108,11 +1126,15 @@
1108
1126
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1109
1127
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1110
1128
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1129
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
1130
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
1111
1131
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1112
1132
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1113
1133
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1114
1134
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1115
1135
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1136
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
1137
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
1116
1138
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1117
1139
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1118
1140
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -1121,6 +1143,8 @@
1121
1143
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1122
1144
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1123
1145
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1146
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
1147
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
1124
1148
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1125
1149
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1126
1150
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
@@ -1843,6 +1867,7 @@
1843
1867
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover);
1844
1868
  --wds-slider-slider-knob-color: var(--wds-color-fill-standard-primary);
1845
1869
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1870
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1846
1871
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1847
1872
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1848
1873
  --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;
@@ -147,6 +154,7 @@
147
154
  --wds-internal-image-height-medium: 84px;
148
155
  --wds-internal-image-height-large: 120px;
149
156
  --wds-internal-color-picker-width: 236px;
157
+ --wds-internal-animations-enabled: false;
150
158
  --wds-input-width-tiny: 48px;
151
159
  --wds-input-width-small: 56px;
152
160
  --wds-input-width-medium: 72px;
@@ -680,7 +688,12 @@
680
688
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
681
689
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
682
690
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
691
+ --wds-sidebar-padding-top: var(--wds-space-0);
692
+ --wds-sidebar-padding-start: var(--wds-space-0);
693
+ --wds-sidebar-padding-end: var(--wds-space-0);
694
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
683
695
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
696
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
684
697
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
685
698
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
686
699
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -697,13 +710,18 @@
697
710
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
698
711
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
699
712
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
713
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
700
714
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
715
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
716
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
701
717
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
702
718
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
703
719
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
704
720
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
705
721
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
706
722
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
723
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
724
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
707
725
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
708
726
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
709
727
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -711,11 +729,15 @@
711
729
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
712
730
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
713
731
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
732
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
733
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
714
734
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
715
735
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
716
736
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
717
737
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
718
738
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
739
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
740
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
719
741
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
720
742
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
721
743
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -724,6 +746,8 @@
724
746
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
725
747
  --wds-sidebar-item-content-gap: var(--wds-space-200);
726
748
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
749
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
750
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
727
751
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
728
752
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
729
753
  --wds-side-panel-title-font-letter-spacing: var(--wds-font-letter-spacing-0);
@@ -1829,6 +1853,7 @@
1829
1853
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1830
1854
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1831
1855
  --wds-sidebar-item-text-light-default: var(--wds-color-text-standard-secondary);
1856
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1832
1857
  --wds-sidebar-header-text-dark-default: var(--wds-color-text-standard-primary-light);
1833
1858
  --wds-side-panel-title-font-size: var(--wds-font-size-heading-3);
1834
1859
  --wds-side-panel-subtitle-font-size: var(--wds-font-size-body-medium);
package/studio/all.st.css CHANGED
@@ -1246,6 +1246,7 @@
1246
1246
  @property st-global(--wds-input-width-medium);
1247
1247
  @property st-global(--wds-input-width-small);
1248
1248
  @property st-global(--wds-input-width-tiny);
1249
+ @property st-global(--wds-internal-animations-enabled);
1249
1250
  @property st-global(--wds-internal-color-picker-padding-horizontal);
1250
1251
  @property st-global(--wds-internal-color-picker-padding-vertical);
1251
1252
  @property st-global(--wds-internal-color-picker-width);
@@ -1844,6 +1845,9 @@
1844
1845
  @property st-global(--wds-sidebar-divider-fill-dark-default);
1845
1846
  @property st-global(--wds-sidebar-divider-fill-light-default);
1846
1847
  @property st-global(--wds-sidebar-divider-fill-neutral-default);
1848
+ @property st-global(--wds-sidebar-divider-padding-bottom);
1849
+ @property st-global(--wds-sidebar-divider-padding-inline);
1850
+ @property st-global(--wds-sidebar-divider-padding-top);
1847
1851
  @property st-global(--wds-sidebar-header-margin-bottom);
1848
1852
  @property st-global(--wds-sidebar-header-text-dark-default);
1849
1853
  @property st-global(--wds-sidebar-item-content-gap);
@@ -1856,6 +1860,8 @@
1856
1860
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
1857
1861
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
1858
1862
  @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
1863
+ @property st-global(--wds-sidebar-item-level-1-indent);
1864
+ @property st-global(--wds-sidebar-item-level-1-indent-with-prefix);
1859
1865
  @property st-global(--wds-sidebar-item-level-1-padding-bottom);
1860
1866
  @property st-global(--wds-sidebar-item-level-1-padding-end);
1861
1867
  @property st-global(--wds-sidebar-item-level-1-padding-start);
@@ -1863,26 +1869,39 @@
1863
1869
  @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
1864
1870
  @property st-global(--wds-sidebar-item-level-2-fill-light-default);
1865
1871
  @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
1872
+ @property st-global(--wds-sidebar-item-level-2-indent);
1873
+ @property st-global(--wds-sidebar-item-level-2-indent-first-level-with-prefix);
1874
+ @property st-global(--wds-sidebar-item-level-2-indent-with-prefix);
1866
1875
  @property st-global(--wds-sidebar-item-level-2-padding-bottom);
1867
1876
  @property st-global(--wds-sidebar-item-level-2-padding-end);
1868
1877
  @property st-global(--wds-sidebar-item-level-2-padding-start);
1869
1878
  @property st-global(--wds-sidebar-item-level-2-padding-top);
1879
+ @property st-global(--wds-sidebar-item-level-3-divider-display);
1870
1880
  @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
1871
1881
  @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
1872
1882
  @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
1883
+ @property st-global(--wds-sidebar-item-level-3-indent);
1884
+ @property st-global(--wds-sidebar-item-level-3-indent-first-level-with-prefix);
1885
+ @property st-global(--wds-sidebar-item-level-3-indent-with-prefix);
1873
1886
  @property st-global(--wds-sidebar-item-level-3-padding-bottom);
1874
1887
  @property st-global(--wds-sidebar-item-level-3-padding-end);
1875
1888
  @property st-global(--wds-sidebar-item-level-3-padding-start);
1876
1889
  @property st-global(--wds-sidebar-item-level-3-padding-top);
1877
1890
  @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
1878
1891
  @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
1892
+ @property st-global(--wds-sidebar-item-padding-inline-end);
1893
+ @property st-global(--wds-sidebar-item-prefix-gap);
1879
1894
  @property st-global(--wds-sidebar-item-prefix-padding-end);
1895
+ @property st-global(--wds-sidebar-item-suffix-gap);
1880
1896
  @property st-global(--wds-sidebar-item-text-dark-active);
1881
1897
  @property st-global(--wds-sidebar-item-text-dark-default);
1882
1898
  @property st-global(--wds-sidebar-item-text-dark-disabled);
1899
+ @property st-global(--wds-sidebar-item-text-font-size);
1883
1900
  @property st-global(--wds-sidebar-item-text-light-active);
1884
1901
  @property st-global(--wds-sidebar-item-text-light-default);
1885
1902
  @property st-global(--wds-sidebar-item-text-light-disabled);
1903
+ @property st-global(--wds-sidebar-item-text-line-clamp);
1904
+ @property st-global(--wds-sidebar-item-text-line-height);
1886
1905
  @property st-global(--wds-sidebar-item-text-neutral-active);
1887
1906
  @property st-global(--wds-sidebar-item-text-neutral-default);
1888
1907
  @property st-global(--wds-sidebar-item-text-neutral-disabled);
@@ -1899,7 +1918,13 @@
1899
1918
  @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
1900
1919
  @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
1901
1920
  @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
1921
+ @property st-global(--wds-sidebar-minimized-padding-inline);
1922
+ @property st-global(--wds-sidebar-minimized-width);
1902
1923
  @property st-global(--wds-sidebar-navigation-arrow-fill-neutral);
1924
+ @property st-global(--wds-sidebar-padding-bottom);
1925
+ @property st-global(--wds-sidebar-padding-end);
1926
+ @property st-global(--wds-sidebar-padding-start);
1927
+ @property st-global(--wds-sidebar-padding-top);
1903
1928
  @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
1904
1929
  @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
1905
1930
  @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
@@ -3605,6 +3630,7 @@
3605
3630
  --wds-input-width-medium: 72px;
3606
3631
  --wds-input-width-small: 56px;
3607
3632
  --wds-input-width-tiny: 48px;
3633
+ --wds-internal-animations-enabled: false;
3608
3634
  --wds-internal-color-picker-padding-horizontal: 16px;
3609
3635
  --wds-internal-color-picker-padding-vertical: 12px;
3610
3636
  --wds-internal-color-picker-width: 236px;
@@ -4203,6 +4229,9 @@
4203
4229
  --wds-sidebar-divider-fill-dark-default: #42454C;
4204
4230
  --wds-sidebar-divider-fill-light-default: #cfd1dc;
4205
4231
  --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
4232
+ --wds-sidebar-divider-padding-bottom: 9px;
4233
+ --wds-sidebar-divider-padding-inline: 20px;
4234
+ --wds-sidebar-divider-padding-top: 8px;
4206
4235
  --wds-sidebar-header-margin-bottom: 12px;
4207
4236
  --wds-sidebar-header-text-dark-default: #ffffff;
4208
4237
  --wds-sidebar-item-content-gap: 8px;
@@ -4215,6 +4244,8 @@
4215
4244
  --wds-sidebar-item-level-1-fill-neutral-active: #c3daff;
4216
4245
  --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
4217
4246
  --wds-sidebar-item-level-1-fill-neutral-hover: #dce9ff;
4247
+ --wds-sidebar-item-level-1-indent: 24px;
4248
+ --wds-sidebar-item-level-1-indent-with-prefix: 18px;
4218
4249
  --wds-sidebar-item-level-1-padding-bottom: 8px;
4219
4250
  --wds-sidebar-item-level-1-padding-end: 18px;
4220
4251
  --wds-sidebar-item-level-1-padding-start: 24px;
@@ -4222,26 +4253,39 @@
4222
4253
  --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
4223
4254
  --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
4224
4255
  --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
4256
+ --wds-sidebar-item-level-2-indent: 30px;
4257
+ --wds-sidebar-item-level-2-indent-first-level-with-prefix: 54px;
4258
+ --wds-sidebar-item-level-2-indent-with-prefix: 18px;
4225
4259
  --wds-sidebar-item-level-2-padding-bottom: 6px;
4226
4260
  --wds-sidebar-item-level-2-padding-end: 18px;
4227
4261
  --wds-sidebar-item-level-2-padding-start: 52px;
4228
4262
  --wds-sidebar-item-level-2-padding-top: 6px;
4263
+ --wds-sidebar-item-level-3-divider-display: block;
4229
4264
  --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
4230
4265
  --wds-sidebar-item-level-3-divider-padding-end: 12px;
4231
4266
  --wds-sidebar-item-level-3-divider-padding-top: 8px;
4267
+ --wds-sidebar-item-level-3-indent: 30px;
4268
+ --wds-sidebar-item-level-3-indent-first-level-with-prefix: 54px;
4269
+ --wds-sidebar-item-level-3-indent-with-prefix: 48px;
4232
4270
  --wds-sidebar-item-level-3-padding-bottom: 6px;
4233
4271
  --wds-sidebar-item-level-3-padding-end: 18px;
4234
4272
  --wds-sidebar-item-level-3-padding-start: 52px;
4235
4273
  --wds-sidebar-item-level-3-padding-top: 6px;
4236
4274
  --wds-sidebar-item-minimized-paddings-horizontal: 18px;
4237
4275
  --wds-sidebar-item-minimized-paddings-vertical: 8px;
4276
+ --wds-sidebar-item-padding-inline-end: 18px;
4277
+ --wds-sidebar-item-prefix-gap: 12px;
4238
4278
  --wds-sidebar-item-prefix-padding-end: 12px;
4279
+ --wds-sidebar-item-suffix-gap: 6px;
4239
4280
  --wds-sidebar-item-text-dark-active: #ffffff;
4240
4281
  --wds-sidebar-item-text-dark-default: #cfd1dc;
4241
4282
  --wds-sidebar-item-text-dark-disabled: #898B8F;
4283
+ --wds-sidebar-item-text-font-size: 12px;
4242
4284
  --wds-sidebar-item-text-light-active: #084ebd;
4243
4285
  --wds-sidebar-item-text-light-default: #42454c;
4244
4286
  --wds-sidebar-item-text-light-disabled: #bebebe;
4287
+ --wds-sidebar-item-text-line-clamp: 2;
4288
+ --wds-sidebar-item-text-line-height: 15px;
4245
4289
  --wds-sidebar-item-text-neutral-active: #084ebd;
4246
4290
  --wds-sidebar-item-text-neutral-default: #42454c;
4247
4291
  --wds-sidebar-item-text-neutral-disabled: #bebebe;
@@ -4258,7 +4302,13 @@
4258
4302
  --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
4259
4303
  --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
4260
4304
  --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
4305
+ --wds-sidebar-minimized-padding-inline: 0px;
4306
+ --wds-sidebar-minimized-width: 54px;
4261
4307
  --wds-sidebar-navigation-arrow-fill-neutral: #131720;
4308
+ --wds-sidebar-padding-bottom: 0px;
4309
+ --wds-sidebar-padding-end: 0px;
4310
+ --wds-sidebar-padding-start: 0px;
4311
+ --wds-sidebar-padding-top: 0px;
4262
4312
  --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
4263
4313
  --wds-sidebar-scrollbar-fill-dark-default: #717379;
4264
4314
  --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
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/studio/foundation.st.css CHANGED
@@ -160,6 +160,7 @@
160
160
  @property st-global(--wds-font-weight-medium);
161
161
  @property st-global(--wds-font-weight-regular);
162
162
  @property st-global(--wds-font-weight-semi-bold);
163
+ @property st-global(--wds-internal-animations-enabled);
163
164
  @property st-global(--wds-shadow-100);
164
165
  @property st-global(--wds-shadow-200);
165
166
  @property st-global(--wds-shadow-300);
@@ -400,6 +401,7 @@
400
401
  --wds-font-weight-medium: 500;
401
402
  --wds-font-weight-regular: 400;
402
403
  --wds-font-weight-semi-bold: 600;
404
+ --wds-internal-animations-enabled: false;
403
405
  --wds-shadow-100: 0 2px 7px rgba(19, 23, 32, .2);
404
406
  --wds-shadow-200: 0 0 12px rgba(19, 23, 32, .2);
405
407
  --wds-shadow-300: 0 12px 20px rgba(19, 23, 32, .1);
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;
@@ -375,6 +382,7 @@
375
382
  --wds-loader-stroke-width-large: 4px;
376
383
  --wds-list-item-select-min-height-medium: auto;
377
384
  --wds-list-item-action-subtitle-offset: 0px;
385
+ --wds-internal-animations-enabled: false;
378
386
  --wds-internal-thumbnail-illustration-size-tiny: 38px;
379
387
  --wds-internal-thumbnail-illustration-size-small: 51px;
380
388
  --wds-internal-thumbnail-illustration-size-medium: 72px;
@@ -1040,7 +1048,12 @@
1040
1048
  --wds-skeleton-border-radius-rectangle: var(--wds-border-radius-200);
1041
1049
  --wds-skeleton-border-radius-line: var(--wds-border-radius-200);
1042
1050
  --wds-skeleton-border-radius-circle: var(--wds-border-radius-full);
1051
+ --wds-sidebar-padding-top: var(--wds-space-0);
1052
+ --wds-sidebar-padding-start: var(--wds-space-0);
1053
+ --wds-sidebar-padding-end: var(--wds-space-0);
1054
+ --wds-sidebar-padding-bottom: var(--wds-space-0);
1043
1055
  --wds-sidebar-navigation-arrow-fill-neutral: var(--wds-color-black-100);
1056
+ --wds-sidebar-minimized-padding-inline: var(--wds-space-0);
1044
1057
  --wds-sidebar-minimize-tooltip-text-neutral-default: var(--wds-color-black-200);
1045
1058
  --wds-sidebar-minimize-tooltip-text-light-default: var(--wds-color-black-200);
1046
1059
  --wds-sidebar-minimize-tooltip-text-dark-default: var(--wds-color-white);
@@ -1055,13 +1068,18 @@
1055
1068
  --wds-sidebar-item-text-light-active: var(--wds-color-blue-0);
1056
1069
  --wds-sidebar-item-text-dark-default: var(--wds-color-black-550);
1057
1070
  --wds-sidebar-item-text-dark-active: var(--wds-color-white);
1071
+ --wds-sidebar-item-suffix-gap: var(--wds-space-150);
1072
+ --wds-sidebar-item-prefix-gap: var(--wds-space-300);
1058
1073
  --wds-sidebar-item-prefix-padding-end: var(--wds-space-300);
1074
+ --wds-sidebar-item-padding-inline-end: var(--wds-space-475);
1059
1075
  --wds-sidebar-item-minimized-paddings-vertical: var(--wds-space-200);
1060
1076
  --wds-sidebar-item-minimized-paddings-horizontal: var(--wds-space-475);
1061
1077
  --wds-sidebar-item-level-3-padding-top: var(--wds-space-150);
1062
1078
  --wds-sidebar-item-level-3-padding-start: var(--wds-space-1300);
1063
1079
  --wds-sidebar-item-level-3-padding-end: var(--wds-space-475);
1064
1080
  --wds-sidebar-item-level-3-padding-bottom: var(--wds-space-150);
1081
+ --wds-sidebar-item-level-3-indent-with-prefix: var(--wds-space-1200);
1082
+ --wds-sidebar-item-level-3-indent: var(--wds-space-750);
1065
1083
  --wds-sidebar-item-level-3-divider-padding-top: var(--wds-space-200);
1066
1084
  --wds-sidebar-item-level-3-divider-padding-end: var(--wds-space-300);
1067
1085
  --wds-sidebar-item-level-3-divider-padding-bottom: var(--wds-space-200);
@@ -1069,11 +1087,15 @@
1069
1087
  --wds-sidebar-item-level-2-padding-start: var(--wds-space-1300);
1070
1088
  --wds-sidebar-item-level-2-padding-end: var(--wds-space-475);
1071
1089
  --wds-sidebar-item-level-2-padding-bottom: var(--wds-space-150);
1090
+ --wds-sidebar-item-level-2-indent-with-prefix: var(--wds-space-475);
1091
+ --wds-sidebar-item-level-2-indent: var(--wds-space-750);
1072
1092
  --wds-sidebar-item-level-2-fill-neutral-default: var(--wds-color-black-700);
1073
1093
  --wds-sidebar-item-level-1-padding-top: var(--wds-space-200);
1074
1094
  --wds-sidebar-item-level-1-padding-start: var(--wds-space-600);
1075
1095
  --wds-sidebar-item-level-1-padding-end: var(--wds-space-475);
1076
1096
  --wds-sidebar-item-level-1-padding-bottom: var(--wds-space-200);
1097
+ --wds-sidebar-item-level-1-indent-with-prefix: var(--wds-space-475);
1098
+ --wds-sidebar-item-level-1-indent: var(--wds-space-600);
1077
1099
  --wds-sidebar-item-level-1-fill-neutral-hover: var(--wds-color-blue-400);
1078
1100
  --wds-sidebar-item-level-1-fill-neutral-default: var(--wds-color-black-700);
1079
1101
  --wds-sidebar-item-level-1-fill-neutral-active: var(--wds-color-blue-300);
@@ -1082,6 +1104,8 @@
1082
1104
  --wds-sidebar-item-level-1-fill-light-active: var(--wds-color-blue-300);
1083
1105
  --wds-sidebar-item-content-gap: var(--wds-space-200);
1084
1106
  --wds-sidebar-header-margin-bottom: var(--wds-space-300);
1107
+ --wds-sidebar-divider-padding-top: var(--wds-space-200);
1108
+ --wds-sidebar-divider-padding-inline: var(--wds-space-500);
1085
1109
  --wds-sidebar-divider-fill-neutral-default: var(--wds-color-black-550);
1086
1110
  --wds-sidebar-divider-fill-light-default: var(--wds-color-black-550);
1087
1111
  --wds-side-panel-subtitle-font-weight: var(--wds-font-weight-regular);
@@ -1772,6 +1796,7 @@
1772
1796
  --wds-statistics-widget-description-font-size: var(--wds-font-size-body-small);
1773
1797
  --wds-slider-slider-knob-color-hover: var(--wds-color-fill-standard-primary-hover);
1774
1798
  --wds-sidebar-item-title: var(--wds-color-text-standard-secondary-light);
1799
+ --wds-sidebar-item-text-font-size: var(--wds-font-size-body-tiny);
1775
1800
  --wds-sidebar-item-text-neutral-disabled: var(--wds-color-text-disabled);
1776
1801
  --wds-sidebar-item-text-neutral-default: var(--wds-color-text-standard-secondary);
1777
1802
  --wds-sidebar-item-text-light-disabled: var(--wds-color-text-disabled);