@wix/design-system-tokens 1.16.3 → 1.16.5

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 (5) hide show
  1. package/all.st.css +126 -2
  2. package/component.st.css +126 -2
  3. package/package.json +2 -2
  4. package/studio/all.st.css +124 -2
  5. package/studio/component.st.css +124 -2
package/all.st.css CHANGED
@@ -751,6 +751,8 @@
751
751
  @property st-global(--wds-radio-fill-active-hover);
752
752
  @property st-global(--wds-radio-fill-disabled);
753
753
  @property st-global(--wds-radio-fill-hover);
754
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
755
+ @property st-global(--wds-radio-group-gap-horizontal-small);
754
756
  @property st-global(--wds-radio-group-gap-vertical-medium);
755
757
  @property st-global(--wds-radio-group-gap-vertical-small);
756
758
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -799,7 +801,7 @@
799
801
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
800
802
  @property st-global(--wds-segmented-toggle-size-medium);
801
803
  @property st-global(--wds-segmented-toggle-size-small);
802
- @property st-global(--wds-select-area-border);
804
+ @property st-global(--wds-select-area-border-radius);
803
805
  @property st-global(--wds-select-area-fill);
804
806
  @property st-global(--wds-select-area-fill-active);
805
807
  @property st-global(--wds-select-area-fill-disabled);
@@ -852,6 +854,66 @@
852
854
  @property st-global(--wds-side-panel-header-padding-left);
853
855
  @property st-global(--wds-side-panel-header-padding-right);
854
856
  @property st-global(--wds-side-panel-header-padding-vertical);
857
+ @property st-global(--wds-sidebar-divider-fill-dark-default);
858
+ @property st-global(--wds-sidebar-divider-fill-light-default);
859
+ @property st-global(--wds-sidebar-divider-fill-neutral-default);
860
+ @property st-global(--wds-sidebar-header-margin-bottom);
861
+ @property st-global(--wds-sidebar-item-content-gap);
862
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-active);
863
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-default);
864
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-hover);
865
+ @property st-global(--wds-sidebar-item-level-1-fill-light-active);
866
+ @property st-global(--wds-sidebar-item-level-1-fill-light-default);
867
+ @property st-global(--wds-sidebar-item-level-1-fill-light-hover);
868
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
869
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
870
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
871
+ @property st-global(--wds-sidebar-item-level-1-padding-bottom);
872
+ @property st-global(--wds-sidebar-item-level-1-padding-end);
873
+ @property st-global(--wds-sidebar-item-level-1-padding-start);
874
+ @property st-global(--wds-sidebar-item-level-1-padding-top);
875
+ @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
876
+ @property st-global(--wds-sidebar-item-level-2-fill-light-default);
877
+ @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
878
+ @property st-global(--wds-sidebar-item-level-2-padding-bottom);
879
+ @property st-global(--wds-sidebar-item-level-2-padding-end);
880
+ @property st-global(--wds-sidebar-item-level-2-padding-start);
881
+ @property st-global(--wds-sidebar-item-level-2-padding-top);
882
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
883
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
884
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
885
+ @property st-global(--wds-sidebar-item-level-3-padding-bottom);
886
+ @property st-global(--wds-sidebar-item-level-3-padding-end);
887
+ @property st-global(--wds-sidebar-item-level-3-padding-start);
888
+ @property st-global(--wds-sidebar-item-level-3-padding-top);
889
+ @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
890
+ @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
891
+ @property st-global(--wds-sidebar-item-prefix-padding-end);
892
+ @property st-global(--wds-sidebar-item-text-dark-active);
893
+ @property st-global(--wds-sidebar-item-text-dark-default);
894
+ @property st-global(--wds-sidebar-item-text-dark-disabled);
895
+ @property st-global(--wds-sidebar-item-text-light-active);
896
+ @property st-global(--wds-sidebar-item-text-light-default);
897
+ @property st-global(--wds-sidebar-item-text-light-disabled);
898
+ @property st-global(--wds-sidebar-item-text-neutral-active);
899
+ @property st-global(--wds-sidebar-item-text-neutral-default);
900
+ @property st-global(--wds-sidebar-item-text-neutral-disabled);
901
+ @property st-global(--wds-sidebar-item-title);
902
+ @property st-global(--wds-sidebar-minimize-action-fill-dark-default);
903
+ @property st-global(--wds-sidebar-minimize-action-fill-light-default);
904
+ @property st-global(--wds-sidebar-minimize-action-fill-neutral-default);
905
+ @property st-global(--wds-sidebar-minimize-action-text-dark-default);
906
+ @property st-global(--wds-sidebar-minimize-action-text-light-default);
907
+ @property st-global(--wds-sidebar-minimize-action-text-neutral-default);
908
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-dark-default);
909
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-light-default);
910
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-neutral-default);
911
+ @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
912
+ @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
913
+ @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
914
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
915
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
916
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
855
917
  @property st-global(--wds-skeleton-border-radius-circle);
856
918
  @property st-global(--wds-skeleton-border-radius-line);
857
919
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1810,6 +1872,8 @@
1810
1872
  --wds-radio-fill-active-hover: #ffffff;
1811
1873
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
1812
1874
  --wds-radio-fill-hover: #e7f0ff;
1875
+ --wds-radio-group-gap-horizontal-medium: 24px;
1876
+ --wds-radio-group-gap-horizontal-small: 24px;
1813
1877
  --wds-radio-group-gap-vertical-medium: 12px;
