@salutejs/sdds-serv 0.323.1-canary.2259.18087068095.0 → 0.323.1-canary.2264.18125135156.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 (102) hide show
  1. package/components/Autocomplete/Autocomplete.config.js +1 -1
  2. package/components/Autocomplete/Autocomplete.config.js.map +1 -1
  3. package/components/Autocomplete/{Autocomplete.config_1wnpkd4.css → Autocomplete.config_lvmiw0.css} +1 -1
  4. package/components/Autocomplete/Autocomplete.css +14 -14
  5. package/components/Combobox/Combobox.config.js +1 -1
  6. package/components/Combobox/Combobox.config.js.map +1 -1
  7. package/components/Combobox/{Combobox.config_1pf0tqr.css → Combobox.config_16lk3xt.css} +1 -1
  8. package/components/Combobox/Combobox.css +14 -14
  9. package/components/DatePicker/DatePicker.config.js +1 -1
  10. package/components/DatePicker/DatePicker.config.js.map +1 -1
  11. package/{es/components/DatePicker/DatePicker.config_9f7fs3.css → components/DatePicker/DatePicker.config_5op6am.css} +1 -1
  12. package/components/DatePicker/DatePicker.css +7 -7
  13. package/components/Mask/Mask.css +21 -21
  14. package/components/Range/Range.config.js +1 -1
  15. package/components/Range/Range.config.js.map +1 -1
  16. package/{es/components/Range/Range.config_8e3tv6.css → components/Range/Range.config_1b739h0.css} +1 -1
  17. package/components/Range/Range.css +8 -8
  18. package/components/Select/Select.config.js +1 -1
  19. package/components/Select/Select.config.js.map +1 -1
  20. package/{es/components/Select/Select.config_wse9z5.css → components/Select/Select.config_1rprv7.css} +1 -1
  21. package/components/Select/Select.css +23 -23
  22. package/components/TextArea/TextArea.config.d.ts +3 -0
  23. package/components/TextArea/TextArea.config.js +5 -2
  24. package/components/TextArea/TextArea.config.js.map +1 -1
  25. package/components/TextArea/{TextArea.config_h1vco0.css → TextArea.config_1lkwlz6.css} +2 -1
  26. package/components/TextArea/TextArea.css +15 -14
  27. package/components/TextArea/TextArea.d.ts +3 -0
  28. package/components/TextField/TextField.config.js +1 -1
  29. package/components/TextField/TextField.config.js.map +1 -1
  30. package/components/TextField/{TextField.config_qklg09.css → TextField.config_1v9erru.css} +1 -1
  31. package/components/Tree/Tree.config.js +1 -1
  32. package/components/Tree/Tree.config.js.map +1 -1
  33. package/components/Tree/Tree.config_19lfyoo.css +5 -0
  34. package/components/Tree/Tree.css +5 -5
  35. package/emotion/cjs/components/Autocomplete/Autocomplete.config.js +5 -3
  36. package/emotion/cjs/components/Combobox/Combobox.config.js +5 -3
  37. package/emotion/cjs/components/DatePicker/DatePicker.config.js +10 -5
  38. package/emotion/cjs/components/Range/Range.config.js +1 -1
  39. package/emotion/cjs/components/Select/Select.config.js +1 -1
  40. package/emotion/cjs/components/TextArea/TextArea.config.js +19 -2
  41. package/emotion/cjs/components/TextField/TextField.config.js +4 -3
  42. package/emotion/cjs/components/Tree/Tree.config.js +12 -8
  43. package/emotion/es/components/Autocomplete/Autocomplete.config.js +5 -3
  44. package/emotion/es/components/Combobox/Combobox.config.js +5 -3
  45. package/emotion/es/components/DatePicker/DatePicker.config.js +10 -5
  46. package/emotion/es/components/Range/Range.config.js +1 -1
  47. package/emotion/es/components/Select/Select.config.js +1 -1
  48. package/emotion/es/components/TextArea/TextArea.config.js +19 -2
  49. package/emotion/es/components/TextField/TextField.config.js +4 -3
  50. package/emotion/es/components/Tree/Tree.config.js +12 -8
  51. package/es/components/Autocomplete/Autocomplete.config.js +1 -1
  52. package/es/components/Autocomplete/Autocomplete.config.js.map +1 -1
  53. package/es/components/Autocomplete/{Autocomplete.config_1wnpkd4.css → Autocomplete.config_lvmiw0.css} +1 -1
  54. package/es/components/Autocomplete/Autocomplete.css +14 -14
  55. package/es/components/Combobox/Combobox.config.js +1 -1
  56. package/es/components/Combobox/Combobox.config.js.map +1 -1
  57. package/es/components/Combobox/{Combobox.config_1pf0tqr.css → Combobox.config_16lk3xt.css} +1 -1
  58. package/es/components/Combobox/Combobox.css +14 -14
  59. package/es/components/DatePicker/DatePicker.config.js +1 -1
  60. package/es/components/DatePicker/DatePicker.config.js.map +1 -1
  61. package/{components/DatePicker/DatePicker.config_9f7fs3.css → es/components/DatePicker/DatePicker.config_5op6am.css} +1 -1
  62. package/es/components/DatePicker/DatePicker.css +7 -7
  63. package/es/components/Mask/Mask.css +21 -21
  64. package/es/components/Range/Range.config.js +1 -1
  65. package/es/components/Range/Range.config.js.map +1 -1
  66. package/{components/Range/Range.config_8e3tv6.css → es/components/Range/Range.config_1b739h0.css} +1 -1
  67. package/es/components/Range/Range.css +8 -8
  68. package/es/components/Select/Select.config.js +1 -1
  69. package/es/components/Select/Select.config.js.map +1 -1
  70. package/{components/Select/Select.config_wse9z5.css → es/components/Select/Select.config_1rprv7.css} +1 -1
  71. package/es/components/Select/Select.css +23 -23
  72. package/es/components/TextArea/TextArea.config.js +5 -2
  73. package/es/components/TextArea/TextArea.config.js.map +1 -1
  74. package/es/components/TextArea/{TextArea.config_h1vco0.css → TextArea.config_1lkwlz6.css} +2 -1
  75. package/es/components/TextArea/TextArea.css +15 -14
  76. package/es/components/TextField/TextField.config.js +1 -1
  77. package/es/components/TextField/TextField.config.js.map +1 -1
  78. package/es/components/TextField/{TextField.config_qklg09.css → TextField.config_1v9erru.css} +1 -1
  79. package/es/components/Tree/Tree.config.js +1 -1
  80. package/es/components/Tree/Tree.config.js.map +1 -1
  81. package/es/components/Tree/Tree.config_19lfyoo.css +5 -0
  82. package/es/components/Tree/Tree.css +5 -5
  83. package/es/index.css +114 -113
  84. package/package.json +4 -4
  85. package/styled-components/cjs/components/Autocomplete/Autocomplete.config.js +5 -3
  86. package/styled-components/cjs/components/Combobox/Combobox.config.js +5 -3
  87. package/styled-components/cjs/components/DatePicker/DatePicker.config.js +10 -5
  88. package/styled-components/cjs/components/Range/Range.config.js +1 -1
  89. package/styled-components/cjs/components/Select/Select.config.js +1 -1
  90. package/styled-components/cjs/components/TextArea/TextArea.config.js +19 -2
  91. package/styled-components/cjs/components/TextField/TextField.config.js +4 -3
  92. package/styled-components/cjs/components/Tree/Tree.config.js +12 -8
  93. package/styled-components/es/components/Autocomplete/Autocomplete.config.js +5 -3
  94. package/styled-components/es/components/Combobox/Combobox.config.js +5 -3
  95. package/styled-components/es/components/DatePicker/DatePicker.config.js +10 -5
  96. package/styled-components/es/components/Range/Range.config.js +1 -1
  97. package/styled-components/es/components/Select/Select.config.js +1 -1
  98. package/styled-components/es/components/TextArea/TextArea.config.js +19 -2
  99. package/styled-components/es/components/TextField/TextField.config.js +4 -3
  100. package/styled-components/es/components/Tree/Tree.config.js +12 -8
  101. package/components/Tree/Tree.config_3ngxbx.css +0 -5
  102. package/es/components/Tree/Tree.config_3ngxbx.css +0 -5
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/sdds-serv",
3
- "version": "0.323.1-canary.2259.18087068095.0",
3
+ "version": "0.323.1-canary.2264.18125135156.0",
4
4
  "description": "Salute Design System / React UI kit for SDDS SERV web applications",
