@salutejs/sdds-cs 0.337.0-canary.2426.21165090093.0 → 0.338.0-canary.2428.21177208524.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 (16) hide show
  1. package/dist/emotion/cjs/components/TextArea/TextArea.clear.config.js +350 -0
  2. package/dist/emotion/cjs/components/TextArea/TextArea.config.js +96 -131
  3. package/dist/emotion/cjs/components/TextArea/TextArea.js +27 -5
  4. package/dist/emotion/es/components/TextArea/TextArea.clear.config.js +340 -0
  5. package/dist/emotion/es/components/TextArea/TextArea.config.js +96 -131
  6. package/dist/emotion/es/components/TextArea/TextArea.js +14 -5
  7. package/dist/styled-components/cjs/components/TextArea/TextArea.clear.config.js +350 -0
  8. package/dist/styled-components/cjs/components/TextArea/TextArea.config.js +96 -131
  9. package/dist/styled-components/cjs/components/TextArea/TextArea.js +27 -5
  10. package/dist/styled-components/es/components/TextArea/TextArea.clear.config.js +340 -0
  11. package/dist/styled-components/es/components/TextArea/TextArea.config.js +96 -131
  12. package/dist/styled-components/es/components/TextArea/TextArea.js +14 -5
  13. package/package.json +7 -7
  14. package/types/components/TextArea/TextArea.clear.config.d.ts +34 -0
  15. package/types/components/TextArea/TextArea.config.d.ts +3 -6
  16. package/types/components/TextArea/TextArea.d.ts +996 -10