1814
1878
  --wds-radio-group-gap-vertical-small: 6px;
1815
1879
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -1858,7 +1922,7 @@
1858
1922
  --wds-segmented-toggle-padding-vertical-small: 6px;
1859
1923
  --wds-segmented-toggle-size-medium: 36px;
1860
1924
  --wds-segmented-toggle-size-small: 30px;
1861
- --wds-select-area-border: 8px;
1925
+ --wds-select-area-border-radius: 8px;
1862
1926
  --wds-select-area-fill: #f4f7ff;
1863
1927
  --wds-select-area-fill-active: #d6e6fe;
1864
1928
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -1911,6 +1975,66 @@
1911
1975
  --wds-side-panel-header-padding-left: 24px;
1912
1976
  --wds-side-panel-header-padding-right: 9px;
1913
1977
  --wds-side-panel-header-padding-vertical: 18px;
1978
+ --wds-sidebar-divider-fill-dark-default: #42454C;
1979
+ --wds-sidebar-divider-fill-light-default: #cfd1dc;
1980
+ --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
1981
+ --wds-sidebar-header-margin-bottom: 12px;
1982
+ --wds-sidebar-item-content-gap: 6px;
1983
+ --wds-sidebar-item-level-1-fill-dark-active: #42454C;
1984
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
1985
+ --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
1986
+ --wds-sidebar-item-level-1-fill-light-active: #a8caff;
1987
+ --wds-sidebar-item-level-1-fill-light-default: #ffffff;
1988
+ --wds-sidebar-item-level-1-fill-light-hover: #d6e6fe;
1989
+ --wds-sidebar-item-level-1-fill-neutral-active: #a8caff;
1990
+ --wds-sidebar-item-level-1-fill-neutral-default: #eceff3;
1991
+ --wds-sidebar-item-level-1-fill-neutral-hover: #d6e6fe;
1992
+ --wds-sidebar-item-level-1-padding-bottom: 9px;
1993
+ --wds-sidebar-item-level-1-padding-end: 18px;
1994
+ --wds-sidebar-item-level-1-padding-start: 24px;
1995
+ --wds-sidebar-item-level-1-padding-top: 9px;
1996
+ --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
1997
+ --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
1998
+ --wds-sidebar-item-level-2-fill-neutral-default: #eceff3;
1999
+ --wds-sidebar-item-level-2-padding-bottom: 6px;
2000
+ --wds-sidebar-item-level-2-padding-end: 18px;
2001
+ --wds-sidebar-item-level-2-padding-start: 54px;
2002
+ --wds-sidebar-item-level-2-padding-top: 6px;
2003
+ --wds-sidebar-item-level-3-divider-padding-bottom: 9px;
2004
+ --wds-sidebar-item-level-3-divider-padding-end: 12px;
2005
+ --wds-sidebar-item-level-3-divider-padding-top: 9px;
2006
+ --wds-sidebar-item-level-3-padding-bottom: 6px;
2007
+ --wds-sidebar-item-level-3-padding-end: 18px;
2008
+ --wds-sidebar-item-level-3-padding-start: 54px;
2009
+ --wds-sidebar-item-level-3-padding-top: 6px;
2010
+ --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2011
+ --wds-sidebar-item-minimized-paddings-vertical: 9px;
2012
+ --wds-sidebar-item-prefix-padding-end: 12px;
2013
+ --wds-sidebar-item-text-dark-active: #ffffff;
2014
+ --wds-sidebar-item-text-dark-default: #cfd1dc;
2015
+ --wds-sidebar-item-text-dark-disabled: #898B8F;
2016
+ --wds-sidebar-item-text-light-active: #084ebd;
2017
+ --wds-sidebar-item-text-light-default: #44485f;
2018
+ --wds-sidebar-item-text-light-disabled: rgba(0, 6, 36, .3);
2019
+ --wds-sidebar-item-text-neutral-active: #084ebd;
2020
+ --wds-sidebar-item-text-neutral-default: #44485f;
2021
+ --wds-sidebar-item-text-neutral-disabled: rgba(0, 6, 36, .3);
2022
+ --wds-sidebar-item-title: #868aa5;
2023
+ --wds-sidebar-minimize-action-fill-dark-default: #42454C;
2024
+ --wds-sidebar-minimize-action-fill-light-default: #d6e6fe;
2025
+ --wds-sidebar-minimize-action-fill-neutral-default: #d6e6fe;
2026
+ --wds-sidebar-minimize-action-text-dark-default: #cfd1dc;
2027
+ --wds-sidebar-minimize-action-text-light-default: #116dff;
2028
+ --wds-sidebar-minimize-action-text-neutral-default: #116dff;
2029
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
2030
+ --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
2031
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
2032
+ --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2033
+ --wds-sidebar-minimize-tooltip-text-light-default: #44485f;
2034
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
2035
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2036
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
2037
+ --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
1914
2038
  --wds-skeleton-border-radius-circle: 1000px;
1915
2039
  --wds-skeleton-border-radius-line: 1000px;
1916
2040
  --wds-skeleton-border-radius-rectangle: 6px;
package/component.st.css CHANGED
@@ -314,6 +314,8 @@
314
314
  @property st-global(--wds-radio-fill-active-hover);
315
315
  @property st-global(--wds-radio-fill-disabled);
316
316
  @property st-global(--wds-radio-fill-hover);
317
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
318
+ @property st-global(--wds-radio-group-gap-horizontal-small);
317
319
  @property st-global(--wds-radio-group-gap-vertical-medium);