5
5
  "author": "Salute Frontend Team <salute.developers@gmail.com>",
6
6
  "license": "MIT",
@@ -32,7 +32,7 @@
32
32
  "directory": "packages/sdds-serv"
33
33
  },
34
34
  "dependencies": {
35
- "@salutejs/plasma-new-hope": "0.336.1-canary.2259.18087068095.0",
35
+ "@salutejs/plasma-new-hope": "0.336.1-canary.2264.18125135156.0",
36
36
  "@salutejs/sdds-themes": "0.47.0"
37
37
  },
38
38
  "peerDependencies": {
@@ -66,7 +66,7 @@
66
66
  "@salutejs/plasma-core": "1.208.0",
67
67
  "@salutejs/plasma-cy-utils": "0.138.0",
68
68
  "@salutejs/plasma-icons": "1.224.0",
69
- "@salutejs/plasma-sb-utils": "0.208.1-canary.2259.18087068095.0",
69
+ "@salutejs/plasma-sb-utils": "0.208.0",
70
70
  "@storybook/addon-docs": "8.6.14",
71
71
  "@storybook/addon-essentials": "8.6.14",
72
72
  "@storybook/manager-api": "8.6.14",
@@ -137,5 +137,5 @@
137
137
  "sideEffects": [
138
138
  "*.css"
139
139
  ],
140
- "gitHead": "d0cb91e422af40b83715af87e4a1ef4e5933e30d"
140
+ "gitHead": "03b22588c483fef744c0292f71704af98e9cb130"
141
141
  }
