@salutejs/sdds-serv 0.324.0-canary.2253.18004015974.0 → 0.324.0-canary.2254.18036780976.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 (51) hide show
  1. package/components/TimePicker/TimePicker.config.d.ts +23 -0
  2. package/components/TimePicker/TimePicker.config.js +31 -0
  3. package/components/TimePicker/TimePicker.config.js.map +1 -0
  4. package/components/TimePicker/TimePicker.config_1444eoe.css +7 -0
  5. package/components/TimePicker/TimePicker.css +7 -0
  6. package/components/TimePicker/TimePicker.d.ts +42 -0
  7. package/components/TimePicker/TimePicker.js +12 -0
  8. package/components/TimePicker/TimePicker.js.map +1 -0
  9. package/components/TimePicker/index.d.ts +2 -0
  10. package/components/Tree/Tree.config.js +1 -1
  11. package/components/Tree/Tree.config.js.map +1 -1
  12. package/components/Tree/Tree.config_3ngxbx.css +5 -0
  13. package/components/Tree/Tree.css +5 -5
  14. package/emotion/cjs/components/TimePicker/TimePicker.config.js +347 -0
  15. package/emotion/cjs/components/TimePicker/TimePicker.js +14 -0
  16. package/emotion/cjs/components/TimePicker/index.js +23 -0
  17. package/emotion/cjs/components/Tree/Tree.config.js +8 -12
  18. package/emotion/cjs/index.js +1 -0
  19. package/emotion/es/components/TimePicker/TimePicker.config.js +337 -0
  20. package/emotion/es/components/TimePicker/TimePicker.js +4 -0
  21. package/emotion/es/components/TimePicker/index.js +2 -0
  22. package/emotion/es/components/Tree/Tree.config.js +8 -12
  23. package/emotion/es/index.js +1 -0
  24. package/es/components/TimePicker/TimePicker.config.js +27 -0
  25. package/es/components/TimePicker/TimePicker.config.js.map +1 -0
  26. package/es/components/TimePicker/TimePicker.config_1444eoe.css +7 -0
  27. package/es/components/TimePicker/TimePicker.css +7 -0
  28. package/es/components/TimePicker/TimePicker.js +8 -0
  29. package/es/components/TimePicker/TimePicker.js.map +1 -0
  30. package/es/components/Tree/Tree.config.js +1 -1
  31. package/es/components/Tree/Tree.config.js.map +1 -1
  32. package/es/components/Tree/Tree.config_3ngxbx.css +5 -0
  33. package/es/components/Tree/Tree.css +5 -5
  34. package/es/index.css +13 -5
  35. package/es/index.js +2 -1
  36. package/es/index.js.map +1 -1
  37. package/index.d.ts +1 -0
  38. package/index.js +10 -0
  39. package/package.json +3 -3
  40. package/styled-components/cjs/components/TimePicker/TimePicker.config.js +347 -0
  41. package/styled-components/cjs/components/TimePicker/TimePicker.js +14 -0
  42. package/styled-components/cjs/components/TimePicker/index.js +23 -0
  43. package/styled-components/cjs/components/Tree/Tree.config.js +8 -12
  44. package/styled-components/cjs/index.js +1 -0
  45. package/styled-components/es/components/TimePicker/TimePicker.config.js +337 -0
  46. package/styled-components/es/components/TimePicker/TimePicker.js +4 -0
  47. package/styled-components/es/components/TimePicker/index.js +2 -0
  48. package/styled-components/es/components/Tree/Tree.config.js +8 -12
  49. package/styled-components/es/index.js +1 -0
  50. package/components/Tree/Tree.config_19lfyoo.css +0 -5
  51. package/es/components/Tree/Tree.config_19lfyoo.css +0 -5