318
320
  @property st-global(--wds-radio-group-gap-vertical-small);
319
321
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -362,7 +364,7 @@
362
364
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
363
365
  @property st-global(--wds-segmented-toggle-size-medium);
364
366
  @property st-global(--wds-segmented-toggle-size-small);
365
- @property st-global(--wds-select-area-border);
367
+ @property st-global(--wds-select-area-border-radius);
366
368
  @property st-global(--wds-select-area-fill);
367
369
  @property st-global(--wds-select-area-fill-active);
368
370
  @property st-global(--wds-select-area-fill-disabled);
@@ -385,6 +387,66 @@
385
387
  @property st-global(--wds-side-panel-header-padding-left);
386
388
  @property st-global(--wds-side-panel-header-padding-right);
387
389
  @property st-global(--wds-side-panel-header-padding-vertical);
390
+ @property st-global(--wds-sidebar-divider-fill-dark-default);
391
+ @property st-global(--wds-sidebar-divider-fill-light-default);
392
+ @property st-global(--wds-sidebar-divider-fill-neutral-default);
393
+ @property st-global(--wds-sidebar-header-margin-bottom);
394
+ @property st-global(--wds-sidebar-item-content-gap);
395
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-active);
396
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-default);
397
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-hover);
398
+ @property st-global(--wds-sidebar-item-level-1-fill-light-active);
399
+ @property st-global(--wds-sidebar-item-level-1-fill-light-default);
400
+ @property st-global(--wds-sidebar-item-level-1-fill-light-hover);
401
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
402
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
403
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
404
+ @property st-global(--wds-sidebar-item-level-1-padding-bottom);
405
+ @property st-global(--wds-sidebar-item-level-1-padding-end);
406
+ @property st-global(--wds-sidebar-item-level-1-padding-start);
407
+ @property st-global(--wds-sidebar-item-level-1-padding-top);
408
+ @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
409
+ @property st-global(--wds-sidebar-item-level-2-fill-light-default);
410
+ @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
411
+ @property st-global(--wds-sidebar-item-level-2-padding-bottom);
412
+ @property st-global(--wds-sidebar-item-level-2-padding-end);
413
+ @property st-global(--wds-sidebar-item-level-2-padding-start);
414
+ @property st-global(--wds-sidebar-item-level-2-padding-top);
415
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
416
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
417
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
418
+ @property st-global(--wds-sidebar-item-level-3-padding-bottom);
419
+ @property st-global(--wds-sidebar-item-level-3-padding-end);
420
+ @property st-global(--wds-sidebar-item-level-3-padding-start);
421
+ @property st-global(--wds-sidebar-item-level-3-padding-top);
422
+ @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
423
+ @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
424
+ @property st-global(--wds-sidebar-item-prefix-padding-end);
425
+ @property st-global(--wds-sidebar-item-text-dark-active);
426
+ @property st-global(--wds-sidebar-item-text-dark-default);
427
+ @property st-global(--wds-sidebar-item-text-dark-disabled);
428
+ @property st-global(--wds-sidebar-item-text-light-active);
429
+ @property st-global(--wds-sidebar-item-text-light-default);
430
+ @property st-global(--wds-sidebar-item-text-light-disabled);
431
+ @property st-global(--wds-sidebar-item-text-neutral-active);
432
+ @property st-global(--wds-sidebar-item-text-neutral-default);
433
+ @property st-global(--wds-sidebar-item-text-neutral-disabled);
434
+ @property st-global(--wds-sidebar-item-title);
435
+ @property st-global(--wds-sidebar-minimize-action-fill-dark-default);
436
+ @property st-global(--wds-sidebar-minimize-action-fill-light-default);
437
+ @property st-global(--wds-sidebar-minimize-action-fill-neutral-default);
438
+ @property st-global(--wds-sidebar-minimize-action-text-dark-default);
439
+ @property st-global(--wds-sidebar-minimize-action-text-light-default);
440
+ @property st-global(--wds-sidebar-minimize-action-text-neutral-default);
441
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-dark-default);
442
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-light-default);
443
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-neutral-default);
444
+ @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
445
+ @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
446
+ @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
447
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
448
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
449
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
388
450
  @property st-global(--wds-skeleton-border-radius-circle);
389
451
  @property st-global(--wds-skeleton-border-radius-line);
390
452
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -870,6 +932,8 @@
870
932
  --wds-radio-fill-active-hover: #ffffff;
871
933
  --wds-radio-fill-disabled: rgba(0, 6, 36, .1);
872
934
  --wds-radio-fill-hover: #e7f0ff;
935
+ --wds-radio-group-gap-horizontal-medium: 24px;
936
+ --wds-radio-group-gap-horizontal-small: 24px;
873
937
  --wds-radio-group-gap-vertical-medium: 12px;
874
938
  --wds-radio-group-gap-vertical-small: 6px;
875
939
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -918,7 +982,7 @@
918
982
  --wds-segmented-toggle-padding-vertical-small: 6px;
919
983
  --wds-segmented-toggle-size-medium: 36px;
920
984
  --wds-segmented-toggle-size-small: 30px;
921
- --wds-select-area-border: 8px;
985
+ --wds-select-area-border-radius: 8px;
922
986
  --wds-select-area-fill: #f4f7ff;
923
987
  --wds-select-area-fill-active: #d6e6fe;
924
988
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -941,6 +1005,66 @@
941
1005
  --wds-side-panel-header-padding-left: 24px;
942
1006
  --wds-side-panel-header-padding-right: 9px;