@@ -572,11 +572,13 @@ function _templateObject13() {
572
572
  function _templateObject14() {
573
573
  var data = _tagged_template_literal([
574
574
  "\n ",
575
- ": var(--text-secondary);\n ",
575
+ ": var(--text-primary);\n ",
576
+ ": 0.1;\n ",
577
+ ": 0.4;\n ",
576
578
  ": var(--surface-transparent-primary);\n ",
577
579
  ": var(--text-secondary);\n ",
578
580
  ": var(--text-secondary);\n ",
579
- ": var(--text-secondary);\n ",
581
+ ": var(--text-primary);\n ",
580
582
  ": var(--surface-transparent-primary);\n "
581
583
  ]);
582
584
  _templateObject14 = function _templateObject() {
@@ -618,7 +620,7 @@ var config = {
618
620
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.autocompleteTokens.textFieldDisabledOpacity)
619
621
  },
620
622
  readOnly: {
621
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
623
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.autocompleteTokens.textFieldColorReadOnly, _styledcomponents.autocompleteTokens.textFieldReadOnlyOpacity, _styledcomponents.autocompleteTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.autocompleteTokens.textFieldBackgroundColorReadOnly, _styledcomponents.autocompleteTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.autocompleteTokens.textFieldLabelColorReadOnly, _styledcomponents.autocompleteTokens.textFieldDividerColorReadOnly)
622
624
  }
623
625
  }
624
626
  };
@@ -760,11 +760,13 @@ function _templateObject13() {
760
760
  function _templateObject14() {
761
761
  var data = _tagged_template_literal([
762
762
  "\n ",
763
- ": var(--text-secondary);\n ",
763
+ ": var(--text-primary);\n ",
764
+ ": 0.1;\n ",
765
+ ": 0.4;\n ",
764
766
  ": var(--surface-transparent-primary);\n ",
765
767
  ": var(--text-secondary);\n ",
766
768
  ": var(--text-secondary);\n ",
767
- ": var(--text-secondary);\n "
769
+ ": var(--text-primary);\n "
768
770
  ]);
769
771
  _templateObject14 = function _templateObject() {
770
772
  return data;
@@ -805,7 +807,7 @@ var config = {
805
807
  true: (0, _styledcomponents.css)(_templateObject13(), _styledcomponents.comboboxNewTokens.textFieldDisabledOpacity)
806
808
  },
807
809
  readOnly: {
808
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
810
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.comboboxNewTokens.textFieldColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldReadOnlyOpacity, _styledcomponents.comboboxNewTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.comboboxNewTokens.textFieldBackgroundColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLeftHelperColorReadOnly, _styledcomponents.comboboxNewTokens.textFieldLabelColorReadOnly)
809
811
  }
810
812
  }
811
813
  };
@@ -544,12 +544,17 @@ function _templateObject6() {
544
544
  var data = _tagged_template_literal([
545
545
  "\n ",
546
546
  ": var(--surface-transparent-primary);\n ",
547
- ": var(--text-secondary);\n ",
548
- ": var(--text-secondary);\n ",
547
+ ": var(--text-primary);\n ",
549
548
  ": var(--text-secondary);\n\n ",
550
- ": var(--text-secondary);\n ",
549
+ ": var(--text-primary);\n ",
550
+ ": 0.4;\n\n ",
551
+ ": var(--text-primary);\n ",
551
552
  ": var(--surface-transparent-primary);\n ",
552
- ": var(--text-secondary);\n "
553
+ ": var(--text-secondary);\n\n ",
554
+ ": 0.4;\n ",
555
+ ": 0.4;\n ",
556
+ ": 0.1;\n ",
557
+ ": 0.1;\n "
553
558
  ]);
554
559
  _templateObject6 = function _templateObject() {
555
560
  return data;
@@ -575,7 +580,7 @@ var config = {
575
580
  true: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.datePickerTokens.disabledOpacity)
576
581
  },
577
582
  readOnly: {
578
- true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly)
583
+ true: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.datePickerTokens.backgroundReadOnly, _styledcomponents.datePickerTokens.labelColorReadOnly, _styledcomponents.datePickerTokens.leftHelperColorReadOnly, _styledcomponents.datePickerTokens.dividerColorReadOnly, _styledcomponents.datePickerTokens.dividerOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldColorReadOnly, _styledcomponents.datePickerTokens.textFieldBackgroundColorReadOnly, _styledcomponents.datePickerTokens.textFieldPlaceholderColorReadOnly, _styledcomponents.datePickerTokens.rightContentOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldContentSlotRightOpacityReadOnly, _styledcomponents.datePickerTokens.textFieldReadOnlyOpacity, _styledcomponents.datePickerTokens.rangeReadOnlyOpacity)
579
584
  }
580
585
  }
581
586
  };
