@salutejs/sdds-insol 0.328.0-canary.2416.20569157442.0 → 0.328.0-canary.2423.20958341938.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 (32) hide show
  1. package/dist/css/cjs/components/TextArea/TextArea.clear.config.js +42 -0
  2. package/dist/css/cjs/components/TextArea/TextArea.clear.config.js.map +1 -0
  3. package/dist/css/cjs/components/TextArea/TextArea.clear.config_vvqdh8.css +13 -0
  4. package/dist/css/cjs/components/TextArea/TextArea.config.js +11 -11
  5. package/dist/css/cjs/components/TextArea/TextArea.config.js.map +1 -1
  6. package/dist/css/cjs/components/TextArea/TextArea.config_5f42o1.css +14 -0
  7. package/dist/css/cjs/components/TextArea/TextArea.css +27 -13
  8. package/dist/css/cjs/components/TextArea/TextArea.js +13 -6
  9. package/dist/css/cjs/components/TextArea/TextArea.js.map +1 -1
  10. package/dist/css/cjs/index.css +28 -14
  11. package/dist/css/es/components/TextArea/TextArea.clear.config.js +38 -0
  12. package/dist/css/es/components/TextArea/TextArea.clear.config.js.map +1 -0
  13. package/dist/css/es/components/TextArea/TextArea.clear.config_vvqdh8.css +13 -0
  14. package/dist/css/es/components/TextArea/TextArea.config.js +11 -11
  15. package/dist/css/es/components/TextArea/TextArea.config.js.map +1 -1
  16. package/dist/css/es/components/TextArea/TextArea.config_5f42o1.css +14 -0
  17. package/dist/css/es/components/TextArea/TextArea.css +27 -13
  18. package/dist/css/es/components/TextArea/TextArea.js +13 -8
  19. package/dist/css/es/components/TextArea/TextArea.js.map +1 -1
  20. package/dist/css/es/index.css +28 -14
  21. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +592 -0
  22. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +290 -333
  23. package/dist/styled-components/cjs/components/TextArea/TextArea.js +27 -5
  24. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +582 -0
  25. package/dist/styled-components/es/components/TextArea/TextArea.config.js +296 -339
  26. package/dist/styled-components/es/components/TextArea/TextArea.js +14 -5
  27. package/package.json +7 -7
  28. package/types/components/TextArea/TextArea.clear.config.d.ts +34 -0
  29. package/types/components/TextArea/TextArea.config.d.ts +7 -7
  30. package/types/components/TextArea/TextArea.d.ts +1036 -11
  31. package/dist/css/cjs/components/TextArea/TextArea.config_14dw15u.css +0 -14
  32. package/dist/css/es/components/TextArea/TextArea.config_14dw15u.css +0 -14
package/dist/styled-components/cjs/components/TextArea/TextArea.js CHANGED
@@ -2,14 +2,36 @@
2
2
  Object.defineProperty(exports, "__esModule", {
3
3
  value: true
4
4
  });