943
1007
  --wds-side-panel-header-padding-vertical: 18px;
1008
+ --wds-sidebar-divider-fill-dark-default: #42454C;
1009
+ --wds-sidebar-divider-fill-light-default: #cfd1dc;
1010
+ --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
1011
+ --wds-sidebar-header-margin-bottom: 12px;
1012
+ --wds-sidebar-item-content-gap: 6px;
1013
+ --wds-sidebar-item-level-1-fill-dark-active: #42454C;
1014
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
1015
+ --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
1016
+ --wds-sidebar-item-level-1-fill-light-active: #a8caff;
1017
+ --wds-sidebar-item-level-1-fill-light-default: #ffffff;
1018
+ --wds-sidebar-item-level-1-fill-light-hover: #d6e6fe;
1019
+ --wds-sidebar-item-level-1-fill-neutral-active: #a8caff;
1020
+ --wds-sidebar-item-level-1-fill-neutral-default: #eceff3;
1021
+ --wds-sidebar-item-level-1-fill-neutral-hover: #d6e6fe;
1022
+ --wds-sidebar-item-level-1-padding-bottom: 9px;
1023
+ --wds-sidebar-item-level-1-padding-end: 18px;
1024
+ --wds-sidebar-item-level-1-padding-start: 24px;
1025
+ --wds-sidebar-item-level-1-padding-top: 9px;
1026
+ --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
1027
+ --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
1028
+ --wds-sidebar-item-level-2-fill-neutral-default: #eceff3;
1029
+ --wds-sidebar-item-level-2-padding-bottom: 6px;
1030
+ --wds-sidebar-item-level-2-padding-end: 18px;
1031
+ --wds-sidebar-item-level-2-padding-start: 54px;
1032
+ --wds-sidebar-item-level-2-padding-top: 6px;
1033
+ --wds-sidebar-item-level-3-divider-padding-bottom: 9px;
1034
+ --wds-sidebar-item-level-3-divider-padding-end: 12px;
1035
+ --wds-sidebar-item-level-3-divider-padding-top: 9px;
1036
+ --wds-sidebar-item-level-3-padding-bottom: 6px;
1037
+ --wds-sidebar-item-level-3-padding-end: 18px;
1038
+ --wds-sidebar-item-level-3-padding-start: 54px;
1039
+ --wds-sidebar-item-level-3-padding-top: 6px;
1040
+ --wds-sidebar-item-minimized-paddings-horizontal: 18px;
1041
+ --wds-sidebar-item-minimized-paddings-vertical: 9px;
1042
+ --wds-sidebar-item-prefix-padding-end: 12px;
1043
+ --wds-sidebar-item-text-dark-active: #ffffff;
1044
+ --wds-sidebar-item-text-dark-default: #cfd1dc;
1045
+ --wds-sidebar-item-text-dark-disabled: #898B8F;
1046
+ --wds-sidebar-item-text-light-active: #084ebd;
1047
+ --wds-sidebar-item-text-light-default: #44485f;
1048
+ --wds-sidebar-item-text-light-disabled: rgba(0, 6, 36, .3);
1049
+ --wds-sidebar-item-text-neutral-active: #084ebd;
1050
+ --wds-sidebar-item-text-neutral-default: #44485f;
1051
+ --wds-sidebar-item-text-neutral-disabled: rgba(0, 6, 36, .3);
1052
+ --wds-sidebar-item-title: #868aa5;
1053
+ --wds-sidebar-minimize-action-fill-dark-default: #42454C;
1054
+ --wds-sidebar-minimize-action-fill-light-default: #d6e6fe;
1055
+ --wds-sidebar-minimize-action-fill-neutral-default: #d6e6fe;
1056
+ --wds-sidebar-minimize-action-text-dark-default: #cfd1dc;
1057
+ --wds-sidebar-minimize-action-text-light-default: #116dff;
1058
+ --wds-sidebar-minimize-action-text-neutral-default: #116dff;
1059
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
1060
+ --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
1061
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
1062
+ --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
1063
+ --wds-sidebar-minimize-tooltip-text-light-default: #44485f;
1064
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #44485f;
1065
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
1066
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
1067
+ --wds-sidebar-scrollbar-fill-dark-hover: #9C9EA6;
944
1068
  --wds-skeleton-border-radius-circle: 1000px;
945
1069
  --wds-skeleton-border-radius-line: 1000px;
946
1070
  --wds-skeleton-border-radius-rectangle: 6px;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wix/design-system-tokens",
3
- "version": "1.16.3",
3
+ "version": "1.16.5",
4
4
  "packageManager": "yarn@3.5.0",
5
5
  "author": "augustinasv@wix.com",
6
6
  "license": "MIT",
@@ -33,5 +33,5 @@
33
33
  "groupId": "com.wixpress"
34
34
  }
35
35
  },
36
- "falconPackageHash": "86562d789f73d8c585b91bc8e03896444b3865791915bee7ecd1e082"
36
+ "falconPackageHash": "a089fb2256eb3ee94dbd6e22d34d358642081ae0d49736d30214a650"
37
37
  }
package/studio/all.st.css CHANGED
@@ -747,6 +747,8 @@
747
747
  @property st-global(--wds-radio-fill-active-hover);
748
748
  @property st-global(--wds-radio-fill-disabled);
749
749
  @property st-global(--wds-radio-fill-hover);
750
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
751
+ @property st-global(--wds-radio-group-gap-horizontal-small);
750
752
  @property st-global(--wds-radio-group-gap-vertical-medium);
