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