@@ -329,7 +329,7 @@ function _templateObject7() {
329
329
  ": var(--text-primary);\n ",
330
330
  ": var(--text-secondary);\n ",
331
331
  ": var(--text-secondary);\n ",
332
- ": 0.4;\n ",
332
+ ": 0.1;\n ",
333
333
  ": 0.4;\n ",
334
334
  ": 0.4;\n\n ",
335
335
  ": var(--text-primary);\n ",
@@ -977,7 +977,7 @@ function _templateObject23() {
977
977
  var data = _tagged_template_literal([
978
978
  "\n ",
979
979
  ": 0.4;\n ",
980
- ": 0.4;\n ",
980
+ ": 0.1;\n ",
981
981
  ": var(--text-primary);\n ",
982
982
  ": var(--surface-transparent-primary);\n ",
983
983
  ": var(--text-secondary);\n ",
@@ -663,6 +663,20 @@ function _templateObject13() {
663
663
  return data;
664
664
  }
665
665
  function _templateObject14() {
666
+ var data = _tagged_template_literal([
667
+ "\n ",
668
+ ": 0.1;\n ",
669
+ ": var(--surface-transparent-primary);\n ",
670
+ ": var(--text-primary);\n ",
671
+ ": var(--surface-transparent-primary);\n ",
672
+ ": 0.4;\n "
673
+ ]);
674
+ _templateObject14 = function _templateObject() {
675
+ return data;
676
+ };
677
+ return data;
678
+ }
679
+ function _templateObject15() {
666
680
  var data = _tagged_template_literal([
667
681
  "\n ",
668
682
  ": 0.4;\n ",
@@ -670,7 +684,7 @@ function _templateObject14() {
670
684
  ": var(--surface-transparent-primary);\n ",
671
685
  ": var(--text-secondary);\n "
672
686
  ]);
673
- _templateObject14 = function _templateObject() {
687
+ _templateObject15 = function _templateObject() {
674
688
  return data;
675
689
  };
676
690
  return data;
@@ -708,8 +722,11 @@ var config = {
708
722
  clear: {
709
723
  true: (0, _styledcomponents.css)(_templateObject13())
710
724
  },
725
+ readOnly: {
726
+ true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.readOnlyOpacity, _styledcomponents.textAreaTokens.backgroundColorReadOnly, _styledcomponents.textAreaTokens.inputColorReadOnly, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.contentSlotRightOpacityReadOnly)
727
+ },
711
728
  disabled: {
712
- true: (0, _styledcomponents.css)(_templateObject14(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
729
+ true: (0, _styledcomponents.css)(_templateObject15(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.inputColorDisabled, _styledcomponents.textAreaTokens.dividerColorReadOnly, _styledcomponents.textAreaTokens.titleCaptionColorReadOnly)
713
730
  }
714
731
  }
715
732
  };
@@ -788,14 +788,15 @@ function _templateObject21() {
788
788
  function _templateObject22() {
789
789
  var data = _tagged_template_literal([
790
790
  "\n ",
791
- ": 0.4;\n ",
791
+ ": 0.1;\n ",
792
792
  ": var(--text-primary);\n ",
793
793
  ": var(--surface-transparent-primary);\n ",
794
794
  ": var(--text-secondary);\n ",
795
795
  ": var(--text-secondary);\n ",
796
796
  ": var(--text-secondary);\n ",
797
797
  ": var(--text-primary);\n ",
798
- ": var(--surface-transparent-primary);\n "
798
+ ": var(--surface-transparent-primary);\n ",
799
+ ": 0.4;\n "
799
800
  ]);
800
801
  _templateObject22 = function _templateObject() {
801
802
  return data;
@@ -849,7 +850,7 @@ var config = {
849
850
  true: (0, _styledcomponents.css)(_templateObject21(), _styledcomponents.textFieldTokens.disabledOpacity)
850
851
  },
851
852
  readOnly: {
852
- true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly)
853
+ true: (0, _styledcomponents.css)(_templateObject22(), _styledcomponents.textFieldTokens.readOnlyOpacity, _styledcomponents.textFieldTokens.colorReadOnly, _styledcomponents.textFieldTokens.backgroundColorReadOnly, _styledcomponents.textFieldTokens.placeholderColorReadOnly, _styledcomponents.textFieldTokens.leftHelperColorReadOnly, _styledcomponents.textFieldTokens.titleCaptionColorReadOnly, _styledcomponents.textFieldTokens.labelColorReadOnly, _styledcomponents.textFieldTokens.dividerColorReadOnly, _styledcomponents.textFieldTokens.contentSlotRightOpacityReadOnly)
853
854
  }
854
855
  }
855
856
  };
@@ -50,7 +50,8 @@ function _templateObject1() {
50
50
  "\n ",
51
51
  ": 3.5rem;\n ",
52
52
  ": 1rem;\n ",
53
- ": 0.375rem;\n ",
53
+ ": 1rem;\n ",
54
+ ": 0.75rem 1rem;\n ",
54
55
  ": 2rem;\n ",
55
56
  ": 0.75rem;\n ",
56
57
  ": 0.25rem;\n ",
@@ -80,7 +81,8 @@ function _templateObject2() {
80
81
  "\n ",
81
82
  ": 3rem;\n ",
82
83
  ": 0.875rem;\n ",
83
- ": 0.375rem;\n ",
84
+ ": 0.75rem 0.875rem;\n ",
85
+ ": 0.5rem 0.875rem;\n ",
84
86
  ": 2rem;\n ",
85
87
  ": 0.625rem;\n ",
86
88
  ": 0.25rem;\n ",
@@ -110,7 +112,8 @@ function _templateObject3() {
110
112
  "\n ",
111
113
  ": 2.5rem;\n ",
112
114
  ": 0.75rem;\n ",
113
- ": 0.25rem;\n ",
115
+ ": 0.5rem 0.75rem;\n ",
116
+ ": 0.4375rem 0.5rem;\n ",
114
117
  ": 1.875rem;\n ",
115
118
  ": 0.5rem;\n ",
116
119
  ": 0.25rem;\n ",
@@ -140,7 +143,8 @@ function _templateObject4() {
140
143
  "\n ",
141
144
  ": 2rem;\n ",
142
145
  ": 0.5rem;\n ",
143
- ": 0.125rem;\n ",
146
+ ": 0.5rem;\n ",
147
+ ": 0.25rem 0.5rem;\n ",
144
148
  ": 1.25rem;\n ",
145
149
  ": 0.375rem;\n ",
146
150
  ": 0.25rem;\n ",
@@ -175,10 +179,10 @@ var config = {
175
179
  default: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.treeTokens.iconFolderColor, _styledcomponents.treeTokens.arrowColor, _styledcomponents.treeTokens.arrowColorHover, _styledcomponents.treeTokens.arrowColorActive, _styledcomponents.treeTokens.color, _styledcomponents.treeTokens.colorSelected, _styledcomponents.treeTokens.itemBackgroundColorSelected, _styledcomponents.treeTokens.itemBackgroundColorPrimary, _styledcomponents.treeTokens.itemBackgroundColorHover, _styledcomponents.treeTokens.itemBackgroundColorActive, _styledcomponents.treeTokens.checkboxBorderColor, _styledcomponents.treeTokens.checkboxBackgroundColor, _styledcomponents.treeTokens.itemDisabledOpacity, _styledcomponents.treeTokens.itemDisabledBorderColor, _styledcomponents.treeTokens.itemDisabledColor, _styledcomponents.treeTokens.itemDraggableBorderColor, _styledcomponents.treeTokens.itemDraggableLineColor)
176
180
  },
177
181
  size: {
178
- l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
179
- m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
180
- s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
181
- xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
182
+ l: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
183
+ m: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
184
+ s: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight),
185
+ xs: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.treeTokens.itemHeight, _styledcomponents.treeTokens.itemBackgroundExtraOffset, _styledcomponents.treeTokens.itemPadding, _styledcomponents.treeTokens.itemPaddingTight, _styledcomponents.treeTokens.itemIndent, _styledcomponents.treeTokens.itemBorderRadius, _styledcomponents.treeTokens.itemTop, _styledcomponents.treeTokens.itemBottom, _styledcomponents.treeTokens.iconFolderMargin, _styledcomponents.treeTokens.switcherMargin, _styledcomponents.treeTokens.switcherMarginInverted, _styledcomponents.treeTokens.switcherSize, _styledcomponents.treeTokens.checkboxMargin, _styledcomponents.treeTokens.checkboxSize, _styledcomponents.treeTokens.checkboxInnerSize, _styledcomponents.treeTokens.checkboxBorderRadius, _styledcomponents.treeTokens.fontFamily, _styledcomponents.treeTokens.fontSize, _styledcomponents.treeTokens.fontStyle, _styledcomponents.treeTokens.fontWeight, _styledcomponents.treeTokens.letterSpacing, _styledcomponents.treeTokens.lineHeight)
182
186
  }
183
187
  }
184
188
  };
@@ -561,11 +561,13 @@ function _templateObject13() {
561
561
  function _templateObject14() {
562
562
  var data = _tagged_template_literal([
563
563
  "\n ",
564
- ": var(--text-secondary);\n ",
564
+ ": var(--text-primary);\n ",
565
+ ": 0.1;\n ",
566
+ ": 0.4;\n ",
565
567
  ": var(--surface-transparent-primary);\n ",
566
568
  ": var(--text-secondary);\n ",
567
569
  ": var(--text-secondary);\n ",
568
- ": var(--text-secondary);\n ",
570
+ ": var(--text-primary);\n ",
569
571
  ": var(--surface-transparent-primary);\n "
570
572
  ]);
571
573
  _templateObject14 = function _templateObject() {
@@ -608,7 +610,7 @@ export var config = {
608
610
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
609
611
  },
610
612
  readOnly: {
611
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
613
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly, tokens.textFieldDividerColorReadOnly)
612
614
  }
613
615
  }
614
616
  };
@@ -749,11 +749,13 @@ function _templateObject13() {
749
749
  function _templateObject14() {
750
750
  var data = _tagged_template_literal([
751
751
  "\n ",
752
- ": var(--text-secondary);\n ",
752
+ ": var(--text-primary);\n ",
753
+ ": 0.1;\n ",
754
+ ": 0.4;\n ",
753
755
  ": var(--surface-transparent-primary);\n ",
754
756
  ": var(--text-secondary);\n ",
755
757
  ": var(--text-secondary);\n ",
756
- ": var(--text-secondary);\n "
758
+ ": var(--text-primary);\n "
757
759
  ]);
758
760
  _templateObject14 = function _templateObject() {
759
761
  return data;
@@ -795,7 +797,7 @@ export var config = {
795
797
  true: css(_templateObject13(), tokens.textFieldDisabledOpacity)
796
798
  },
797
799
  readOnly: {
798
- true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
800
+ true: css(_templateObject14(), tokens.textFieldColorReadOnly, tokens.textFieldReadOnlyOpacity, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.textFieldLeftHelperColorReadOnly, tokens.textFieldLabelColorReadOnly)
799
801
  }
800
802
  }
801
803
  };
@@ -533,12 +533,17 @@ function _templateObject6() {
533
533
  var data = _tagged_template_literal([
534
534
  "\n ",
535
535
  ": var(--surface-transparent-primary);\n ",
536
- ": var(--text-secondary);\n ",
537
- ": var(--text-secondary);\n ",
536
+ ": var(--text-primary);\n ",
538
537
  ": var(--text-secondary);\n\n ",
539
- ": var(--text-secondary);\n ",
538
+ ": var(--text-primary);\n ",
539
+ ": 0.4;\n\n ",
540
+ ": var(--text-primary);\n ",
540
541
  ": var(--surface-transparent-primary);\n ",
541
- ": var(--text-secondary);\n "
542
+ ": var(--text-secondary);\n\n ",
543
+ ": 0.4;\n ",
544
+ ": 0.4;\n ",
545
+ ": 0.1;\n ",
546
+ ": 0.1;\n "
542
547
  ]);
543
548
  _templateObject6 = function _templateObject() {
544
549
  return data;
@@ -565,7 +570,7 @@ export var config = {
565
570
  true: css(_templateObject5(), tokens.disabledOpacity)
566
571
  },
567
572
  readOnly: {
568
- true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
573
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.leftHelperColorReadOnly, tokens.dividerColorReadOnly, tokens.dividerOpacityReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly, tokens.rightContentOpacityReadOnly, tokens.textFieldContentSlotRightOpacityReadOnly, tokens.textFieldReadOnlyOpacity, tokens.rangeReadOnlyOpacity)
569
574
  }
570
575
  }
571
576
  };
@@ -318,7 +318,7 @@ function _templateObject7() {
318
318
  ": var(--text-primary);\n ",
319
319
  ": var(--text-secondary);\n ",
320
320
  ": var(--text-secondary);\n ",
321
- ": 0.4;\n ",
321
+ ": 0.1;\n ",
322
322
  ": 0.4;\n ",
323
323
  ": 0.4;\n\n ",
324
324
  ": var(--text-primary);\n ",
@@ -966,7 +966,7 @@ function _templateObject23() {
966
966
  var data = _tagged_template_literal([
967
967
  "\n ",
968
968
  ": 0.4;\n ",
969
- ": 0.4;\n ",
969
+ ": 0.1;\n ",
970
970
  ": var(--text-primary);\n ",
971
971
  ": var(--surface-transparent-primary);\n ",
972
972
  ": var(--text-secondary);\n ",
@@ -652,6 +652,20 @@ function _templateObject13() {
652
652
  return data;
653
653
  }
654
654
  function _templateObject14() {
655
+ var data = _tagged_template_literal([
656
+ "\n ",
657
+ ": 0.1;\n ",
658
+ ": var(--surface-transparent-primary);\n ",
659
+ ": var(--text-primary);\n ",
660
+ ": var(--surface-transparent-primary);\n ",
661
+ ": 0.4;\n "
662
+ ]);
663
+ _templateObject14 = function _templateObject() {
664
+ return data;
665
+ };
666
+ return data;
667
+ }
668
+ function _templateObject15() {
655
669
  var data = _tagged_template_literal([
656
670
  "\n ",
657
671
  ": 0.4;\n ",
@@ -659,7 +673,7 @@ function _templateObject14() {
659
673
  ": var(--surface-transparent-primary);\n ",
660
674
  ": var(--text-secondary);\n "
661
675
  ]);
662
- _templateObject14 = function _templateObject() {
676
+ _templateObject15 = function _templateObject() {
663
677
  return data;
664
678
  };
665
679
  return data;
@@ -698,8 +712,11 @@ export var config = {
698
712
  clear: {
699
713
  true: css(_templateObject13())
700
714
  },
715
+ readOnly: {
716
+ true: css(_templateObject14(), textAreaTokens.readOnlyOpacity, textAreaTokens.backgroundColorReadOnly, textAreaTokens.inputColorReadOnly, textAreaTokens.dividerColorReadOnly, textAreaTokens.contentSlotRightOpacityReadOnly)
717
+ },
701
718
  disabled: {
702
- true: css(_templateObject14(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
719
+ true: css(_templateObject15(), textAreaTokens.disabledOpacity, textAreaTokens.inputColorDisabled, textAreaTokens.dividerColorReadOnly, textAreaTokens.titleCaptionColorReadOnly)
703
720
  }
704
721
  }
705
722
  };
@@ -777,14 +777,15 @@ function _templateObject21() {
777
777
  function _templateObject22() {
778
778
  var data = _tagged_template_literal([
779
779
  "\n ",
780
- ": 0.4;\n ",
780
+ ": 0.1;\n ",
781
781
  ": var(--text-primary);\n ",
782
782
  ": var(--surface-transparent-primary);\n ",
783
783
  ": var(--text-secondary);\n ",
784
784
  ": var(--text-secondary);\n ",
785
785
  ": var(--text-secondary);\n ",
786
786
  ": var(--text-primary);\n ",
787
- ": var(--surface-transparent-primary);\n "
787
+ ": var(--surface-transparent-primary);\n ",
788
+ ": 0.4;\n "
788
789
  ]);
789
790
  _templateObject22 = function _templateObject() {
790
791
  return data;
@@ -839,7 +840,7 @@ export var config = {
839
840
  true: css(_templateObject21(), tokens.disabledOpacity)
840
841
  },
841
842
  readOnly: {
842
- true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly)
843
+ true: css(_templateObject22(), tokens.readOnlyOpacity, tokens.colorReadOnly, tokens.backgroundColorReadOnly, tokens.placeholderColorReadOnly, tokens.leftHelperColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.labelColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
843
844
  }
844
845
  }
845
846
  };
@@ -39,7 +39,8 @@ function _templateObject1() {
39
39
  "\n ",
40
40
  ": 3.5rem;\n ",
41
41
  ": 1rem;\n ",
42
- ": 0.375rem;\n ",
42
+ ": 1rem;\n ",
43
+ ": 0.75rem 1rem;\n ",
43
44
  ": 2rem;\n ",
44
45
  ": 0.75rem;\n ",
45
46
  ": 0.25rem;\n ",
@@ -69,7 +70,8 @@ function _templateObject2() {
69
70
  "\n ",
70
71
  ": 3rem;\n ",
71
72
  ": 0.875rem;\n ",
72
- ": 0.375rem;\n ",
73
+ ": 0.75rem 0.875rem;\n ",
74
+ ": 0.5rem 0.875rem;\n ",
73
75
  ": 2rem;\n ",
74
76
  ": 0.625rem;\n ",
75
77
  ": 0.25rem;\n ",
@@ -99,7 +101,8 @@ function _templateObject3() {
99
101
  "\n ",
100
102
  ": 2.5rem;\n ",
101
103
  ": 0.75rem;\n ",
102
- ": 0.25rem;\n ",
104
+ ": 0.5rem 0.75rem;\n ",
105
+ ": 0.4375rem 0.5rem;\n ",
103
106
  ": 1.875rem;\n ",
104
107
  ": 0.5rem;\n ",
105
108
  ": 0.25rem;\n ",
@@ -129,7 +132,8 @@ function _templateObject4() {
129
132
  "\n ",
130
133
  ": 2rem;\n ",
131
134
  ": 0.5rem;\n ",
132
- ": 0.125rem;\n ",
135
+ ": 0.5rem;\n ",
136
+ ": 0.25rem 0.5rem;\n ",
133
137
  ": 1.25rem;\n ",
134
138
  ": 0.375rem;\n ",
135
139
  ": 0.25rem;\n ",
@@ -165,10 +169,10 @@ export var config = {
165
169
  default: css(_templateObject(), tokens.iconFolderColor, tokens.arrowColor, tokens.arrowColorHover, tokens.arrowColorActive, tokens.color, tokens.colorSelected, tokens.itemBackgroundColorSelected, tokens.itemBackgroundColorPrimary, tokens.itemBackgroundColorHover, tokens.itemBackgroundColorActive, tokens.checkboxBorderColor, tokens.checkboxBackgroundColor, tokens.itemDisabledOpacity, tokens.itemDisabledBorderColor, tokens.itemDisabledColor, tokens.itemDraggableBorderColor, tokens.itemDraggableLineColor)
166
170
  },
167
171
  size: {
168
- l: css(_templateObject1(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
169
- m: css(_templateObject2(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
170
- s: css(_templateObject3(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
171
- xs: css(_templateObject4(), tokens.itemHeight, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
172
+ l: css(_templateObject1(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
173
+ m: css(_templateObject2(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
174
+ s: css(_templateObject3(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight),
175
+ xs: css(_templateObject4(), tokens.itemHeight, tokens.itemBackgroundExtraOffset, tokens.itemPadding, tokens.itemPaddingTight, tokens.itemIndent, tokens.itemBorderRadius, tokens.itemTop, tokens.itemBottom, tokens.iconFolderMargin, tokens.switcherMargin, tokens.switcherMarginInverted, tokens.switcherSize, tokens.checkboxMargin, tokens.checkboxSize, tokens.checkboxInnerSize, tokens.checkboxBorderRadius, tokens.fontFamily, tokens.fontSize, tokens.fontStyle, tokens.fontWeight, tokens.letterSpacing, tokens.lineHeight)
172
176
  }
173
177
  }
174
178
  };
@@ -1,5 +0,0 @@
1
- .de6q557{--plasma-tree-icon-folder-color:var(--text-primary);--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-primary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color-selected:var(--surface-transparent-secondary);--plasma-tree-item-background-color-primary:transparent;--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;--plasma-tree-item-disabled-border-color:var(--text-secondary);--plasma-tree-item-disabled-color:var(--text-secondary);--plasma-tree-item-draggable-border-color:var(--surface-positive);--plasma-tree-item-draggable-line-color:var(--surface-solid-default);}
2
- .l1adci4f{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
3
- .mtlwm4v{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
4
- .s5rli8c{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.375rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
5
- .xvylsia{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.25rem;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}
@@ -1,5 +0,0 @@
1
- .de6q557{--plasma-tree-icon-folder-color:var(--text-primary);--plasma-tree-arrow-color:var(--text-secondary);--plasma-tree-arrow-color-hover:var(--text-secondary-hover);--plasma-tree-arrow-color-active:var(--text-secondary-active);--plasma-tree-color:var(--text-primary);--plasma-tree-color-selected:var(--text-primary);--plasma-tree-item-background-color-selected:var(--surface-transparent-secondary);--plasma-tree-item-background-color-primary:transparent;--plasma-tree-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-tree-item-background-color-active:var(--surface-transparent-secondary-active);--plasma-tree-checkbox-border-color:var(--text-secondary);--plasma-tree-checkbox-background-color:var(--text-accent);--plasma-tree-item-disabled-opacity:0.4;--plasma-tree-item-disabled-border-color:var(--text-secondary);--plasma-tree-item-disabled-color:var(--text-secondary);--plasma-tree-item-draggable-border-color:var(--surface-positive);--plasma-tree-item-draggable-line-color:var(--surface-solid-default);}
2
- .l1adci4f{--plasma-tree-item-height:3.5rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.75rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-l-font-family);--plasma-tree-font-size:var(--plasma-typo-body-l-font-size);--plasma-tree-font-style:var(--plasma-typo-body-l-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-l-line-height);}
3
- .mtlwm4v{--plasma-tree-item-height:3rem;--plasma-tree-item-padding:0.875rem;--plasma-tree-item-padding-tight:0.375rem;--plasma-tree-item-indent:2rem;--plasma-tree-item-border-radius:0.625rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin:0 0.5rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.5rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.5rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-m-font-family);--plasma-tree-font-size:var(--plasma-typo-body-m-font-size);--plasma-tree-font-style:var(--plasma-typo-body-m-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-m-line-height);}
4
- .s5rli8c{--plasma-tree-item-height:2.5rem;--plasma-tree-item-padding:0.75rem;--plasma-tree-item-padding-tight:0.25rem;--plasma-tree-item-indent:1.875rem;--plasma-tree-item-border-radius:0.5rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin:0 0.375rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.375rem;--plasma-tree-switcher-size:1.5rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1.5rem;--plasma-tree-checkbox-inner-size:1.25rem;--plasma-tree-checkbox-border-radius:0.375rem;--plasma-tree-font-family:var(--plasma-typo-body-s-font-family);--plasma-tree-font-size:var(--plasma-typo-body-s-font-size);--plasma-tree-font-style:var(--plasma-typo-body-s-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-s-line-height);}
5
- .xvylsia{--plasma-tree-item-height:2rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.125rem;--plasma-tree-item-indent:1.25rem;--plasma-tree-item-border-radius:0.375rem;--plasma-tree-item-top:0.25rem;--plasma-tree-item-bottom:0.25rem;--plasma-tree-icon-folder-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin:0 0.25rem 0 0;--plasma-tree-switcher-margin-inverted:0 0 0 0.25rem;--plasma-tree-switcher-size:1rem;--plasma-tree-checkbox-margin:0 0.25rem 0 0;--plasma-tree-checkbox-size:1rem;--plasma-tree-checkbox-inner-size:0.875rem;--plasma-tree-checkbox-border-radius:0.25rem;--plasma-tree-font-family:var(--plasma-typo-body-xs-font-family);--plasma-tree-font-size:var(--plasma-typo-body-xs-font-size);--plasma-tree-font-style:var(--plasma-typo-body-xs-font-style);--plasma-tree-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-tree-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-tree-line-height:var(--plasma-typo-body-xs-line-height);}