751
753
  @property st-global(--wds-radio-group-gap-vertical-small);
752
754
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -795,7 +797,7 @@
795
797
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
796
798
  @property st-global(--wds-segmented-toggle-size-medium);
797
799
  @property st-global(--wds-segmented-toggle-size-small);
798
- @property st-global(--wds-select-area-border);
800
+ @property st-global(--wds-select-area-border-radius);
799
801
  @property st-global(--wds-select-area-fill);
800
802
  @property st-global(--wds-select-area-fill-active);
801
803
  @property st-global(--wds-select-area-fill-disabled);
@@ -848,6 +850,65 @@
848
850
  @property st-global(--wds-side-panel-header-padding-left);
849
851
  @property st-global(--wds-side-panel-header-padding-right);
850
852
  @property st-global(--wds-side-panel-header-padding-vertical);
853
+ @property st-global(--wds-sidebar-divider-fill-dark-default);
854
+ @property st-global(--wds-sidebar-divider-fill-light-default);
855
+ @property st-global(--wds-sidebar-divider-fill-neutral-default);
856
+ @property st-global(--wds-sidebar-header-margin-bottom);
857
+ @property st-global(--wds-sidebar-item-content-gap);
858
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-active);
859
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-default);
860
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-hover);
861
+ @property st-global(--wds-sidebar-item-level-1-fill-light-active);
862
+ @property st-global(--wds-sidebar-item-level-1-fill-light-default);
863
+ @property st-global(--wds-sidebar-item-level-1-fill-light-hover);
864
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
865
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
866
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
867
+ @property st-global(--wds-sidebar-item-level-1-padding-bottom);
868
+ @property st-global(--wds-sidebar-item-level-1-padding-end);
869
+ @property st-global(--wds-sidebar-item-level-1-padding-start);
870
+ @property st-global(--wds-sidebar-item-level-1-padding-top);
871
+ @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
872
+ @property st-global(--wds-sidebar-item-level-2-fill-light-default);
873
+ @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
874
+ @property st-global(--wds-sidebar-item-level-2-padding-bottom);
875
+ @property st-global(--wds-sidebar-item-level-2-padding-end);
876
+ @property st-global(--wds-sidebar-item-level-2-padding-start);
877
+ @property st-global(--wds-sidebar-item-level-2-padding-top);
878
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
879
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
880
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
881
+ @property st-global(--wds-sidebar-item-level-3-padding-bottom);
882
+ @property st-global(--wds-sidebar-item-level-3-padding-end);
883
+ @property st-global(--wds-sidebar-item-level-3-padding-start);
884
+ @property st-global(--wds-sidebar-item-level-3-padding-top);
885
+ @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
886
+ @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
887
+ @property st-global(--wds-sidebar-item-prefix-padding-end);
888
+ @property st-global(--wds-sidebar-item-text-dark-active);
889
+ @property st-global(--wds-sidebar-item-text-dark-default);
890
+ @property st-global(--wds-sidebar-item-text-dark-disabled);
891
+ @property st-global(--wds-sidebar-item-text-light-active);
892
+ @property st-global(--wds-sidebar-item-text-light-default);
893
+ @property st-global(--wds-sidebar-item-text-light-disabled);
894
+ @property st-global(--wds-sidebar-item-text-neutral-active);
895
+ @property st-global(--wds-sidebar-item-text-neutral-default);
896
+ @property st-global(--wds-sidebar-item-text-neutral-disabled);
897
+ @property st-global(--wds-sidebar-minimize-action-fill-dark-default);
898
+ @property st-global(--wds-sidebar-minimize-action-fill-light-default);
899
+ @property st-global(--wds-sidebar-minimize-action-fill-neutral-default);
900
+ @property st-global(--wds-sidebar-minimize-action-text-dark-default);
901
+ @property st-global(--wds-sidebar-minimize-action-text-light-default);
902
+ @property st-global(--wds-sidebar-minimize-action-text-neutral-default);
903
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-dark-default);
904
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-light-default);
905
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-neutral-default);
906
+ @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
907
+ @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
908
+ @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
909
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
910
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
911
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
851
912
  @property st-global(--wds-skeleton-border-radius-circle);
852
913
  @property st-global(--wds-skeleton-border-radius-line);
853
914
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -1802,6 +1863,8 @@
1802
1863
  --wds-radio-fill-active-hover: #116dff;
1803
1864
  --wds-radio-fill-disabled: #e5e5e5;
1804
1865
  --wds-radio-fill-hover: #f7f8f8;
1866
+ --wds-radio-group-gap-horizontal-medium: 16px;
1867
+ --wds-radio-group-gap-horizontal-small: 16px;
1805
1868
  --wds-radio-group-gap-vertical-medium: 12px;
1806
1869
  --wds-radio-group-gap-vertical-small: 6px;
1807
1870
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -1850,7 +1913,7 @@
1850
1913
  --wds-segmented-toggle-padding-vertical-small: 4px;
1851
1914
  --wds-segmented-toggle-size-medium: 32px;
1852
1915
  --wds-segmented-toggle-size-small: 28px;
1853
- --wds-select-area-border: 4px;
1916
+ --wds-select-area-border-radius: 4px;
1854
1917
  --wds-select-area-fill: #f7f8f8;
1855
1918
  --wds-select-area-fill-active: #dce9ff;
1856
1919
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -1903,6 +1966,65 @@
1903
1966
  --wds-side-panel-header-padding-left: 24px;