package/dist/emotion/cjs/components/TextArea/TextArea.clear.config.js ADDED
@@ -0,0 +1,350 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", {
3
+ value: true
4
+ });
5
+ Object.defineProperty(exports, "config", {
6
+ enumerable: true,
7
+ get: function() {
8
+ return config;
9
+ }
10
+ });
11
+ var _emotion = require("@salutejs/plasma-new-hope/emotion");
12
+ function _tagged_template_literal(strings, raw) {
13
+ if (!raw) {
14
+ raw = strings.slice(0);
15
+ }
16
+ return Object.freeze(Object.defineProperties(strings, {
17
+ raw: {
18
+ value: Object.freeze(raw)
19
+ }
20
+ }));
21
+ }
22
+ function _templateObject() {
23
+ var data = _tagged_template_literal([
24
+ "\n ",
25
+ ": transparent;\n ",
26
+ ": transparent;\n ",
27
+ ": transparent;\n ",
28
+ ": transparent;\n ",
29
+ ": transparent;\n ",
30
+ ": transparent;\n ",
31
+ ": transparent;\n\n ",
32
+ ": var(--text-primary);\n ",
33
+ ": var(--text-primary);\n ",
34
+ ": var(--text-accent);\n\n ",
35
+ ": var(--text-secondary);\n ",
36
+ ": var(--text-secondary);\n\n ",
37
+ ": var(--text-secondary);\n ",
38
+ ": var(--text-secondary);\n\n ",
39
+ ": var(--text-accent);\n ",
40
+ ": var(--text-accent-hover);\n ",
41
+ ": var(--text-accent-active);\n\n ",
42
+ ": var(--text-negative);\n ",
43
+ ": var(--text-secondary);\n\n ",
44
+ ": var(--surface-solid-default);\n ",
45
+ ": var(--surface-solid-default-hover);\n ",
46
+ ": var(--surface-solid-default-active);\n ",
47
+ ": var(--surface-solid-primary);\n ",
48
+ ": var(--surface-solid-primary-active);\n ",
49
+ ": var(--surface-solid-primary-hover);\n\n ",
50
+ ": var(--outline-solid-primary);\n ",
51
+ ": var(--text-secondary);\n ",
52
+ ": var(--surface-accent);\n ",
53
+ ": var(--text-secondary);\n ",
54
+ ": var(--text-secondary);\n "
55
+ ]);
56
+ _templateObject = function _templateObject() {
57
+ return data;
58
+ };
59
+ return data;
60
+ }
61
+ function _templateObject1() {
62
+ var data = _tagged_template_literal([
63
+ "\n ",
64
+ ": transparent;\n ",
65
+ ": transparent;\n ",
66
+ ": transparent;\n ",
67
+ ": transparent;\n ",
68
+ ": transparent;\n ",
69
+ ": transparent;\n ",
70
+ ": transparent;\n ",
71
+ ": var(--text-primary);\n ",
72
+ ": var(--text-primary);\n ",
73
+ ": var(--text-accent);\n ",
74
+ ": var(--text-secondary);\n ",
75
+ ": var(--text-secondary);\n\n ",
76
+ ": var(--text-secondary);\n ",
77
+ ": var(--text-secondary);\n ",
78
+ ": var(--text-negative);\n ",
79
+ ": var(--text-secondary);\n ",
80
+ ": var(--text-accent);\n ",
81
+ ": var(--text-accent-hover);\n ",
82
+ ": var(--text-accent-active);\n\n ",
83
+ ": var(--surface-solid-default);\n ",
84
+ ": var(--surface-solid-default-hover);\n ",
85
+ ": var(--surface-solid-default-active);\n ",
86
+ ": var(--surface-solid-primary);\n ",
87
+ ": var(--surface-solid-primary-active);\n ",
88
+ ": var(--surface-solid-primary-hover);\n\n ",
89
+ ": var(--outline-solid-primary);\n ",
90
+ ": var(--text-secondary);\n ",
91
+ ": var(--surface-accent);\n ",
92
+ ": var(--text-secondary);\n ",
93
+ ": var(--text-secondary);\n "
94
+ ]);
95
+ _templateObject1 = function _templateObject() {
96
+ return data;
97
+ };
98
+ return data;
99
+ }
100
+ function _templateObject2() {
101
+ var data = _tagged_template_literal([
102
+ "\n ",
103
+ ": transparent;\n ",
104
+ ": transparent;\n ",
105
+ ": transparent;\n ",
106
+ ": transparent;\n ",
107
+ ": transparent;\n ",
108
+ ": transparent;\n ",
109
+ ": transparent;\n\n ",
110
+ ": var(--text-primary);\n ",
111
+ ": var(--text-primary);\n ",
112
+ ": var(--text-negative);\n\n ",
113
+ ": var(--text-secondary);\n ",
114
+ ": var(--text-secondary);\n\n ",
115
+ ": var(--text-negative);\n ",
116
+ ": var(--text-secondary);\n\n ",
117
+ ": var(--text-accent);\n ",
118
+ ": var(--text-accent-hover);\n ",
119
+ ": var(--text-accent-active);\n\n ",
120
+ ": var(--text-negative);\n ",
121
+ ": var(--text-secondary);\n\n ",
122
+ ": var(--surface-solid-default);\n ",
123
+ ": var(--surface-solid-default-hover);\n ",
124
+ ": var(--surface-solid-default-active);\n ",
125
+ ": var(--surface-solid-primary);\n ",
126
+ ": var(--surface-solid-primary-active);\n ",
127
+ ": var(--surface-solid-primary-hover);\n\n ",
128
+ ": var(--outline-negative);\n ",
129
+ ": var(--outline-negative-hover);\n ",
130
+ ": var(--outline-negative-focus);\n ",
131
+ ": var(--text-secondary);\n ",
132
+ ": var(--text-secondary);\n "
133
+ ]);
134
+ _templateObject2 = function _templateObject() {
135
+ return data;
136
+ };
137
+ return data;
138
+ }
139
+ function _templateObject3() {
140
+ var data = _tagged_template_literal([
141
+ "\n ",
142
+ ": 100%;\n ",
143
+ ": 7.187rem;\n ",
144
+ ": 0.625rem;\n ",
145
+ ": 0.75rem;\n ",
146
+ ": 0.125rem;\n ",
147
+ ": 0.625rem 0.625rem 0 0;\n\n ",
148
+ ": 0.688rem;\n ",
149
+ ": 0.875rem;\n ",
150
+ ": 2rem;\n ",
151
+ ": 0.688rem;\n ",
152
+ ": 0.688rem;\n ",
153
+ ": 0;\n\n ",
154
+ ": 0.25rem;\n ",
155
+ ": 0;\n ",
156
+ ": 0;\n ",
157
+ ": 0;\n ",
158
+ ": 0;\n\n ",
159
+ ": 0.5rem;\n ",
160
+ ": 0;\n ",
161
+ ": 1.5rem;\n\n ",
162
+ ": 0.25rem;\n\n ",
163
+ ": var(--plasma-typo-body-s-font-size);\n ",
164
+ ": var(--plasma-typo-body-s-font-family);\n ",
165
+ ": var(--plasma-typo-body-s-font-size);\n ",
166
+ ": var(--plasma-typo-body-s-font-style);\n ",
167
+ ": var(--plasma-typo-body-s-font-weight);\n ",
168
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
169
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
170
+ ": 0.375rem;\n ",
171
+ ": 0.125rem;\n\n ",
172
+ ": var(--plasma-typo-body-m-font-family);\n ",
173
+ ": var(--plasma-typo-body-m-font-size);\n ",
174
+ ": var(--plasma-typo-body-m-font-style);\n ",
175
+ ": var(--plasma-typo-body-m-font-weight);\n ",
176
+ ": var(--plasma-typo-body-m-letter-spacing);\n ",
177
+ ": var(--plasma-typo-body-m-line-height);\n\n ",
178
+ ": var(--plasma-typo-body-s-font-family);\n ",
179
+ ": var(--plasma-typo-body-s-font-size);\n ",
180
+ ": var(--plasma-typo-body-s-font-style);\n ",
181
+ ": var(--plasma-typo-body-s-font-weight);\n ",
182
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
183
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
184
+ ": 0.375rem;\n ",
185
+ ": 0.375rem;\n ",
186
+ ": 1.063rem auto auto -0.75rem;\n ",
187
+ ": 0.313rem auto auto -0.688rem;\n ",
188
+ ": 1.063rem -0.75rem auto auto;\n ",
189
+ ": 0.25rem -0.625rem auto auto;\n ",
190
+ ": 1.063rem -2.125rem auto auto;\n\n ",
191
+ ": 0.375rem;\n ",
192
+ ": 0.125rem;\n\n ",
193
+ ": -0.688rem -0.5rem;\n ",
194
+ ": 2.375rem;\n ",
195
+ ": -0.751rem -2rem auto auto;\n\n ",
196
+ ": 0.25rem;\n ",
197
+ ": var(--plasma-typo-body-xs-font-family);\n ",
198
+ ": var(--plasma-typo-body-xs-font-size);\n ",
199
+ ": var(--plasma-typo-body-xs-font-style);\n ",
200
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
201
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
202
+ ": var(--plasma-typo-body-xs-line-height);\n "
203
+ ]);
204
+ _templateObject3 = function _templateObject() {
205
+ return data;
206
+ };
207
+ return data;
208
+ }
209
+ function _templateObject4() {
210
+ var data = _tagged_template_literal([
211
+ "\n ",
212
+ ": var(--surface-solid-card-brightness);\n ",
213
+ ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n ",
214
+ ": var(--text-primary);\n ",
215
+ ": var(--surface-solid-card-brightness);\n "
216
+ ]);
217
+ _templateObject4 = function _templateObject() {
218
+ return data;
219
+ };
220
+ return data;
221
+ }
222
+ function _templateObject5() {
223
+ var data = _tagged_template_literal([
224
+ "\n /* stylelint-disable-next-line number-max-precision */\n ",
225
+ ": 0.6875rem;\n ",
226
+ ": 0.875rem;\n /* stylelint-disable-next-line number-max-precision */\n ",
227
+ ": 0.6875rem;\n ",
228
+ ": 0.875rem;\n\n ",
229
+ ": 2.5rem;\n ",
230
+ ": 0.625rem;\n\n ",
231
+ ": var(--plasma-typo-body-s-font-family);\n ",
232
+ ": var(--plasma-typo-body-s-font-size);\n ",
233
+ ": var(--plasma-typo-body-s-font-style);\n ",
234
+ ": var(--plasma-typo-body-s-font-weight);\n ",
235
+ ": var(--plasma-typo-body-s-letter-spacing);\n ",
236
+ ": var(--plasma-typo-body-s-line-height);\n\n ",
237
+ ": 0.375rem;\n\n ",
238
+ ": 1.25rem;\n ",
239
+ ": 1.25rem;\n /* stylelint-disable-next-line */\n ",
240
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n ',
241
+ ": 0.5rem;\n ",
242
+ ": 0.625rem;\n "
243
+ ]);
244
+ _templateObject5 = function _templateObject() {
245
+ return data;
246
+ };
247
+ return data;
248
+ }
249
+ function _templateObject6() {
250
+ var data = _tagged_template_literal([
251
+ "\n ",
252
+ ": 0.5rem;\n ",
253
+ ": 0.75rem;\n ",
254
+ ": 0.5rem;\n ",
255
+ ": 0.75rem;\n\n ",
256
+ ": 2rem;\n ",
257
+ ": 0.5rem;\n\n ",
258
+ ": var(--plasma-typo-body-xs-font-family);\n ",
259
+ ": var(--plasma-typo-body-xs-font-size);\n ",
260
+ ": var(--plasma-typo-body-xs-font-style);\n ",
261
+ ": var(--plasma-typo-body-xs-font-weight);\n ",
262
+ ": var(--plasma-typo-body-xs-letter-spacing);\n ",
263
+ ": var(--plasma-typo-body-xs-line-height);\n\n ",
264
+ ": 0.25rem;\n\n ",
265
+ ": 1rem;\n ",
266
+ ": 1rem;\n /* stylelint-disable-next-line */\n ",
267
+ ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n ',
268
+ ": 0.375rem;\n /* stylelint-disable-next-line number-max-precision */\n ",
269
+ ": 0.5625rem;\n "
270
+ ]);
271
+ _templateObject6 = function _templateObject() {
272
+ return data;
273
+ };
274
+ return data;
275
+ }
276
+ function _templateObject7() {
277
+ var data = _tagged_template_literal([
278
+ "\n ",
279
+ ": 1;\n ",
280
+ ": var(--surface-solid-primary);\n ",
281
+ ": var(--surface-solid-primary);\n ",
282
+ ": var(--surface-solid-primary);\n ",
283
+ ": var(--surface-solid-primary);\n ",
284
+ ": var(--text-secondary);\n ",
285
+ ": var(--text-secondary);\n ",
286
+ ": var(--text-secondary);\n ",
287
+ ": var(--text-primary);\n ",
288
+ ": var(--text-secondary);\n "
289
+ ]);
290
+ _templateObject7 = function _templateObject() {
291
+ return data;
292
+ };
293
+ return data;
294
+ }
295
+ function _templateObject8() {
296
+ var data = _tagged_template_literal([
297
+ "\n ",
298
+ ": 0.1;\n ",
299
+ ": var(--text-secondary);\n ",
300
+ ": var(--text-primary);\n ",
301
+ ": var(--surface-transparent-primary);\n ",
302
+ ": 0.4;\n ",
303
+ ": var(--surface-clear);\n ",
304
+ ": var(--surface-clear);\n ",
305
+ ": var(--surface-clear);\n ",
306
+ ": var(--surface-clear);\n ",
307
+ ": var(--text-primary);\n ",
308
+ ": var(--text-primary);\n ",
309
+ ": var(--text-secondary);\n ",
310
+ ": var(--text-secondary);\n "
311
+ ]);
312
+ _templateObject8 = function _templateObject() {
313
+ return data;
314
+ };
315
+ return data;
316
+ }
317
+ var config = {
318
+ defaults: {
319
+ view: 'default',
320
+ focused: 'true',
321
+ size: 's'
322
+ },
323
+ variations: {
324
+ view: {
325
+ default: (0, _emotion.css)(_templateObject(), _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.backgroundColorHover, _emotion.textAreaTokens.backgroundColorActive, _emotion.textAreaTokens.backgroundColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.inputCaretColor, _emotion.textAreaTokens.placeholderColor, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.leftHelperColor, _emotion.textAreaTokens.rightHelperColor, _emotion.textAreaTokens.rightContentColor, _emotion.textAreaTokens.rightContentColorHover, _emotion.textAreaTokens.rightContentColorActive, _emotion.textAreaTokens.indicatorColor, _emotion.textAreaTokens.optionalColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColorHover, _emotion.textAreaTokens.scrollbarThumbBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColor, _emotion.textAreaTokens.scrollbarTrackBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColorHover, _emotion.textAreaTokens.dividerColor, _emotion.textAreaTokens.dividerColorHover, _emotion.textAreaTokens.dividerColorFocus, _emotion.textAreaTokens.titleCaptionColor, _emotion.textAreaTokens.hintIconColor),
326
+ /**
327
+ * @deprecated
328
+ * использовать `default`
329
+ */ primary: (0, _emotion.css)(_templateObject1(), _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.backgroundColorHover, _emotion.textAreaTokens.backgroundColorActive, _emotion.textAreaTokens.backgroundColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.inputCaretColor, _emotion.textAreaTokens.placeholderColor, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.leftHelperColor, _emotion.textAreaTokens.rightHelperColor, _emotion.textAreaTokens.indicatorColor, _emotion.textAreaTokens.optionalColor, _emotion.textAreaTokens.rightContentColor, _emotion.textAreaTokens.rightContentColorHover, _emotion.textAreaTokens.rightContentColorActive, _emotion.textAreaTokens.scrollbarThumbBackgroundColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColorHover, _emotion.textAreaTokens.scrollbarThumbBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColor, _emotion.textAreaTokens.scrollbarTrackBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColorHover, _emotion.textAreaTokens.dividerColor, _emotion.textAreaTokens.dividerColorHover, _emotion.textAreaTokens.dividerColorFocus, _emotion.textAreaTokens.titleCaptionColor, _emotion.textAreaTokens.hintIconColor),
330
+ negative: (0, _emotion.css)(_templateObject2(), _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.backgroundColorHover, _emotion.textAreaTokens.backgroundColorActive, _emotion.textAreaTokens.backgroundColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.inputCaretColor, _emotion.textAreaTokens.placeholderColor, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.leftHelperColor, _emotion.textAreaTokens.rightHelperColor, _emotion.textAreaTokens.rightContentColor, _emotion.textAreaTokens.rightContentColorHover, _emotion.textAreaTokens.rightContentColorActive, _emotion.textAreaTokens.indicatorColor, _emotion.textAreaTokens.optionalColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColor, _emotion.textAreaTokens.scrollbarThumbBackgroundColorHover, _emotion.textAreaTokens.scrollbarThumbBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColor, _emotion.textAreaTokens.scrollbarTrackBackgroundColorActive, _emotion.textAreaTokens.scrollbarTrackBackgroundColorHover, _emotion.textAreaTokens.dividerColor, _emotion.textAreaTokens.dividerColorHover, _emotion.textAreaTokens.dividerColorFocus, _emotion.textAreaTokens.titleCaptionColor, _emotion.textAreaTokens.hintIconColor)
331
+ },
332
+ size: {
333
+ s: (0, _emotion.css)(_templateObject3(), _emotion.textAreaTokens.inputWidth, _emotion.textAreaTokens.inputHeight, _emotion.textAreaTokens.inputMinHeight, _emotion.textAreaTokens.borderRadius, _emotion.textAreaTokens.borderSize, _emotion.textAreaTokens.borderRadiusWithHelpers, _emotion.textAreaTokens.inputPaddingTop, _emotion.textAreaTokens.inputPaddingRight, _emotion.textAreaTokens.inputPaddingRightWithRightContent, _emotion.textAreaTokens.inputPaddingBottom, _emotion.textAreaTokens.inputPaddingBottomWithHelpers, _emotion.textAreaTokens.inputPaddingLeft, _emotion.textAreaTokens.helpersPaddingTop, _emotion.textAreaTokens.helpersPaddingRight, _emotion.textAreaTokens.helpersPaddingBottom, _emotion.textAreaTokens.helpersPaddingLeft, _emotion.textAreaTokens.helpersOffset, _emotion.textAreaTokens.rightContentTop, _emotion.textAreaTokens.rightContentRight, _emotion.textAreaTokens.rightContentHeight, _emotion.textAreaTokens.labelMarginBottom, _emotion.textAreaTokens.labelOuterFontSize, _emotion.textAreaTokens.labelInnerFontFamily, _emotion.textAreaTokens.labelInnerFontSize, _emotion.textAreaTokens.labelInnerFontStyle, _emotion.textAreaTokens.labelInnerFontWeight, _emotion.textAreaTokens.labelInnerLetterSpacing, _emotion.textAreaTokens.labelInnerLineHeight, _emotion.textAreaTokens.labelInnerTop, _emotion.textAreaTokens.labelInnerMarginBottom, _emotion.textAreaTokens.inputFontFamily, _emotion.textAreaTokens.inputFontSize, _emotion.textAreaTokens.inputFontStyle, _emotion.textAreaTokens.inputFontWeight, _emotion.textAreaTokens.inputLetterSpacing, _emotion.textAreaTokens.inputLineHeight, _emotion.textAreaTokens.helpersFontFamily, _emotion.textAreaTokens.helpersFontSize, _emotion.textAreaTokens.helpersFontStyle, _emotion.textAreaTokens.helpersFontWeight, _emotion.textAreaTokens.helpersLetterSpacing, _emotion.textAreaTokens.helpersLineHeight, _emotion.textAreaTokens.indicatorSizeInner, _emotion.textAreaTokens.indicatorSizeOuter, _emotion.textAreaTokens.indicatorLabelPlacementInner, _emotion.textAreaTokens.indicatorLabelPlacementOuter, _emotion.textAreaTokens.indicatorLabelPlacementInnerRight, _emotion.textAreaTokens.indicatorLabelPlacementOuterRight, _emotion.textAreaTokens.clearIndicatorHintInnerRight, _emotion.textAreaTokens.scrollbarWidth, _emotion.textAreaTokens.scrollbarBorderWidth, _emotion.textAreaTokens.hintMargin, _emotion.textAreaTokens.hintTargetSize, _emotion.textAreaTokens.hintInnerLabelPlacementOffset, _emotion.textAreaTokens.titleCaptionInnerLabelOffset, _emotion.textAreaTokens.titleCaptionFontFamily, _emotion.textAreaTokens.titleCaptionFontSize, _emotion.textAreaTokens.titleCaptionFontStyle, _emotion.textAreaTokens.titleCaptionFontWeight, _emotion.textAreaTokens.titleCaptionLetterSpacing, _emotion.textAreaTokens.titleCaptionLineHeight)
334
+ },
335
+ hintView: {
336
+ // TODO: заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
337
+ default: (0, _emotion.css)(_templateObject4(), _emotion.textAreaTokens.tooltipBackgroundColor, _emotion.textAreaTokens.tooltipBoxShadow, _emotion.textAreaTokens.tooltipColor, _emotion.textAreaTokens.tooltipArrowBackground)
338
+ },
339
+ hintSize: {
340
+ m: (0, _emotion.css)(_templateObject5(), _emotion.textAreaTokens.tooltipPaddingTop, _emotion.textAreaTokens.tooltipPaddingRight, _emotion.textAreaTokens.tooltipPaddingBottom, _emotion.textAreaTokens.tooltipPaddingLeft, _emotion.textAreaTokens.tooltipMinHeight, _emotion.textAreaTokens.tooltipBorderRadius, _emotion.textAreaTokens.tooltipTextFontFamily, _emotion.textAreaTokens.tooltipTextFontSize, _emotion.textAreaTokens.tooltipTextFontStyle, _emotion.textAreaTokens.tooltipTextFontWeight, _emotion.textAreaTokens.tooltipTextFontLetterSpacing, _emotion.textAreaTokens.tooltipTextFontLineHeight, _emotion.textAreaTokens.tooltipContentLeftMargin, _emotion.textAreaTokens.tooltipArrowMaskWidth, _emotion.textAreaTokens.tooltipArrowMaskHeight, _emotion.textAreaTokens.tooltipArrowMaskImage, _emotion.textAreaTokens.tooltipArrowHeight, _emotion.textAreaTokens.tooltipArrowEdgeMargin),
341
+ s: (0, _emotion.css)(_templateObject6(), _emotion.textAreaTokens.tooltipPaddingTop, _emotion.textAreaTokens.tooltipPaddingRight, _emotion.textAreaTokens.tooltipPaddingBottom, _emotion.textAreaTokens.tooltipPaddingLeft, _emotion.textAreaTokens.tooltipMinHeight, _emotion.textAreaTokens.tooltipBorderRadius, _emotion.textAreaTokens.tooltipTextFontFamily, _emotion.textAreaTokens.tooltipTextFontSize, _emotion.textAreaTokens.tooltipTextFontStyle, _emotion.textAreaTokens.tooltipTextFontWeight, _emotion.textAreaTokens.tooltipTextFontLetterSpacing, _emotion.textAreaTokens.tooltipTextFontLineHeight, _emotion.textAreaTokens.tooltipContentLeftMargin, _emotion.textAreaTokens.tooltipArrowMaskWidth, _emotion.textAreaTokens.tooltipArrowMaskHeight, _emotion.textAreaTokens.tooltipArrowMaskImage, _emotion.textAreaTokens.tooltipArrowHeight, _emotion.textAreaTokens.tooltipArrowEdgeMargin)
342
+ },
343
+ disabled: {
344
+ true: (0, _emotion.css)(_templateObject7(), _emotion.textAreaTokens.disabledOpacity, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.labelOuterColor, _emotion.textAreaTokens.inputColorDisabled)
345
+ },
346
+ readOnly: {
347
+ true: (0, _emotion.css)(_templateObject8(), _emotion.textAreaTokens.readOnlyOpacity, _emotion.textAreaTokens.labelOuterColor, _emotion.textAreaTokens.inputColorReadOnly, _emotion.textAreaTokens.dividerColorReadOnly, _emotion.textAreaTokens.contentSlotRightOpacityReadOnly, _emotion.textAreaTokens.backgroundColor, _emotion.textAreaTokens.borderColor, _emotion.textAreaTokens.borderColorHover, _emotion.textAreaTokens.borderColorFocus, _emotion.textAreaTokens.inputColor, _emotion.textAreaTokens.inputColorFocus, _emotion.textAreaTokens.placeholderColorFocus, _emotion.textAreaTokens.labelOuterColor)
348
+ }
349
+ }
350
+ };