package/styled-components/es/components/TimePicker/TimePicker.config.js ADDED
@@ -0,0 +1,337 @@
1
+ function _tagged_template_literal(strings, raw) {
2
+ if (!raw) {
3
+ raw = strings.slice(0);
4
+ }
5
+ return Object.freeze(Object.defineProperties(strings, {
6
+ raw: {
7
+ value: Object.freeze(raw)
8
+ }
9
+ }));
10
+ }
11
+ function _templateObject() {
12
+ var data = _tagged_template_literal([
13
+ "\n ",
14
+ ": var(--surface-transparent-primary);\n ",
15
+ ": var(--surface-transparent-negative);\n ",
16
+ ": var(--surface-transparent-positive);\n\n ",
17
+ ": var(--text-primary);\n\n ",
18
+ ": var(--text-primary);\n ",
19
+ ": var(--text-secondary);\n ",
20
+ ": var(--text-accent);\n\n ",
21
+ ": var(--surface-negative);\n\n ",
22
+ ": var(--surface-transparent-primary);\n ",
23
+ ": var(--surface-transparent-secondary);\n ",
24
+ ": var(--surface-transparent-negative);\n ",
25
+ ": var(--surface-transparent-negative-active);\n ",
26
+ ": var(--surface-transparent-positive);\n ",
27
+ ": var(--surface-transparent-positive-active);\n\n ",
28
+ ": var(--text-tertiary);\n ",
29
+ ": var(--text-tertiary);\n\n ",
30
+ ": var(--text-tertiary);\n\n ",
31
+ ": var(--surface-solid-card);\n ",
32
+ ": var(--surface-transparent-secondary);\n ",
33
+ ": var(--surface-transparent-secondary);\n\n ",
34
+ ": var(--surface-transparent-tertiary);\n ",
35
+ ": var(--surface-transparent-primary);\n "
36
+ ]);
37
+ _templateObject = function _templateObject() {
38
+ return data;
39
+ };
40
+ return data;
41
+ }
42
+ function _templateObject1() {
43
+ var data = _tagged_template_literal([
44
+ "\n ",
45
+ ": 20rem;\n ",
46
+ ": 0.875rem;\n\n ",
47
+ ": 0 0 0 1rem;\n ",
48
+ ": 0;\n\n ",
49
+ ": 0.75rem;\n ",
50
+ ": 0.5625rem 0 0.125rem 0;\n ",
51
+ ": 1.5625rem 0 0.5625rem 0;\n\n ",
52
+ ": var(--plasma-typo-body-l-font-family);\n ",
53
+ ": var(--plasma-typo-body-l-font-style);\n ",
54
+ ": var(--plasma-typo-body-l-font-size);\n ",
55
+ ": var(--plasma-typo-body-l-font-weight);\n ",
56
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
57
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
58
+ ": 0.5rem;\n ",
59
+ ": 0.375rem;\n ",
60
+ ": 0 0 0 0;\n ",
61
+ ": 0.5rem auto auto -0.75rem;\n ",
62
+ ": 0 0 auto auto;\n ",
63
+ ": 0.25rem -0.625rem auto auto;\n\n ",
64
+ ": 3.5rem;\n ",
65
+ ": 0.875rem;\n ",
66
+ ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ",
67
+ ": var(--plasma-typo-body-l-font-family);\n ",
68
+ ": var(--plasma-typo-body-l-font-style);\n ",
69
+ ": var(--plasma-typo-body-l-font-size);\n ",
70
+ ": var(--plasma-typo-body-l-font-weight);\n ",
71
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
72
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
73
+ ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ",
74
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
75
+ ": 0 0.25rem 0 0;\n ",
76
+ ": 0 0 0 0.25rem;\n\n ",
77
+ ": 0.875rem;\n ",
78
+ ": 15rem;\n ",
79
+ ": 0.125rem;\n\n ",
80
+ ": 36.25rem;\n\n ",
81
+ ": var(--plasma-typo-body-l-font-family);\n ",
82
+ ": var(--plasma-typo-body-l-font-size);\n ",
83
+ ": var(--plasma-typo-body-l-font-style);\n ",
84
+ ": var(--plasma-typo-body-l-font-weight);\n ",
85
+ ": var(--plasma-typo-body-l-letter-spacing);\n ",
86
+ ": var(--plasma-typo-body-l-line-height);\n\n ",
87
+ ": 3.5rem;\n ",
88
+ ": 0.75rem;\n ",
89
+ ": 0rem;\n\n ",
90
+ ": var(--plasma-typo-body-xs-font-family);\n ",
91
+ ": var(--plasma-typo-body-xs-font-size);\n ",
92
+ ": var(--plasma-typo-body-xs-font-style);\n ",
93
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
94
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
95
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
96
+ ": 0.125rem;\n ",
97
+ ": 0.5rem;\n "
98
+ ]);
99
+ _templateObject1 = function _templateObject() {
100
+ return data;
101
+ };
102
+ return data;
103
+ }
104
+ function _templateObject2() {
105
+ var data = _tagged_template_literal([
106
+ "\n ",
107
+ ": 20rem;\n ",
108
+ ": 0.75rem;\n\n ",
109
+ ": 0 0 0 0.875rem;\n ",
110
+ ": 0;\n\n ",
111
+ ": 0.625rem;\n ",
112
+ ": 0.375rem 0 0.125rem 0;\n ",
113
+ ": 1.375rem 0 0.375rem 0;\n\n ",
114
+ ": var(--plasma-typo-body-m-font-family);\n ",
115
+ ": var(--plasma-typo-body-m-font-style);\n ",
116
+ ": var(--plasma-typo-body-m-font-size);\n ",
117
+ ": var(--plasma-typo-body-m-font-weight);\n ",
118
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
119
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
120
+ ": 0.5rem;\n ",
121
+ ": 0.375rem;\n ",
122
+ ": 0 0 0 0;\n ",
123
+ ": 0.375rem auto auto -0.75rem;\n ",
124
+ ": 0 0 auto auto;\n ",
125
+ ": 0.25rem -0.6875rem auto auto;\n\n ",
126
+ ": 3rem;\n ",
127
+ ": 0.75rem;\n ",
128
+ ": 0.875rem 1rem 0.875rem 1rem;\n ",
129
+ ": var(--plasma-typo-body-m-font-family);\n ",
130
+ ": var(--plasma-typo-body-m-font-style);\n ",
131
+ ": var(--plasma-typo-body-m-font-size);\n ",
132
+ ": var(--plasma-typo-body-m-font-weight);\n ",
133
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
134
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
135
+ ": -0.125rem 0.375rem -0.125rem -0.125rem;\n ",
136
+ ": -0.125rem -0.125rem -0.125rem 0.75rem;\n ",
137
+ ": 0 0.25rem 0 0;\n ",
138
+ ": 0 0 0 0.25rem;\n\n ",
139
+ ": 0.75rem;\n ",
140
+ ": 13.75rem;\n ",
141
+ ": 0.125rem;\n\n ",
142
+ ": 31.25rem;\n\n ",
143
+ ": var(--plasma-typo-body-m-font-family);\n ",
144
+ ": var(--plasma-typo-body-m-font-size);\n ",
145
+ ": var(--plasma-typo-body-m-font-style);\n ",
146
+ ": var(--plasma-typo-body-m-font-weight);\n ",
147
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
148
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
149
+ ": 3rem;\n ",
150
+ ": 0.625rem;\n ",
151
+ ": 0rem;\n\n ",
152
+ ": var(--plasma-typo-body-xs-font-family);\n ",
153
+ ": var(--plasma-typo-body-xs-font-size);\n ",
154
+ ": var(--plasma-typo-body-xs-font-style);\n ",
155
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
156
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
157
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
158
+ ": 0.125rem;\n ",
159
+ ": 0.375rem;\n "
160
+ ]);
161
+ _templateObject2 = function _templateObject() {
162
+ return data;
163
+ };
164
+ return data;
165
+ }
166
+ function _templateObject3() {
167
+ var data = _tagged_template_literal([
168
+ "\n ",
169
+ ": 20rem;\n ",
170
+ ": 0.625rem;\n\n ",
171
+ ": 0 0 0 0.75rem;\n ",
172
+ ": 0;\n\n ",
173
+ ": 0.5rem;\n ",
174
+ ": 0.3125rem 0 0 0;\n ",
175
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
176
+ ": var(--plasma-typo-body-s-font-family);\n ",
177
+ ": var(--plasma-typo-body-s-font-style);\n ",
178
+ ": var(--plasma-typo-body-s-font-size);\n ",
179
+ ": var(--plasma-typo-body-s-font-weight);\n ",
180
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
181
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
182
+ ": 0.375rem;\n ",
183
+ ": 0.375rem;\n ",
184
+ ": 0 0 0 0;\n ",
185
+ ": 0.3125rem auto auto -0.6875rem;\n ",
186
+ ": 0 0 auto auto;\n ",
187
+ ": 0.25rem -0.625rem auto auto;\n\n ",
188
+ ": 2.5rem;\n ",
189
+ ": 0.625rem;\n ",
190
+ ": 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ",
191
+ ": var(--plasma-typo-body-s-font-family);\n ",
192
+ ": var(--plasma-typo-body-s-font-style);\n ",
193
+ ": var(--plasma-typo-body-s-font-size);\n ",
194
+ ": var(--plasma-typo-body-s-font-weight);\n ",
195
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
196
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
197
+ ": -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ",
198
+ ": -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ",
199
+ ": 0 0.25rem 0 0;\n ",
200
+ ": 0 0 0 0.25rem;\n\n ",
201
+ ": 0.625rem;\n ",
202
+ ": 12rem;\n ",
203
+ ": 0.125rem;\n\n ",
204
+ ": 26.25rem;\n\n ",
205
+ ": var(--plasma-typo-body-s-font-family);\n ",
206
+ ": var(--plasma-typo-body-s-font-size);\n ",
207
+ ": var(--plasma-typo-body-s-font-style);\n ",
208
+ ": var(--plasma-typo-body-s-font-weight);\n ",
209
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
210
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
211
+ ": 2.5rem;\n ",
212
+ ": 0.5rem;\n ",
213
+ ": 0rem;\n\n ",
214
+ ": var(--plasma-typo-body-xs-font-family);\n ",
215
+ ": var(--plasma-typo-body-xs-font-size);\n ",
216
+ ": var(--plasma-typo-body-xs-font-style);\n ",
217
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
218
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
219
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
220
+ ": 0.125rem;\n ",
221
+ ": 0.25rem;\n "
222
+ ]);
223
+ _templateObject3 = function _templateObject() {
224
+ return data;
225
+ };
226
+ return data;
227
+ }
228
+ function _templateObject4() {
229
+ var data = _tagged_template_literal([
230
+ "\n ",
231
+ ": 20rem;\n ",
232
+ ": 0.5rem;\n\n ",
233
+ ": 0 0 0 0.5rem;\n ",
234
+ ": 0;\n\n ",
235
+ ": 0.375rem;\n ",
236
+ ": 0.3125rem 0 0 0;\n ",
237
+ ": 1.0625rem 0 0.3125rem 0;\n\n ",
238
+ ": var(--plasma-typo-body-xs-font-family);\n ",
239
+ ": var(--plasma-typo-body-xs-font-style);\n ",
240
+ ": var(--plasma-typo-body-xs-font-size);\n ",
241
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
242
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
243
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
244
+ ": 0.375rem;\n ",
245
+ ": 0.375rem;\n ",
246
+ ": 0 0 0 0;\n ",
247
+ ": 0.25rem auto auto -0.625rem;\n ",
248
+ ": 0 0 auto auto;\n ",
249
+ ": 0.125rem -0.6875rem auto auto;\n\n ",
250
+ ": 2rem;\n ",
251
+ ": 0.5rem;\n ",
252
+ ": 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ",
253
+ ": var(--plasma-typo-body-xs-font-family);\n ",
254
+ ": var(--plasma-typo-body-xs-font-style);\n ",
255
+ ": var(--plasma-typo-body-xs-font-size);\n ",
256
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
257
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
258
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
259
+ ": -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ",
260
+ ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ",
261
+ ": 0 0.25rem 0 0;\n ",
262
+ ": 0 0 0 0.25rem;\n\n ",
263
+ ": 0.5rem;\n ",
264
+ ": 10rem;\n ",
265
+ ": 0.125rem;\n\n ",
266
+ ": 21.25rem;\n\n ",
267
+ ": var(--plasma-typo-body-xs-font-family);\n ",
268
+ ": var(--plasma-typo-body-xs-font-size);\n ",
269
+ ": var(--plasma-typo-body-xs-font-style);\n ",
270
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
271
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
272
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
273
+ ": 2rem;\n ",
274
+ ": 0.375rem;\n ",
275
+ ": 0rem;\n\n ",
276
+ ": var(--plasma-typo-body-xs-font-family);\n ",
277
+ ": var(--plasma-typo-body-xs-font-size);\n ",
278
+ ": var(--plasma-typo-body-xs-font-style);\n ",
279
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
280
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
281
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
282
+ ": 0.125rem;\n ",
283
+ ": 0.25rem;\n "
284
+ ]);
285
+ _templateObject4 = function _templateObject() {
286
+ return data;
287
+ };
288
+ return data;
289
+ }
290
+ function _templateObject5() {
291
+ var data = _tagged_template_literal([
292
+ "\n ",
293
+ ": 0.4;\n "
294
+ ]);
295
+ _templateObject5 = function _templateObject() {
296
+ return data;
297
+ };
298
+ return data;
299
+ }
300
+ function _templateObject6() {
301
+ var data = _tagged_template_literal([
302
+ "\n ",
303
+ ": var(--surface-transparent-primary);\n ",
304
+ ": var(--text-secondary);\n\n ",
305
+ ": var(--text-secondary);\n ",
306
+ ": var(--surface-transparent-primary);\n ",
307
+ ": var(--text-secondary);\n "
308
+ ]);
309
+ _templateObject6 = function _templateObject() {
310
+ return data;
311
+ };
312
+ return data;
313
+ }
314
+ import { timePickerTokens as tokens, css } from '@salutejs/plasma-new-hope/styled-components';
315
+ export var config = {
316
+ defaults: {
317
+ view: 'default',
318
+ size: 'm'
319
+ },
320
+ variations: {
321
+ view: {
322
+ default: css(_templateObject(), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.labelColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.textFieldPlaceholderColorFocus, tokens.timePickerBackground, tokens.itemBackgroundHover, tokens.itemBackgroundActive, tokens.scrollbarColor, tokens.scrollbarTrackColor)
323
+ },
324
+ size: {
325
+ l: css(_templateObject1(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
326
+ m: css(_templateObject2(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
327
+ s: css(_templateObject3(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin),
328
+ xs: css(_templateObject4(), tokens.width, tokens.borderRadius, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.timePickerBorderRadius, tokens.timePickerWidth, tokens.timePickerPadding, tokens.columnHeight, tokens.itemFontFamily, tokens.itemFontSize, tokens.itemFontStyle, tokens.itemFontWeight, tokens.itemLetterSpacing, tokens.itemLineHeight, tokens.itemHeight, tokens.itemBorderRadius, tokens.itemPadding, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.scrollbarWidth, tokens.scrollbarMargin)
329
+ },
330
+ disabled: {
331
+ true: css(_templateObject5(), tokens.disabledOpacity)
332
+ },
333
+ readonly: {
334
+ true: css(_templateObject6(), tokens.backgroundReadOnly, tokens.labelColorReadOnly, tokens.textFieldColorReadOnly, tokens.textFieldBackgroundColorReadOnly, tokens.textFieldPlaceholderColorReadOnly)
335
+ }
336
+ }
337
+ };
package/styled-components/es/components/TimePicker/TimePicker.js ADDED
@@ -0,0 +1,4 @@
1
+ import { timePickerConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/styled-components';
2
+ import { config } from './TimePicker.config';
3
+ var mergedConfig = mergeConfig(timePickerConfig, config);
4
+ export var TimePicker = component(mergedConfig);
package/styled-components/es/components/TimePicker/index.js ADDED
@@ -0,0 +1,2 @@
1
+ export { TimePicker } from './TimePicker';
2
+ export { timePickerClasses, timePickerTokens } from '@salutejs/plasma-new-hope/styled-components';
package/styled-components/es/components/Tree/Tree.config.js CHANGED
@@ -39,8 +39,7 @@ function _templateObject1() {
39
39
  "\n ",
40
40
  ": 3.5rem;\n ",
41
41
  ": 1rem;\n ",
42
- ": 1rem;\n ",
43
- ": 0.75rem 1rem;\n ",
42
+ ": 0.375rem;\n ",
44
43
  ": 2rem;\n ",
45
44
  ": 0.75rem;\n ",
46
45
  ": 0.25rem;\n ",
@@ -70,8 +69,7 @@ function _templateObject2() {
70
69
  "\n ",
71
70
  ": 3rem;\n ",
72
71
  ": 0.875rem;\n ",
73
- ": 0.75rem 0.875rem;\n ",
74
- ": 0.5rem 0.875rem;\n ",
72
+ ": 0.375rem;\n ",
75
73
  ": 2rem;\n ",
76
74
  ": 0.625rem;\n ",
77
75
  ": 0.25rem;\n ",
@@ -101,8 +99,7 @@ function _templateObject3() {
101
99
  "\n ",
102
100
  ": 2.5rem;\n ",
103
101
  ": 0.75rem;\n ",
104
- ": 0.5rem 0.75rem;\n ",
105
- ": 0.4375rem 0.5rem;\n ",
102
+ ": 0.25rem;\n ",
106
103
  ": 1.875rem;\n ",
107
104
  ": 0.5rem;\n ",
108
105
  ": 0.25rem;\n ",
@@ -132,8 +129,7 @@ function _templateObject4() {
132
129
  "\n ",
133
130
  ": 2rem;\n ",
134
131
  ": 0.5rem;\n ",
135
- ": 0.5rem;\n ",
136
- ": 0.25rem 0.5rem;\n ",
132
+ ": 0.125rem;\n ",
137
133
  ": 1.25rem;\n ",
138
134
  ": 0.375rem;\n ",
139
135
  ": 0.25rem;\n ",
@@ -169,10 +165,10 @@ export var config = {
169
165
  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)
170
166
  },
171
167
  size: {
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)
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)
176
172
  }
177
173
  }
178
174
  };
package/styled-components/es/index.js CHANGED
@@ -72,5 +72,6 @@ export * from './components/Carousel';
72
72
  export * from './components/Tour';
73
73
  export * from './components/EmbedIconButton';
74
74
  export * from './components/InformationWrapper';
75
+ export * from './components/TimePicker';
75
76
  export * from './mixins';
76
77
  export * from './tokens';
package/components/Tree/Tree.config_19lfyoo.css DELETED
@@ -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-background-extra-offset:1rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.75rem 1rem;--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-background-extra-offset:0.875rem;--plasma-tree-item-padding:0.75rem 0.875rem;--plasma-tree-item-padding-tight:0.5rem 0.875rem;--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-background-extra-offset:0.75rem;--plasma-tree-item-padding:0.5rem 0.75rem;--plasma-tree-item-padding-tight:0.4375rem 0.5rem;--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-background-extra-offset:0.5rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.25rem 0.5rem;--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);}
package/es/components/Tree/Tree.config_19lfyoo.css DELETED
@@ -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-background-extra-offset:1rem;--plasma-tree-item-padding:1rem;--plasma-tree-item-padding-tight:0.75rem 1rem;--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-background-extra-offset:0.875rem;--plasma-tree-item-padding:0.75rem 0.875rem;--plasma-tree-item-padding-tight:0.5rem 0.875rem;--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-background-extra-offset:0.75rem;--plasma-tree-item-padding:0.5rem 0.75rem;--plasma-tree-item-padding-tight:0.4375rem 0.5rem;--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-background-extra-offset:0.5rem;--plasma-tree-item-padding:0.5rem;--plasma-tree-item-padding-tight:0.25rem 0.5rem;--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);}