1904
1967
  --wds-side-panel-header-padding-right: 8px;
1905
1968
  --wds-side-panel-header-padding-vertical: 16px;
1969
+ --wds-sidebar-divider-fill-dark-default: #42454C;
1970
+ --wds-sidebar-divider-fill-light-default: #cfd1dc;
1971
+ --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
1972
+ --wds-sidebar-header-margin-bottom: 12px;
1973
+ --wds-sidebar-item-content-gap: 8px;
1974
+ --wds-sidebar-item-level-1-fill-dark-active: #42454C;
1975
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
1976
+ --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
1977
+ --wds-sidebar-item-level-1-fill-light-active: #c3daff;
1978
+ --wds-sidebar-item-level-1-fill-light-default: #ffffff;
1979
+ --wds-sidebar-item-level-1-fill-light-hover: #dce9ff;
1980
+ --wds-sidebar-item-level-1-fill-neutral-active: #c3daff;
1981
+ --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
1982
+ --wds-sidebar-item-level-1-fill-neutral-hover: #dce9ff;
1983
+ --wds-sidebar-item-level-1-padding-bottom: 8px;
1984
+ --wds-sidebar-item-level-1-padding-end: 18px;
1985
+ --wds-sidebar-item-level-1-padding-start: 24px;
1986
+ --wds-sidebar-item-level-1-padding-top: 8px;
1987
+ --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
1988
+ --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
1989
+ --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
1990
+ --wds-sidebar-item-level-2-padding-bottom: 6px;
1991
+ --wds-sidebar-item-level-2-padding-end: 18px;
1992
+ --wds-sidebar-item-level-2-padding-start: 52px;
1993
+ --wds-sidebar-item-level-2-padding-top: 6px;
1994
+ --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
1995
+ --wds-sidebar-item-level-3-divider-padding-end: 12px;
1996
+ --wds-sidebar-item-level-3-divider-padding-top: 8px;
1997
+ --wds-sidebar-item-level-3-padding-bottom: 6px;
1998
+ --wds-sidebar-item-level-3-padding-end: 18px;
1999
+ --wds-sidebar-item-level-3-padding-start: 52px;
2000
+ --wds-sidebar-item-level-3-padding-top: 6px;
2001
+ --wds-sidebar-item-minimized-paddings-horizontal: 18px;
2002
+ --wds-sidebar-item-minimized-paddings-vertical: 8px;
2003
+ --wds-sidebar-item-prefix-padding-end: 12px;
2004
+ --wds-sidebar-item-text-dark-active: #ffffff;
2005
+ --wds-sidebar-item-text-dark-default: #cfd1dc;
2006
+ --wds-sidebar-item-text-dark-disabled: #898B8F;
2007
+ --wds-sidebar-item-text-light-active: #084ebd;
2008
+ --wds-sidebar-item-text-light-default: #42454c;
2009
+ --wds-sidebar-item-text-light-disabled: #bebebe;
2010
+ --wds-sidebar-item-text-neutral-active: #084ebd;
2011
+ --wds-sidebar-item-text-neutral-default: #42454c;
2012
+ --wds-sidebar-item-text-neutral-disabled: #bebebe;
2013
+ --wds-sidebar-minimize-action-fill-dark-default: #42454C;
2014
+ --wds-sidebar-minimize-action-fill-light-default: #dce9ff;
2015
+ --wds-sidebar-minimize-action-fill-neutral-default: #dce9ff;
2016
+ --wds-sidebar-minimize-action-text-dark-default: #cfd1dc;
2017
+ --wds-sidebar-minimize-action-text-light-default: #116dff;
2018
+ --wds-sidebar-minimize-action-text-neutral-default: #116dff;
2019
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
2020
+ --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
2021
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
2022
+ --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
2023
+ --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
2024
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
2025
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
2026
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
2027
+ --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
1906
2028
  --wds-skeleton-border-radius-circle: 1000px;
1907
2029
  --wds-skeleton-border-radius-line: 4px;
1908
2030
  --wds-skeleton-border-radius-rectangle: 4px;
package/studio/component.st.css CHANGED
@@ -314,6 +314,8 @@
314
314
  @property st-global(--wds-radio-fill-active-hover);
315
315
  @property st-global(--wds-radio-fill-disabled);
316
316
  @property st-global(--wds-radio-fill-hover);
317
+ @property st-global(--wds-radio-group-gap-horizontal-medium);
318
+ @property st-global(--wds-radio-group-gap-horizontal-small);
317
319
  @property st-global(--wds-radio-group-gap-vertical-medium);
318
320
  @property st-global(--wds-radio-group-gap-vertical-small);
319
321
  @property st-global(--wds-radio-group-item-padding-default-horizontal);
@@ -362,7 +364,7 @@
362
364
  @property st-global(--wds-segmented-toggle-padding-vertical-small);
363
365
  @property st-global(--wds-segmented-toggle-size-medium);
364
366
  @property st-global(--wds-segmented-toggle-size-small);
365
- @property st-global(--wds-select-area-border);
367
+ @property st-global(--wds-select-area-border-radius);
366
368
  @property st-global(--wds-select-area-fill);
367
369
  @property st-global(--wds-select-area-fill-active);
368
370
  @property st-global(--wds-select-area-fill-disabled);
@@ -385,6 +387,65 @@
385
387
  @property st-global(--wds-side-panel-header-padding-left);
386
388
  @property st-global(--wds-side-panel-header-padding-right);