5
- Object.defineProperty(exports, "TextArea", {
6
- enumerable: true,
7
- get: function() {
5
+ function _export(target, all) {
6
+ for(var name in all)Object.defineProperty(target, name, {
7
+ enumerable: true,
8
+ get: Object.getOwnPropertyDescriptor(all, name).get
9
+ });
10
+ }
11
+ _export(exports, {
12
+ get TextArea () {
8
13
  return TextArea;
14
+ },
15
+ get TextAreaClear () {
16
+ return TextAreaClear;
17
+ },
18
+ get TextAreaDefault () {
19
+ return TextAreaDefault;
9
20
  }
10
21
  });
11
22
  var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
12
23
  var _TextAreaconfig = require("./TextArea.config");
24
+ var _TextAreaclearconfig = require("./TextArea.clear.config");
13
25
  var mergedConfig = (0, _styledcomponents.mergeConfig)(_styledcomponents.textAreaConfig, _TextAreaconfig.config);
14
- var TextAreaComponent = (0, _styledcomponents.component)(mergedConfig);
15
- var TextArea = TextAreaComponent;
26
+ var TextAreaDefault = (0, _styledcomponents.component)(mergedConfig);
27
+ var mergedConfigClear = (0, _styledcomponents.mergeConfig)(_styledcomponents.textAreaConfig, _TextAreaclearconfig.config);
28
+ var TextAreaClear = (0, _styledcomponents.component)(mergedConfigClear);
29
+ var TextArea = (0, _styledcomponents.createConditionalComponent)(TextAreaDefault, [
30
+ {
31
+ conditions: {
32
+ prop: 'appearance',
33
+ value: 'clear'
34
+ },
35
+ component: TextAreaClear
36
+ }
37
+ ]);
package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js ADDED
@@ -0,0 +1,582 @@
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
+ ": transparent;\n ",
15
+ ": transparent;\n ",
16
+ ": transparent;\n ",
17
+ ": transparent;\n\n ",
18
+ ": transparent;\n ",
19
+ ": transparent;\n ",
20
+ ": transparent;\n ",
21
+ ": transparent;\n\n ",
22
+ ": var(--text-primary);\n ",
23
+ ": var(--text-primary);\n ",
24
+ ": var(--text-accent);\n\n ",
25
+ ": var(--text-secondary);\n ",
26
+ ": var(--text-tertiary);\n\n ",
27
+ ": var(--text-secondary);\n ",
28
+ ": var(--text-secondary);\n\n ",
29
+ ": var(--text-secondary);\n ",
30
+ ": var(--text-secondary-hover);\n ",
31
+ ": var(--text-secondary-active);\n\n ",
32
+ ": var(--surface-negative);\n ",
33
+ ": var(--text-tertiary);\n\n ",
34
+ ": var(--text-primary);\n\n ",
35
+ ": var(--surface-transparent-tertiary);\n ",
36
+ ": var(--text-secondary);\n ",
37
+ ": var(--surface-accent);\n\n ",
38
+ ": var(--text-secondary);\n "
39
+ ]);
40
+ _templateObject = function _templateObject() {
41
+ return data;
42
+ };
43
+ return data;
44
+ }
45
+ function _templateObject1() {
46
+ var data = _tagged_template_literal([
47
+ "\n ",
48
+ ": transparent;\n ",
49
+ ": transparent;\n ",
50
+ ": transparent;\n ",
51
+ ": transparent;\n\n ",
52
+ ": transparent;\n ",
53
+ ": transparent;\n ",
54
+ ": transparent;\n ",
55
+ ": transparent;\n\n ",
56
+ ": var(--text-warning);\n ",
57
+ ": var(--text-warning);\n ",
58
+ ": var(--text-accent);\n\n ",
59
+ ": var(--text-warning);\n ",
60
+ ": var(--text-tertiary);\n\n ",
61
+ ": var(--text-warning);\n ",
62
+ ": var(--text-secondary);\n\n ",
63
+ ": var(--text-secondary);\n ",
64
+ ": var(--text-secondary-hover);\n ",
65
+ ": var(--text-secondary-active);\n\n ",
66
+ ": var(--surface-negative);\n ",
67
+ ": var(--text-tertiary);\n\n ",
68
+ ": var(--text-primary);\n\n ",
69
+ ": var(--surface-warning);\n ",
70
+ ": var(--surface-warning);\n ",
71
+ ": var(--surface-accent);\n\n ",
72
+ ": var(--text-secondary);\n "
73
+ ]);
74
+ _templateObject1 = function _templateObject() {
75
+ return data;
76
+ };
77
+ return data;
78
+ }
79
+ function _templateObject2() {
80
+ var data = _tagged_template_literal([
81
+ "\n ",
82
+ ": transparent;\n ",
83
+ ": transparent;\n ",
84
+ ": transparent;\n ",
85
+ ": transparent;\n\n ",
86
+ ": transparent;\n ",
87
+ ": transparent;\n ",
88
+ ": transparent;\n ",
89
+ ": transparent;\n\n ",
90
+ ": var(--text-negative);\n ",
91
+ ": var(--text-negative);\n ",
92
+ ": var(--text-accent);\n\n ",
93
+ ": var(--text-negative);\n ",
94
+ ": var(--text-tertiary);\n\n ",
95
+ ": var(--text-negative);\n ",
96
+ ": var(--text-secondary);\n\n ",
97
+ ": var(--text-secondary);\n ",
98
+ ": var(--text-secondary-hover);\n ",
99
+ ": var(--text-secondary-active);\n\n ",
100
+ ": var(--surface-negative);\n ",
101
+ ": var(--text-tertiary);\n\n ",
102
+ ": var(--text-primary);\n\n ",
103
+ ": var(--surface-negative);\n ",
104
+ ": var(--surface-negative);\n ",
105
+ ": var(--surface-accent);\n\n ",
106
+ ": var(--text-secondary);\n "
107
+ ]);
108
+ _templateObject2 = function _templateObject() {
109
+ return data;
110
+ };
111
+ return data;
112
+ }
113
+ function _templateObject3() {
114
+ var data = _tagged_template_literal([
115
+ "\n ",
116
+ ": 100%;\n ",
117
+ ": 6.812rem;\n ",
118
+ ": 1.625rem;\n ",
119
+ ": 1rem;\n ",
120
+ ": 1rem 1rem 0 0;\n\n ",
121
+ ": 1.375rem;\n ",
122
+ ": 0;\n ",
123
+ ": 2.25rem;\n ",
124
+ ": 1.375rem;\n ",
125
+ ": 1.375rem;\n ",
126
+ ": 0;\n\n ",
127
+ ": 0.25rem;\n ",
128
+ ": 0;\n ",
129
+ ": 0;\n ",
130
+ ": 0;\n ",
131
+ ": 0rem;\n\n ",
132
+ ": 1.25rem;\n ",
133
+ ": 0;\n ",
134
+ ": 1.5rem;\n\n ",
135
+ ": 0.25rem;\n\n ",
136
+ ": var(--plasma-typo-body-xs-font-family);\n ",
137
+ ": var(--plasma-typo-body-xs-font-size);\n ",
138
+ ": var(--plasma-typo-body-xs-font-style);\n ",
139
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
140
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
141
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
142
+ ": 0.813rem;\n ",
143
+ ": -0.313rem;\n ",
144
+ ": 0.25rem;\n\n ",
145
+ ": var(--plasma-typo-body-m-font-family);\n ",
146
+ ": var(--plasma-typo-body-m-font-size);\n ",
147
+ ": var(--plasma-typo-body-m-font-style);\n ",
148
+ ": var(--plasma-typo-body-m-font-weight);\n ",
149
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
150
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
151
+ ": var(--plasma-typo-body-xs-font-family);\n ",
152
+ ": var(--plasma-typo-body-xs-font-size);\n ",
153
+ ": var(--plasma-typo-body-xs-font-style);\n ",
154
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
155
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
156
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
157
+ ": 0.5rem;\n ",
158
+ ": 0.375rem;\n ",
159
+ ": 1.75rem auto auto -0.875rem;\n ",
160
+ ": 0.5rem auto auto -0.75rem;\n ",
161
+ ": 1.75rem -0.875rem auto auto;\n ",
162
+ ": 0.25rem -0.625rem auto auto;\n ",
163
+ ": 1.75rem -2.488rem auto auto;\n\n ",
164
+ ": 0.188rem;\n ",
165
+ ": 0.063rem;\n\n ",
166
+ ": -0.688rem -0.5rem;\n ",
167
+ ": 2.375rem;\n ",
168
+ ": 0.82rem -2.188rem auto auto;\n\n ",
169
+ ": 0.25rem;\n ",
170
+ ": var(--plasma-typo-body-xs-font-family);\n ",
171
+ ": var(--plasma-typo-body-xs-font-size);\n ",
172
+ ": var(--plasma-typo-body-xs-font-style);\n ",
173
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
174
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
175
+ ": var(--plasma-typo-body-xs-line-height);\n "
176
+ ]);
177
+ _templateObject3 = function _templateObject() {
178
+ return data;
179
+ };
180
+ return data;
181
+ }
182
+ function _templateObject4() {
183
+ var data = _tagged_template_literal([
184
+ "\n ",
185
+ ": 100%;\n ",
186
+ ": 6.812rem;\n ",
187
+ ": 1.625rem;\n ",
188
+ ": 1rem;\n ",
189
+ ": 1rem 1rem 0 0;\n\n ",
190
+ ": 1.125rem;\n ",
191
+ ": 0;\n ",
192
+ ": 2.25rem;\n ",
193
+ ": 1.125rem;\n ",
194
+ ": 1.125rem;\n ",
195
+ ": 0;\n\n ",
196
+ ": 0.25rem;\n ",
197
+ ": 0;\n ",
198
+ ": 0;\n ",
199
+ ": 0;\n ",
200
+ ": 0rem;\n\n ",
201
+ ": 1rem;\n ",
202
+ ": 0;\n ",
203
+ ": 1.5rem;\n\n ",
204
+ ": 0.25rem;\n\n ",
205
+ ": var(--plasma-typo-body-xs-font-family);\n ",
206
+ ": var(--plasma-typo-body-xs-font-size);\n ",
207
+ ": var(--plasma-typo-body-xs-font-style);\n ",
208
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
209
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
210
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
211
+ ": 0.5625rem;\n ",
212
+ ": -0.313rem;\n ",
213
+ ": 0.125rem;\n\n ",
214
+ ": var(--plasma-typo-body-m-font-family);\n ",
215
+ ": var(--plasma-typo-body-m-font-size);\n ",
216
+ ": var(--plasma-typo-body-m-font-style);\n ",
217
+ ": var(--plasma-typo-body-m-font-weight);\n ",
218
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
219
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
220
+ ": var(--plasma-typo-body-xs-font-family);\n ",
221
+ ": var(--plasma-typo-body-xs-font-size);\n ",
222
+ ": var(--plasma-typo-body-xs-font-style);\n ",
223
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
224
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
225
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
226
+ ": 0.5rem;\n ",
227
+ ": 0.375rem;\n ",
228
+ ": 1.5rem auto auto -0.875rem;\n ",
229
+ ": 0.5rem auto auto -0.75rem;\n ",
230
+ ": 1.5rem -0.875rem auto auto;\n ",
231
+ ": 0.25rem -0.625rem auto auto;\n ",
232
+ ": 1.5rem -2.488rem auto auto;\n\n ",
233
+ ": 0.188rem;\n ",
234
+ ": 0.063rem;\n\n ",
235
+ ": -0.688rem -0.5rem;\n ",
236
+ ": 2.375rem;\n ",
237
+ ": 0.563rem -2.188rem auto auto;\n\n ",
238
+ ": 0.25rem;\n ",
239
+ ": var(--plasma-typo-body-xs-font-family);\n ",
240
+ ": var(--plasma-typo-body-xs-font-size);\n ",
241
+ ": var(--plasma-typo-body-xs-font-style);\n ",
242
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
243
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
244
+ ": var(--plasma-typo-body-xs-line-height);\n "
245
+ ]);
246
+ _templateObject4 = function _templateObject() {
247
+ return data;
248
+ };
249
+ return data;
250
+ }
251
+ function _templateObject5() {
252
+ var data = _tagged_template_literal([
253
+ "\n ",
254
+ ": 100%;\n ",
255
+ ": 7rem;\n ",
256
+ ": 1.125rem;\n ",
257
+ ": 0.75rem;\n ",
258
+ ": 0.75rem 0.75rem 0 0;\n\n ",
259
+ ": 0.875rem;\n ",
260
+ ": 0;\n ",
261
+ ": 2.125rem;\n ",
262
+ ": 0.875rem;\n ",
263
+ ": 0.875rem;\n ",
264
+ ": 0;\n\n ",
265
+ ": 0.25rem;\n ",
266
+ ": 0;\n ",
267
+ ": 0;\n ",
268
+ ": 0;\n ",
269
+ ": 0rem;\n\n ",
270
+ ": 0.75rem;\n ",
271
+ ": 0;\n ",
272
+ ": 1.5rem;\n\n ",
273
+ ": 0.25rem;\n\n ",
274
+ ": var(--plasma-typo-body-xs-font-family);\n ",
275
+ ": var(--plasma-typo-body-xs-font-size);\n ",
276
+ ": var(--plasma-typo-body-xs-font-style);\n ",
277
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
278
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
279
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
280
+ ": 0.375rem;\n ",
281
+ ": -0.313rem;\n ",
282
+ ": 0.125rem;\n\n ",
283
+ ": var(--plasma-typo-body-s-font-family);\n ",
284
+ ": var(--plasma-typo-body-s-font-size);\n ",
285
+ ": var(--plasma-typo-body-s-font-style);\n ",
286
+ ": var(--plasma-typo-body-s-font-weight);\n ",
287
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
288
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
289
+ ": var(--plasma-typo-body-xs-font-family);\n ",
290
+ ": var(--plasma-typo-body-xs-font-size);\n ",
291
+ ": var(--plasma-typo-body-xs-font-style);\n ",
292
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
293
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
294
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
295
+ ": 0.5rem;\n ",
296
+ ": 0.375rem;\n ",
297
+ ": 1.25rem auto auto -0.875rem;\n ",
298
+ ": 0.375rem auto auto -0.75rem;\n ",
299
+ ": 1.25rem -0.875rem auto auto;\n ",
300
+ ": 0.25rem -0.6875rem auto auto;\n ",
301
+ ": 1.25rem -2.488rem auto auto;\n\n ",
302
+ ": 0.188rem;\n ",
303
+ ": 0.063rem;\n\n ",
304
+ ": -0.688rem -0.5rem;\n ",
305
+ ": 2.375rem;\n ",
306
+ ": 0.312rem -2.188rem auto auto;\n\n ",
307
+ ": 0.25rem;\n ",
308
+ ": var(--plasma-typo-body-xs-font-family);\n ",
309
+ ": var(--plasma-typo-body-xs-font-size);\n ",
310
+ ": var(--plasma-typo-body-xs-font-style);\n ",
311
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
312
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
313
+ ": var(--plasma-typo-body-xs-line-height);\n "
314
+ ]);
315
+ _templateObject5 = function _templateObject() {
316
+ return data;
317
+ };
318
+ return data;
319
+ }
320
+ function _templateObject6() {
321
+ var data = _tagged_template_literal([
322
+ "\n ",
323
+ ": 100%;\n ",
324
+ ": 7.187rem;\n ",
325
+ ": 0.625rem;\n ",
326
+ ": 0.625rem;\n ",
327
+ ": 0.625rem 0.625rem 0 0;\n\n ",
328
+ ": 0.688rem;\n ",
329
+ ": 0;\n ",
330
+ ": 2rem;\n ",
331
+ ": 0.688rem;\n ",
332
+ ": 0.688rem;\n ",
333
+ ": 0;\n\n ",
334
+ ": 0.25rem;\n ",
335
+ ": 0;\n ",
336
+ ": 0;\n ",
337
+ ": 0;\n ",
338
+ ": 0rem;\n\n ",
339
+ ": 0.5rem;\n ",
340
+ ": 0;\n ",
341
+ ": 1.5rem;\n\n ",
342
+ ": 0.25rem;\n\n ",
343
+ ": var(--plasma-typo-body-xs-font-family);\n ",
344
+ ": var(--plasma-typo-body-xs-font-size);\n ",
345
+ ": var(--plasma-typo-body-xs-font-style);\n ",
346
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
347
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
348
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
349
+ ": 0.375rem;\n ",
350
+ ": -0.313rem;\n ",
351
+ ": 0.125rem;\n\n ",
352
+ ": var(--plasma-typo-body-xs-font-family);\n ",
353
+ ": var(--plasma-typo-body-xs-font-size);\n ",
354
+ ": var(--plasma-typo-body-xs-font-style);\n ",
355
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
356
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
357
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
358
+ ": var(--plasma-typo-body-xs-font-family);\n ",
359
+ ": var(--plasma-typo-body-xs-font-size);\n ",
360
+ ": var(--plasma-typo-body-xs-font-style);\n ",
361
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
362
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
363
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
364
+ ": 0.375rem;\n ",
365
+ ": 0.375rem;\n ",
366
+ ": 1.063rem auto auto -0.75rem;\n ",
367
+ ": 0.3125rem auto auto -0.6875rem;\n ",
368
+ ": 1.063rem -0.75rem auto auto;\n ",
369
+ ": 0.25rem -0.625rem auto auto;\n ",
370
+ ": 1.063rem -2.238rem auto auto;\n\n ",
371
+ ": 0.188rem;\n ",
372
+ ": 0.063rem;\n\n ",
373
+ ": -0.688rem -0.5rem;\n ",
374
+ ": 2.375rem;\n ",
375
+ ": 0.062rem -2.188rem auto auto;\n\n ",
376
+ ": 0.25rem;\n ",
377
+ ": var(--plasma-typo-body-xs-font-family);\n ",
378
+ ": var(--plasma-typo-body-xs-font-size);\n ",
379
+ ": var(--plasma-typo-body-xs-font-style);\n ",
380
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
381
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
382
+ ": var(--plasma-typo-body-xs-line-height);\n "
383
+ ]);
384
+ _templateObject6 = function _templateObject() {
385
+ return data;
386
+ };
387
+ return data;
388
+ }
389
+ function _templateObject7() {
390
+ var data = _tagged_template_literal([
391
+ "\n ",
392
+ ": 100%;\n ",
393
+ ": 7.312rem;\n ",
394
+ ": 0.625rem;\n ",
395
+ ": 0.5rem;\n ",
396
+ ": 0.5rem 0.5rem 0 0;\n\n ",
397
+ ": 0.563rem;\n ",
398
+ ": 0;\n ",
399
+ ": 1.5rem;\n ",
400
+ ": 0.563rem;\n ",
401
+ ": 0.563rem;\n ",
402
+ ": 0;\n\n ",
403
+ ": 0.25rem;\n ",
404
+ ": 0;\n ",
405
+ ": 0;\n ",
406
+ ": 0;\n ",
407
+ ": 0rem;\n\n ",
408
+ ": 0.5rem;\n ",
409
+ ": 0;\n ",
410
+ ": 1rem;\n\n ",
411
+ ": 0.25rem;\n\n ",
412
+ ": var(--plasma-typo-body-xxs-font-family);\n ",
413
+ ": var(--plasma-typo-body-xxs-font-size);\n ",
414
+ ": var(--plasma-typo-body-xxs-font-style);\n ",
415
+ ": var(--plasma-typo-body-xxs-font-weight);\n ",
416
+ ": var(--plasma-typo-body-xxs-letter-spacing);\n ",
417
+ ": var(--plasma-typo-body-xxs-line-height);\n\n ",
418
+ ": 0rem;\n ",
419
+ ": -0.313rem;\n ",
420
+ ": 0rem;\n\n ",
421
+ ": var(--plasma-typo-body-xs-font-family);\n ",
422
+ ": var(--plasma-typo-body-xs-font-size);\n ",
423
+ ": var(--plasma-typo-body-xs-font-style);\n ",
424
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
425
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
426
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
427
+ ": var(--plasma-typo-body-xs-font-family);\n ",
428
+ ": var(--plasma-typo-body-xs-font-size);\n ",
429
+ ": var(--plasma-typo-body-xs-font-style);\n ",
430
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
431
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
432
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
433
+ ": 0.375rem;\n ",
434
+ ": 0.375rem;\n ",
435
+ ": 0.813rem auto auto -0.625rem;\n ",
436
+ ": 0.25rem auto auto -0.625rem;\n ",
437
+ ": 0.813rem -0.625rem auto auto;\n ",
438
+ ": 0.125rem -0.6875rem auto auto;\n ",
439
+ ": 0.813rem -1.988rem auto auto;\n\n ",
440
+ ": 0.188rem;\n ",
441
+ ": 0.063rem;\n\n ",
442
+ ": -0.75rem -0.625rem -0.75rem -0.5rem;\n ",
443
+ ": 2.375rem;\n ",
444
+ ": -0.188rem -1.938rem auto auto;\n\n ",
445
+ ": 0.25rem;\n ",
446
+ ": var(--plasma-typo-body-xs-font-family);\n ",
447
+ ": var(--plasma-typo-body-xs-font-size);\n ",
448
+ ": var(--plasma-typo-body-xs-font-style);\n ",
449
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
450
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
451
+ ": var(--plasma-typo-body-xs-line-height);\n "
452
+ ]);
453
+ _templateObject7 = function _templateObject() {
454
+ return data;
455
+ };
456
+ return data;
457
+ }
458
+ function _templateObject8() {
459
+ var data = _tagged_template_literal([
460
+ "\n ",
461
+ ": var(--surface-solid-card-brightness);\n ",
462
+ ": var(\n --shadow-down-hard-m,\n 0px 4px 12px 0px rgba(0, 0, 0, 0.16),\n 0px 1px 4px 0px rgba(0, 0, 0, 0.08)\n );\n ",
463
+ ": var(--text-primary);\n ",
464
+ ": var(--surface-solid-card-brightness);\n "
465
+ ]);
466
+ _templateObject8 = function _templateObject() {
467
+ return data;
468
+ };
469
+ return data;
470
+ }
471
+ function _templateObject9() {
472
+ var data = _tagged_template_literal([
473
+ "\n ",
474
+ ": 0.6875rem;\n ",
475
+ ": 0.875rem;\n ",
476
+ ": 0.6875rem;\n ",
477
+ ": 0.875rem;\n\n ",
478
+ ": 2.5rem;\n ",
479
+ ": 0.625rem;\n\n ",
480
+ ": var(--plasma-typo-body-s-font-family);\n ",
481
+ ": var(--plasma-typo-body-s-font-size);\n ",
482
+ ": var(--plasma-typo-body-s-font-style);\n ",
483
+ ": var(--plasma-typo-body-s-font-weight);\n ",
484
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
485
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
486
+ ": 0.375rem;\n\n ",
487
+ ": 1.25rem;\n ",
488
+ ": 1.25rem;\n ",
489
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
490
+ ": 0.5rem;\n ",
491
+ ": 0.625rem;\n "
492
+ ]);
493
+ _templateObject9 = function _templateObject() {
494
+ return data;
495
+ };
496
+ return data;
497
+ }
498
+ function _templateObject10() {
499
+ var data = _tagged_template_literal([
500
+ "\n ",
501
+ ": 0.5rem;\n ",
502
+ ": 0.75rem;\n ",
503
+ ": 0.5rem;\n ",
504
+ ": 0.75rem;\n\n ",
505
+ ": 2rem;\n ",
506
+ ": 0.5rem;\n\n ",
507
+ ": var(--plasma-typo-body-xs-font-family);\n ",
508
+ ": var(--plasma-typo-body-xs-font-size);\n ",
509
+ ": var(--plasma-typo-body-xs-font-style);\n ",
510
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
511
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
512
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
513
+ ": 0.25rem;\n\n ",
514
+ ": 1rem;\n ",
515
+ ": 1rem;\n ",
516
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
517
+ ": 0.375rem;\n ",
518
+ ": 0.5625rem;\n "
519
+ ]);
520
+ _templateObject10 = function _templateObject() {
521
+ return data;
522
+ };
523
+ return data;
524
+ }
525
+ function _templateObject11() {
526
+ var data = _tagged_template_literal([
527
+ "\n ",
528
+ ": 0.4;\n "
529
+ ]);
530
+ _templateObject11 = function _templateObject() {
531
+ return data;
532
+ };
533
+ return data;
534
+ }
535
+ function _templateObject12() {
536
+ var data = _tagged_template_literal([
537
+ "\n ",
538
+ ": var(--text-primary);\n ",
539
+ ": var(--text-secondary);\n ",
540
+ ": var(--surface-transparent-primary);\n ",
541
+ ": 0.4;\n "
542
+ ]);
543
+ _templateObject12 = function _templateObject() {
544
+ return data;
545
+ };
546
+ return data;
547
+ }
548
+ import { css, textAreaTokens as tokens } from '@salutejs/plasma-new-hope/styled-components';
549
+ export var config = {
550
+ defaults: {
551
+ view: 'default',
552
+ size: 'm',
553
+ labelPlacement: 'outer'
554
+ },
555
+ variations: {
556
+ view: {
557
+ default: css(_templateObject(), tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor),
558
+ warning: css(_templateObject1(), tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor),
559
+ negative: css(_templateObject2(), tokens.inputBackgroundColor, tokens.inputBackgroundColorHover, tokens.inputBackgroundColorActive, tokens.inputBackgroundColorFocus, tokens.helpersBackgroundColor, tokens.helpersBackgroundColorHover, tokens.helpersBackgroundColorActive, tokens.helpersBackgroundColorFocus, tokens.inputColor, tokens.inputColorFocus, tokens.inputCaretColor, tokens.placeholderColor, tokens.placeholderColorFocus, tokens.leftHelperColor, tokens.rightHelperColor, tokens.rightContentColor, tokens.rightContentColorHover, tokens.rightContentColorActive, tokens.indicatorColor, tokens.optionalColor, tokens.labelOuterColor, tokens.dividerColor, tokens.dividerColorHover, tokens.dividerColorFocus, tokens.hintIconColor)
560
+ },
561
+ size: {
562
+ xl: css(_templateObject3(), tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
563
+ l: css(_templateObject4(), tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
564
+ m: css(_templateObject5(), tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
565
+ s: css(_templateObject6(), tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight),
566
+ xs: css(_templateObject7(), tokens.inputWidth, tokens.inputHeight, tokens.inputMinHeight, tokens.borderRadius, tokens.borderRadiusWithHelpers, tokens.inputPaddingTop, tokens.inputPaddingRight, tokens.inputPaddingRightWithRightContent, tokens.inputPaddingBottom, tokens.inputPaddingBottomWithHelpers, tokens.inputPaddingLeft, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.helpersOffset, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight, tokens.labelMarginBottom, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.labelInnerTop, tokens.labelInnerTopHelper, tokens.labelInnerMarginBottom, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.indicatorSizeInner, tokens.indicatorSizeOuter, tokens.indicatorLabelPlacementInner, tokens.indicatorLabelPlacementOuter, tokens.indicatorLabelPlacementInnerRight, tokens.indicatorLabelPlacementOuterRight, tokens.clearIndicatorHintInnerRight, tokens.scrollbarWidth, tokens.scrollbarBorderWidth, tokens.hintMargin, tokens.hintTargetSize, tokens.hintInnerLabelPlacementOffset, tokens.titleCaptionInnerLabelOffset, tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight)
567
+ },
568
+ hintView: {
569
+ default: css(_templateObject8(), tokens.tooltipBackgroundColor, tokens.tooltipBoxShadow, tokens.tooltipColor, tokens.tooltipArrowBackground)
570
+ },
571
+ hintSize: {
572
+ m: css(_templateObject9(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin),
573
+ s: css(_templateObject10(), tokens.tooltipPaddingTop, tokens.tooltipPaddingRight, tokens.tooltipPaddingBottom, tokens.tooltipPaddingLeft, tokens.tooltipMinHeight, tokens.tooltipBorderRadius, tokens.tooltipTextFontFamily, tokens.tooltipTextFontSize, tokens.tooltipTextFontStyle, tokens.tooltipTextFontWeight, tokens.tooltipTextFontLetterSpacing, tokens.tooltipTextFontLineHeight, tokens.tooltipContentLeftMargin, tokens.tooltipArrowMaskWidth, tokens.tooltipArrowMaskHeight, tokens.tooltipArrowMaskImage, tokens.tooltipArrowHeight, tokens.tooltipArrowEdgeMargin)
574
+ },
575
+ disabled: {
576
+ true: css(_templateObject11(), tokens.disabledOpacity)
577
+ },
578
+ readOnly: {
579
+ true: css(_templateObject12(), tokens.inputColorReadOnly, tokens.titleCaptionColorReadOnly, tokens.dividerColorReadOnly, tokens.contentSlotRightOpacityReadOnly)
580
+ }
581
+ }
582
+ };