387
389
  @property st-global(--wds-side-panel-header-padding-vertical);
390
+ @property st-global(--wds-sidebar-divider-fill-dark-default);
391
+ @property st-global(--wds-sidebar-divider-fill-light-default);
392
+ @property st-global(--wds-sidebar-divider-fill-neutral-default);
393
+ @property st-global(--wds-sidebar-header-margin-bottom);
394
+ @property st-global(--wds-sidebar-item-content-gap);
395
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-active);
396
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-default);
397
+ @property st-global(--wds-sidebar-item-level-1-fill-dark-hover);
398
+ @property st-global(--wds-sidebar-item-level-1-fill-light-active);
399
+ @property st-global(--wds-sidebar-item-level-1-fill-light-default);
400
+ @property st-global(--wds-sidebar-item-level-1-fill-light-hover);
401
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-active);
402
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-default);
403
+ @property st-global(--wds-sidebar-item-level-1-fill-neutral-hover);
404
+ @property st-global(--wds-sidebar-item-level-1-padding-bottom);
405
+ @property st-global(--wds-sidebar-item-level-1-padding-end);
406
+ @property st-global(--wds-sidebar-item-level-1-padding-start);
407
+ @property st-global(--wds-sidebar-item-level-1-padding-top);
408
+ @property st-global(--wds-sidebar-item-level-2-fill-dark-default);
409
+ @property st-global(--wds-sidebar-item-level-2-fill-light-default);
410
+ @property st-global(--wds-sidebar-item-level-2-fill-neutral-default);
411
+ @property st-global(--wds-sidebar-item-level-2-padding-bottom);
412
+ @property st-global(--wds-sidebar-item-level-2-padding-end);
413
+ @property st-global(--wds-sidebar-item-level-2-padding-start);
414
+ @property st-global(--wds-sidebar-item-level-2-padding-top);
415
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-bottom);
416
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-end);
417
+ @property st-global(--wds-sidebar-item-level-3-divider-padding-top);
418
+ @property st-global(--wds-sidebar-item-level-3-padding-bottom);
419
+ @property st-global(--wds-sidebar-item-level-3-padding-end);
420
+ @property st-global(--wds-sidebar-item-level-3-padding-start);
421
+ @property st-global(--wds-sidebar-item-level-3-padding-top);
422
+ @property st-global(--wds-sidebar-item-minimized-paddings-horizontal);
423
+ @property st-global(--wds-sidebar-item-minimized-paddings-vertical);
424
+ @property st-global(--wds-sidebar-item-prefix-padding-end);
425
+ @property st-global(--wds-sidebar-item-text-dark-active);
426
+ @property st-global(--wds-sidebar-item-text-dark-default);
427
+ @property st-global(--wds-sidebar-item-text-dark-disabled);
428
+ @property st-global(--wds-sidebar-item-text-light-active);
429
+ @property st-global(--wds-sidebar-item-text-light-default);
430
+ @property st-global(--wds-sidebar-item-text-light-disabled);
431
+ @property st-global(--wds-sidebar-item-text-neutral-active);
432
+ @property st-global(--wds-sidebar-item-text-neutral-default);
433
+ @property st-global(--wds-sidebar-item-text-neutral-disabled);
434
+ @property st-global(--wds-sidebar-minimize-action-fill-dark-default);
435
+ @property st-global(--wds-sidebar-minimize-action-fill-light-default);
436
+ @property st-global(--wds-sidebar-minimize-action-fill-neutral-default);
437
+ @property st-global(--wds-sidebar-minimize-action-text-dark-default);
438
+ @property st-global(--wds-sidebar-minimize-action-text-light-default);
439
+ @property st-global(--wds-sidebar-minimize-action-text-neutral-default);
440
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-dark-default);
441
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-light-default);
442
+ @property st-global(--wds-sidebar-minimize-tooltip-fill-neutral-default);
443
+ @property st-global(--wds-sidebar-minimize-tooltip-text-dark-default);
444
+ @property st-global(--wds-sidebar-minimize-tooltip-text-light-default);
445
+ @property st-global(--wds-sidebar-minimize-tooltip-text-neutral-default);
446
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-active);
447
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-default);
448
+ @property st-global(--wds-sidebar-scrollbar-fill-dark-hover);
388
449
  @property st-global(--wds-skeleton-border-radius-circle);
389
450
  @property st-global(--wds-skeleton-border-radius-line);
390
451
  @property st-global(--wds-skeleton-border-radius-rectangle);
@@ -870,6 +931,8 @@
870
931
  --wds-radio-fill-active-hover: #116dff;
871
932
  --wds-radio-fill-disabled: #e5e5e5;
872
933
  --wds-radio-fill-hover: #f7f8f8;
934
+ --wds-radio-group-gap-horizontal-medium: 16px;
935
+ --wds-radio-group-gap-horizontal-small: 16px;
873
936
  --wds-radio-group-gap-vertical-medium: 12px;
874
937
  --wds-radio-group-gap-vertical-small: 6px;
875
938
  --wds-radio-group-item-padding-default-horizontal: 0;
@@ -918,7 +981,7 @@
918
981
  --wds-segmented-toggle-padding-vertical-small: 4px;
919
982
  --wds-segmented-toggle-size-medium: 32px;
920
983
  --wds-segmented-toggle-size-small: 28px;
921
- --wds-select-area-border: 4px;
984
+ --wds-select-area-border-radius: 4px;
922
985
  --wds-select-area-fill: #f7f8f8;
923
986
  --wds-select-area-fill-active: #dce9ff;
924
987
  --wds-select-area-fill-disabled: rgba(255, 255, 255, 0);
@@ -941,6 +1004,65 @@
941
1004
  --wds-side-panel-header-padding-left: 24px;
942
1005
  --wds-side-panel-header-padding-right: 8px;
943
1006
  --wds-side-panel-header-padding-vertical: 16px;
1007
+ --wds-sidebar-divider-fill-dark-default: #42454C;
1008
+ --wds-sidebar-divider-fill-light-default: #cfd1dc;
1009
+ --wds-sidebar-divider-fill-neutral-default: #cfd1dc;
1010
+ --wds-sidebar-header-margin-bottom: 12px;
1011
+ --wds-sidebar-item-content-gap: 8px;
1012
+ --wds-sidebar-item-level-1-fill-dark-active: #42454C;
1013
+ --wds-sidebar-item-level-1-fill-dark-default: #131720;
1014
+ --wds-sidebar-item-level-1-fill-dark-hover: #2B2E36;
1015
+ --wds-sidebar-item-level-1-fill-light-active: #c3daff;
1016
+ --wds-sidebar-item-level-1-fill-light-default: #ffffff;
1017
+ --wds-sidebar-item-level-1-fill-light-hover: #dce9ff;
1018
+ --wds-sidebar-item-level-1-fill-neutral-active: #c3daff;
1019
+ --wds-sidebar-item-level-1-fill-neutral-default: #edeef2;
1020
+ --wds-sidebar-item-level-1-fill-neutral-hover: #dce9ff;
1021
+ --wds-sidebar-item-level-1-padding-bottom: 8px;
1022
+ --wds-sidebar-item-level-1-padding-end: 18px;
1023
+ --wds-sidebar-item-level-1-padding-start: 24px;
1024
+ --wds-sidebar-item-level-1-padding-top: 8px;
1025
+ --wds-sidebar-item-level-2-fill-dark-default: #1F222B;
1026
+ --wds-sidebar-item-level-2-fill-light-default: #EAF7FF;
1027
+ --wds-sidebar-item-level-2-fill-neutral-default: #edeef2;
1028
+ --wds-sidebar-item-level-2-padding-bottom: 6px;
1029
+ --wds-sidebar-item-level-2-padding-end: 18px;
1030
+ --wds-sidebar-item-level-2-padding-start: 52px;
1031
+ --wds-sidebar-item-level-2-padding-top: 6px;
1032
+ --wds-sidebar-item-level-3-divider-padding-bottom: 8px;
1033
+ --wds-sidebar-item-level-3-divider-padding-end: 12px;
1034
+ --wds-sidebar-item-level-3-divider-padding-top: 8px;
1035
+ --wds-sidebar-item-level-3-padding-bottom: 6px;
1036
+ --wds-sidebar-item-level-3-padding-end: 18px;
1037
+ --wds-sidebar-item-level-3-padding-start: 52px;
1038
+ --wds-sidebar-item-level-3-padding-top: 6px;
1039
+ --wds-sidebar-item-minimized-paddings-horizontal: 18px;
1040
+ --wds-sidebar-item-minimized-paddings-vertical: 8px;
1041
+ --wds-sidebar-item-prefix-padding-end: 12px;
1042
+ --wds-sidebar-item-text-dark-active: #ffffff;
1043
+ --wds-sidebar-item-text-dark-default: #cfd1dc;
1044
+ --wds-sidebar-item-text-dark-disabled: #898B8F;
1045
+ --wds-sidebar-item-text-light-active: #084ebd;
1046
+ --wds-sidebar-item-text-light-default: #42454c;
1047
+ --wds-sidebar-item-text-light-disabled: #bebebe;
1048
+ --wds-sidebar-item-text-neutral-active: #084ebd;
1049
+ --wds-sidebar-item-text-neutral-default: #42454c;
1050
+ --wds-sidebar-item-text-neutral-disabled: #bebebe;
1051
+ --wds-sidebar-minimize-action-fill-dark-default: #42454C;
1052
+ --wds-sidebar-minimize-action-fill-light-default: #dce9ff;
1053
+ --wds-sidebar-minimize-action-fill-neutral-default: #dce9ff;
1054
+ --wds-sidebar-minimize-action-text-dark-default: #cfd1dc;
1055
+ --wds-sidebar-minimize-action-text-light-default: #116dff;
1056
+ --wds-sidebar-minimize-action-text-neutral-default: #116dff;
1057
+ --wds-sidebar-minimize-tooltip-fill-dark-default: #333850;
1058
+ --wds-sidebar-minimize-tooltip-fill-light-default: #ffffff;
1059
+ --wds-sidebar-minimize-tooltip-fill-neutral-default: #ffffff;
1060
+ --wds-sidebar-minimize-tooltip-text-dark-default: #ffffff;
1061
+ --wds-sidebar-minimize-tooltip-text-light-default: #2b2e36;
1062
+ --wds-sidebar-minimize-tooltip-text-neutral-default: #2b2e36;
1063
+ --wds-sidebar-scrollbar-fill-dark-active: #b8b9bc;
1064
+ --wds-sidebar-scrollbar-fill-dark-default: #717379;
1065
+ --wds-sidebar-scrollbar-fill-dark-hover: #9c9ea6;
944
1066
  --wds-skeleton-border-radius-circle: 1000px;
945
1067
  --wds-skeleton-border-radius-line: 4px;
946
1068
  --wds-skeleton-border-radius-rectangle: 4px;