@salutejs/plasma-new-hope 0.330.0-canary.2069.16136483108.0 → 0.330.0-canary.2072.16118137593.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 (46) hide show
  1. package/cjs/components/TextArea/TextArea.js +5 -3
  2. package/cjs/components/TextArea/TextArea.js.map +1 -1
  3. package/cjs/components/TextArea/TextArea.styles.js +63 -39
  4. package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
  5. package/cjs/components/TextArea/TextArea.styles_157tps0.css +24 -0
  6. package/cjs/components/TextArea/ui/Hint/Hint.css +22 -18
  7. package/cjs/components/TextArea/variations/_clear/base.js +1 -1
  8. package/cjs/components/TextArea/variations/_clear/base_1vo4ba5.css +1 -0
  9. package/cjs/components/TextArea/variations/_disabled/base.js +1 -1
  10. package/cjs/components/TextArea/variations/_disabled/base_s6ttw.css +1 -0
  11. package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
  12. package/{es/components/TextArea/variations/_read-only/base_1v0syh0.css → cjs/components/TextArea/variations/_read-only/base_vk912g.css} +1 -1
  13. package/cjs/index.css +26 -22
  14. package/emotion/cjs/components/TextArea/TextArea.js +5 -4
  15. package/emotion/cjs/components/TextArea/TextArea.styles.js +69 -41
  16. package/emotion/es/components/TextArea/TextArea.js +6 -5
  17. package/emotion/es/components/TextArea/TextArea.styles.js +57 -41
  18. package/es/components/TextArea/TextArea.js +6 -4
  19. package/es/components/TextArea/TextArea.js.map +1 -1
  20. package/es/components/TextArea/TextArea.styles.js +60 -40
  21. package/es/components/TextArea/TextArea.styles.js.map +1 -1
  22. package/es/components/TextArea/TextArea.styles_157tps0.css +24 -0
  23. package/es/components/TextArea/ui/Hint/Hint.css +22 -18
  24. package/es/components/TextArea/variations/_clear/base.js +1 -1
  25. package/es/components/TextArea/variations/_clear/base_1vo4ba5.css +1 -0
  26. package/es/components/TextArea/variations/_disabled/base.js +1 -1
  27. package/es/components/TextArea/variations/_disabled/base_s6ttw.css +1 -0
  28. package/es/components/TextArea/variations/_read-only/base.js +1 -1
  29. package/{cjs/components/TextArea/variations/_read-only/base_1v0syh0.css → es/components/TextArea/variations/_read-only/base_vk912g.css} +1 -1
  30. package/es/index.css +26 -22
  31. package/package.json +2 -2
  32. package/styled-components/cjs/components/TextArea/TextArea.js +4 -3
  33. package/styled-components/cjs/components/TextArea/TextArea.styles.js +64 -27
  34. package/styled-components/es/components/TextArea/TextArea.js +5 -4
  35. package/styled-components/es/components/TextArea/TextArea.styles.js +52 -27
  36. package/types/components/TextArea/TextArea.d.ts.map +1 -1
  37. package/types/components/TextArea/TextArea.styles.d.ts +4 -0
  38. package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
  39. package/types/components/TextArea/TextArea.types.d.ts +5 -0
  40. package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
  41. package/cjs/components/TextArea/TextArea.styles_1r7xix5.css +0 -20
  42. package/cjs/components/TextArea/variations/_clear/base_16hm89e.css +0 -1
  43. package/cjs/components/TextArea/variations/_disabled/base_1bn0zc9.css +0 -1
  44. package/es/components/TextArea/TextArea.styles_1r7xix5.css +0 -20
  45. package/es/components/TextArea/variations/_clear/base_16hm89e.css +0 -1
  46. package/es/components/TextArea/variations/_disabled/base_1bn0zc9.css +0 -1
@@ -9,6 +9,12 @@ function _export(target, all) {
9
9
  });
10
10
  }
11
11
  _export(exports, {
12
+ get Divider () {
13
+ return Divider;
14
+ },
15
+ get DividerWrapper () {
16
+ return DividerWrapper;
17
+ },
12
18
  get Hint () {
13
19
  return Hint;
14
20
  },
@@ -27,6 +33,12 @@ _export(exports, {
27
33
  get StyledContent () {
28
34
  return StyledContent;
29
35
  },
36
+ get StyledContentWrapper () {
37
+ return StyledContentWrapper;
38
+ },
39
+ get StyledHeaderSlot () {
40
+ return StyledHeaderSlot;
41
+ },
30
42
  get StyledHelpers () {
31
43
  return StyledHelpers;
32
44
  },
@@ -84,13 +96,13 @@ var mergedConfig = (0, _engines.mergeConfig)(_Tooltip.tooltipConfig);
84
96
  var Tooltip = (0, _engines.component)(mergedConfig);
85
97
  var Hint = (0, _styledcomponents.default)(Tooltip).withConfig({
86
98
  displayName: "TextArea.styles__Hint",
87
- componentId: "sc-2ff414ff-0"
99
+ componentId: "sc-e5158e93-0"
88
100
  })([
89
101
  ""
90
102
  ]);
91
103
  var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
92
104
  displayName: "TextArea.styles__OuterLabelWrapper",
93
- componentId: "sc-2ff414ff-1"
105
+ componentId: "sc-e5158e93-1"
94
106
  })([
95
107
  "display:flex;align-items:center;max-width:",
96
108
  ";margin-bottom:",
@@ -104,7 +116,7 @@ var OuterLabelWrapper = _styledcomponents.default.div.withConfig({
104
116
  });
105
117
  var StyledLabel = _styledcomponents.default.div.withConfig({
106
118
  displayName: "TextArea.styles__StyledLabel",
107
- componentId: "sc-2ff414ff-2"
119
+ componentId: "sc-e5158e93-2"
108
120
  })([
109
121
  "position:relative;display:inline-flex;color:var(",
110
122
  ",var(",
@@ -124,7 +136,7 @@ var StyledLabel = _styledcomponents.default.div.withConfig({
124
136
  ], _TextAreatokens.tokens.labelOuterColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.labelOuterFontFamily, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.labelOuterFontSize, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.labelOuterFontStyle, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.labelOuterFontWeight, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.labelOuterLetterSpacing, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.labelOuterLineHeight, _TextAreatokens.tokens.inputLineHeight);
125
137
  var TitleCaption = _styledcomponents.default.div.withConfig({
126
138
  displayName: "TextArea.styles__TitleCaption",
127
- componentId: "sc-2ff414ff-3"
139
+ componentId: "sc-e5158e93-3"
128
140
  })([
129
141
  "display:inline-block;margin-left:auto;font-family:var(",
130
142
  ");font-size:var(",
@@ -136,13 +148,13 @@ var TitleCaption = _styledcomponents.default.div.withConfig({
136
148
  ], _TextAreatokens.tokens.titleCaptionFontFamily, _TextAreatokens.tokens.titleCaptionFontSize, _TextAreatokens.tokens.titleCaptionFontStyle, _TextAreatokens.tokens.titleCaptionFontWeight, _TextAreatokens.tokens.titleCaptionLetterSpacing, _TextAreatokens.tokens.titleCaptionLineHeight);
137
149
  var StyledIndicatorWrapper = _styledcomponents.default.div.withConfig({
138
150
  displayName: "TextArea.styles__StyledIndicatorWrapper",
139
- componentId: "sc-2ff414ff-4"
151
+ componentId: "sc-e5158e93-4"
140
152
  })([
141
153
  "position:relative;display:inline-flex;align-items:center;"
142
154
  ]);
143
155
  var StyledOptionalText = _styledcomponents.default.span.withConfig({
144
156
  displayName: "TextArea.styles__StyledOptionalText",
145
- componentId: "sc-2ff414ff-5"
157
+ componentId: "sc-e5158e93-5"
146
158
  })([
147
159
  "color:var(",
148
160
  ");font-family:",
@@ -173,7 +185,7 @@ var StyledOptionalText = _styledcomponents.default.span.withConfig({
173
185
  });
174
186
  var StyledHintWrapper = _styledcomponents.default.div.withConfig({
175
187
  displayName: "TextArea.styles__StyledHintWrapper",
176
- componentId: "sc-2ff414ff-6"
188
+ componentId: "sc-e5158e93-6"
177
189
  })([
178
190
  "display:inline-flex;line-height:0;margin:var(",
179
191
  ");&.",
@@ -182,7 +194,7 @@ var StyledHintWrapper = _styledcomponents.default.div.withConfig({
182
194
  ], _TextAreatokens.tokens.hintMargin, _TextAreatokens.classes.innerLabelPlacement, _TextAreatokens.tokens.hintInnerLabelPlacementOffset);
183
195
  var HintTargetWrapper = _styledcomponents.default.div.withConfig({
184
196
  displayName: "TextArea.styles__HintTargetWrapper",
185
- componentId: "sc-2ff414ff-7"
197
+ componentId: "sc-e5158e93-7"
186
198
  })([
187
199
  "color:var(",
188
200
  ");width:var(",
@@ -191,40 +203,65 @@ var HintTargetWrapper = _styledcomponents.default.div.withConfig({
191
203
  ], _TextAreatokens.tokens.hintIconColor, _TextAreatokens.tokens.hintTargetSize, _TextAreatokens.tokens.hintTargetSize);
192
204
  var HintIconWrapper = _styledcomponents.default.div.withConfig({
193
205
  displayName: "TextArea.styles__HintIconWrapper",
194
- componentId: "sc-2ff414ff-8"
206
+ componentId: "sc-e5158e93-8"
195
207
  })([
196
208
  ""
197
209
  ]);
198
210
  var StyledTextAreaWrapper = _styledcomponents.default.div.withConfig({
199
211
  displayName: "TextArea.styles__StyledTextAreaWrapper",
200
- componentId: "sc-2ff414ff-9"
212
+ componentId: "sc-e5158e93-9"
201
213
  })([
202
- "background-color:var(",
203
- ");padding-top:var(",
214
+ "display:flex;flex-direction:column;background-color:var(",
204
215
  ");padding-bottom:",
205
216
  ";border-radius:",
206
217
  ";"
207
- ], _TextAreatokens.tokens.inputBackgroundColor, _TextAreatokens.tokens.inputPaddingTop, function(param) {
218
+ ], _TextAreatokens.tokens.inputBackgroundColor, function(param) {
208
219
  var hasHelper = param.hasHelper;
209
220
  return hasHelper ? "var(".concat(_TextAreatokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(_TextAreatokens.tokens.inputPaddingBottom, ")");
210
221
  }, function(param) {
211
222
  var hasHelper = param.hasHelper;
212
223
  return hasHelper ? "var(".concat(_TextAreatokens.tokens.borderRadiusWithHelpers, ")") : "var(".concat(_TextAreatokens.tokens.borderRadius, ")");
213
224
  });
225
+ var StyledContentWrapper = _styledcomponents.default.div.withConfig({
226
+ displayName: "TextArea.styles__StyledContentWrapper",
227
+ componentId: "sc-e5158e93-10"
228
+ })([
229
+ "position:relative;width:100%;height:0;margin-top:var(",
230
+ ");"
231
+ ], _TextAreatokens.tokens.inputPaddingTop);
214
232
  var StyledContent = _styledcomponents.default.div.withConfig({
215
233
  displayName: "TextArea.styles__StyledContent",
216
- componentId: "sc-2ff414ff-10"
234
+ componentId: "sc-e5158e93-11"
217
235
  })([
218
- "position:absolute;display:flex;align-items:center;bottom:0;z-index:1;color:var(",
236
+ "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
219
237
  ",var(",
220
- "));top:var(",
221
- ");right:var(",
238
+ "));top:-0.063rem;right:var(",
222
239
  ");height:var(",
223
240
  ");"
224
- ], _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.rightContentTop, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
241
+ ], _TextAreatokens.tokens.rightContentColor, _TextAreatokens.tokens.inputColor, _TextAreatokens.tokens.rightContentRight, _TextAreatokens.tokens.rightContentHeight);
242
+ var StyledHeaderSlot = _styledcomponents.default.div.withConfig({
243
+ displayName: "TextArea.styles__StyledHeaderSlot",
244
+ componentId: "sc-e5158e93-12"
245
+ })([
246
+ "display:flex;flex-direction:column;margin-right:var(--plasma-textarea-helpers-padding-right);margin-left:var(--plasma-textarea-helpers-padding-left);"
247
+ ]);
248
+ var DividerWrapper = _styledcomponents.default.div.withConfig({
249
+ displayName: "TextArea.styles__DividerWrapper",
250
+ componentId: "sc-e5158e93-13"
251
+ })([
252
+ "background:var(",
253
+ ");"
254
+ ], _TextAreatokens.tokens.backgroundColor);
255
+ var Divider = _styledcomponents.default.div.withConfig({
256
+ displayName: "TextArea.styles__Divider",
257
+ componentId: "sc-e5158e93-14"
258
+ })([
259
+ "height:0.0625rem;background:var(",
260
+ ");"
261
+ ], _TextAreatokens.tokens.dividerColor);
225
262
  var StyledContainer = _styledcomponents.default.div.withConfig({
226
263
  displayName: "TextArea.styles__StyledContainer",
227
- componentId: "sc-2ff414ff-11"
264
+ componentId: "sc-e5158e93-15"
228
265
  })([
229
266
  "display:inline-flex;flex-direction:column;width:",
230
267
  ";position:relative;"
@@ -234,7 +271,7 @@ var StyledContainer = _styledcomponents.default.div.withConfig({
234
271
  });
235
272
  var StyledTextArea = _styledcomponents.default.textarea.withConfig({
236
273
  displayName: "TextArea.styles__StyledTextArea",
237
- componentId: "sc-2ff414ff-12"
274
+ componentId: "sc-e5158e93-16"
238
275
  })([
239
276
  "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
240
277
  ");caret-color:var(",
@@ -297,7 +334,7 @@ var StyledTextArea = _styledcomponents.default.textarea.withConfig({
297
334
  }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight, _TextAreatokens.tokens.inputColorFocus, _TextAreatokens.tokens.scrollbarWidth, _TextAreatokens.tokens.scrollbarThumbBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth, _TextAreatokens.tokens.scrollbarTrackBackgroundColor, _TextAreatokens.tokens.scrollbarBorderWidth);
298
335
  var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
299
336
  displayName: "TextArea.styles__StyledHiddenTextArea",
300
- componentId: "sc-2ff414ff-13"
337
+ componentId: "sc-e5158e93-17"
301
338
  })([
302
339
  "max-height:none !important;min-height:var(",
303
340
  ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
@@ -315,7 +352,7 @@ var StyledHiddenTextArea = _styledcomponents.default.textarea.withConfig({
315
352
  }, _TextAreatokens.tokens.inputPaddingLeft, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
316
353
  var StyledHelpers = _styledcomponents.default.div.withConfig({
317
354
  displayName: "TextArea.styles__StyledHelpers",
318
- componentId: "sc-2ff414ff-14"
355
+ componentId: "sc-e5158e93-18"
319
356
  })([
320
357
  "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
321
358
  ");padding-top:var(",
@@ -328,14 +365,14 @@ var StyledHelpers = _styledcomponents.default.div.withConfig({
328
365
  ], _TextAreatokens.tokens.helpersBackgroundColor, _TextAreatokens.tokens.helpersPaddingTop, _TextAreatokens.tokens.helpersPaddingRight, _TextAreatokens.tokens.helpersPaddingBottom, _TextAreatokens.tokens.helpersPaddingLeft, _TextAreatokens.tokens.borderRadius, _TextAreatokens.tokens.borderRadius);
329
366
  var StyledOutsideHelpersWrapper = _styledcomponents.default.div.withConfig({
330
367
  displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
331
- componentId: "sc-2ff414ff-15"
368
+ componentId: "sc-e5158e93-19"
332
369
  })([
333
370
  "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
334
371
  ");"
335
372
  ], _TextAreatokens.tokens.clearHelpersPaddingTop);
336
373
  var StyledLeftHelper = _styledcomponents.default.span.withConfig({
337
374
  displayName: "TextArea.styles__StyledLeftHelper",
338
- componentId: "sc-2ff414ff-16"
375
+ componentId: "sc-e5158e93-20"
339
376
  })([
340
377
  "",
341
378
  ";display:block;font-family:var(",
@@ -349,14 +386,14 @@ var StyledLeftHelper = _styledcomponents.default.span.withConfig({
349
386
  ], (0, _mixins.applyEllipsis)(), _TextAreatokens.tokens.helpersFontFamily, _TextAreatokens.tokens.helpersFontSize, _TextAreatokens.tokens.helpersFontStyle, _TextAreatokens.tokens.helpersFontWeight, _TextAreatokens.tokens.helpersLetterSpacing, _TextAreatokens.tokens.helpersLineHeight, _TextAreatokens.tokens.leftHelperColor);
350
387
  var StyledRightHelper = (0, _styledcomponents.default)(StyledLeftHelper).withConfig({
351
388
  displayName: "TextArea.styles__StyledRightHelper",
352
- componentId: "sc-2ff414ff-17"
389
+ componentId: "sc-e5158e93-21"
353
390
  })([
354
391
  "color:var(",
355
392
  ");margin-left:auto;"
356
393
  ], _TextAreatokens.tokens.rightHelperColor);
357
394
  var StyledPlaceholder = _styledcomponents.default.label.withConfig({
358
395
  displayName: "TextArea.styles__StyledPlaceholder",
359
- componentId: "sc-2ff414ff-18"
396
+ componentId: "sc-e5158e93-22"
360
397
  })([
361
398
  "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
362
399
  ");width:100%;height:auto;top:var(",
@@ -375,7 +412,7 @@ var StyledPlaceholder = _styledcomponents.default.label.withConfig({
375
412
  }, _TextAreatokens.tokens.inputFontFamily, _TextAreatokens.tokens.inputFontSize, _TextAreatokens.tokens.inputFontStyle, _TextAreatokens.tokens.inputFontWeight, _TextAreatokens.tokens.inputLetterSpacing, _TextAreatokens.tokens.inputLineHeight);
376
413
  var StyledIndicator = _styledcomponents.default.div.withConfig({
377
414
  displayName: "TextArea.styles__StyledIndicator",
378
- componentId: "sc-2ff414ff-19"
415
+ componentId: "sc-e5158e93-23"
379
416
  })([
380
417
  "position:absolute;border-radius:50%;background-color:var(",
381
418
  ");&.",
@@ -118,7 +118,7 @@ import { cx, mergeRefs } from "../../utils";
118
118
  import { useOutsideClick } from "../../hooks";
119
119
  import { applyDynamicLabel } from "./mixins";
120
120
  import { useAutoResize, ROOT_FONT_SIZE } from "./hooks";
121
- import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption, StyledOutsideHelpersWrapper, StyledHiddenTextArea } from "./TextArea.styles";
121
+ import { StyledContent, StyledHelpers, StyledLeftHelper, StyledRightHelper, StyledLabel, StyledPlaceholder, StyledTextArea, StyledTextAreaWrapper, StyledContainer, StyledIndicator, StyledOptionalText, OuterLabelWrapper, StyledIndicatorWrapper, StyledHintWrapper, TitleCaption, StyledOutsideHelpersWrapper, StyledHiddenTextArea, StyledContentWrapper, StyledHeaderSlot, DividerWrapper, Divider } from "./TextArea.styles";
122
122
  import { classes } from "./TextArea.tokens";
123
123
  import { base as viewCSS } from "./variations/_view/base";
124
124
  import { base as sizeCSS } from "./variations/_size/base";
@@ -162,10 +162,11 @@ export var getDynamicLabelClasses = function(props, focused) {
162
162
  };
163
163
  export var textAreaRoot = function(Root) {
164
164
  return /*#__PURE__*/ forwardRef(function(props, innerRef) {
165
- var helperText = props.helperText, status = props.status, resize = props.resize, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
165
+ var helperText = props.helperText, status = props.status, resize = props.resize, headerSlot = props.headerSlot, rightHelper = props.rightHelper, leftHelper = props.leftHelper, _props_leftHelperPlacement = props.leftHelperPlacement, leftHelperPlacement = _props_leftHelperPlacement === void 0 ? 'inner' : _props_leftHelperPlacement, contentRight = props.contentRight, _props_autoResize = props.autoResize, autoResize = _props_autoResize === void 0 ? false : _props_autoResize, _props_minAuto = props.minAuto, minAuto = _props_minAuto === void 0 ? 0 : _props_minAuto, maxAuto = props.maxAuto, label = props.label, _props_labelPlacement = props.labelPlacement, labelPlacement = _props_labelPlacement === void 0 ? 'inner' : _props_labelPlacement, titleCaption = props.titleCaption, placeholder = props.placeholder, defaultValue = props.defaultValue, height = props.height, width = props.width, value = props.value, disabled = props.disabled, _props_required = props.required, required = _props_required === void 0 ? false : _props_required, _props_requiredPlacement = props.requiredPlacement, requiredPlacement = _props_requiredPlacement === void 0 ? 'right' : _props_requiredPlacement, _props_hasRequiredIndicator = props.hasRequiredIndicator, hasRequiredIndicator = _props_hasRequiredIndicator === void 0 ? true : _props_hasRequiredIndicator, _props_optional = props.optional, optional = _props_optional === void 0 ? false : _props_optional, clear = props.clear, hasDivider = props.hasDivider, size = props.size, view = props.view, id = props.id, style = props.style, className = props.className, readOnly = props.readOnly, rows = props.rows, cols = props.cols, _props_hintTrigger = props.hintTrigger, hintTrigger = _props_hintTrigger === void 0 ? 'hover' : _props_hintTrigger, hintText = props.hintText, _props_hintView = props.hintView, hintView = _props_hintView === void 0 ? 'default' : _props_hintView, _props_hintSize = props.hintSize, hintSize = _props_hintSize === void 0 ? 'm' : _props_hintSize, hintTargetIcon = props.hintTargetIcon, _props_hintPlacement = props.hintPlacement, hintPlacement = _props_hintPlacement === void 0 ? 'auto' : _props_hintPlacement, hintHasArrow = props.hintHasArrow, _props_hintOffset = props.hintOffset, hintOffset = _props_hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _props_hintOffset, hintWidth = props.hintWidth, hintContentLeft = props.hintContentLeft, onChange = props.onChange, rest = _object_without_properties(props, [
166
166
  "helperText",
167
167
  "status",
168
168
  "resize",
169
+ "headerSlot",
169
170
  "rightHelper",
170
171
  "leftHelper",
171
172
  "leftHelperPlacement",
@@ -365,10 +366,10 @@ export var textAreaRoot = function(Root) {
365
366
  handleHintHide: handleHintHide,
366
367
  handleHintClick: handleHintClick,
367
368
  isInnerLabel: true
368
- }))), contentRight && /*#__PURE__*/ React.createElement(StyledContent, null, contentRight), /*#__PURE__*/ React.createElement(StyledTextAreaWrapper, {
369
+ }))), /*#__PURE__*/ React.createElement(StyledTextAreaWrapper, {
369
370
  className: cx(styledTextAreaWrapper),
370
371
  hasHelper: hasHelper
371
- }, /*#__PURE__*/ React.createElement(StyledTextArea, _object_spread({
372
+ }, headerSlot && !clear && /*#__PURE__*/ React.createElement(StyledHeaderSlot, null, headerSlot, /*#__PURE__*/ React.createElement(DividerWrapper, null, /*#__PURE__*/ React.createElement(Divider, null))), /*#__PURE__*/ React.createElement(StyledContentWrapper, null, contentRight && /*#__PURE__*/ React.createElement(StyledContent, null, contentRight)), /*#__PURE__*/ React.createElement(StyledTextArea, _object_spread({
372
373
  className: cx(styledTextArea, hasRightContentClass),
373
374
  id: id,
374
375
  hasContentRight: Boolean(contentRight),
@@ -7,13 +7,13 @@ var mergedConfig = mergeConfig(tooltipConfig);
7
7
  var Tooltip = component(mergedConfig);
8
8
  export var Hint = styled(Tooltip).withConfig({
9
9
  displayName: "TextArea.styles__Hint",
10
- componentId: "sc-2ff414ff-0"
10
+ componentId: "sc-e5158e93-0"
11
11
  })([
12
12
  ""
13
13
  ]);
14
14
  export var OuterLabelWrapper = styled.div.withConfig({
15
15
  displayName: "TextArea.styles__OuterLabelWrapper",
16
- componentId: "sc-2ff414ff-1"
16
+ componentId: "sc-e5158e93-1"
17
17
  })([
18
18
  "display:flex;align-items:center;max-width:",
19
19
  ";margin-bottom:",
@@ -27,7 +27,7 @@ export var OuterLabelWrapper = styled.div.withConfig({
27
27
  });
28
28
  export var StyledLabel = styled.div.withConfig({
29
29
  displayName: "TextArea.styles__StyledLabel",
30
- componentId: "sc-2ff414ff-2"
30
+ componentId: "sc-e5158e93-2"
31
31
  })([
32
32
  "position:relative;display:inline-flex;color:var(",
33
33
  ",var(",
@@ -47,7 +47,7 @@ export var StyledLabel = styled.div.withConfig({
47
47
  ], tokens.labelOuterColor, tokens.inputColor, tokens.labelOuterFontFamily, tokens.inputFontFamily, tokens.labelOuterFontSize, tokens.inputFontSize, tokens.labelOuterFontStyle, tokens.inputFontStyle, tokens.labelOuterFontWeight, tokens.inputFontWeight, tokens.labelOuterLetterSpacing, tokens.inputLetterSpacing, tokens.labelOuterLineHeight, tokens.inputLineHeight);
48
48
  export var TitleCaption = styled.div.withConfig({
49
49
  displayName: "TextArea.styles__TitleCaption",
50
- componentId: "sc-2ff414ff-3"
50
+ componentId: "sc-e5158e93-3"
51
51
  })([
52
52
  "display:inline-block;margin-left:auto;font-family:var(",
53
53
  ");font-size:var(",
@@ -59,13 +59,13 @@ export var TitleCaption = styled.div.withConfig({
59
59
  ], tokens.titleCaptionFontFamily, tokens.titleCaptionFontSize, tokens.titleCaptionFontStyle, tokens.titleCaptionFontWeight, tokens.titleCaptionLetterSpacing, tokens.titleCaptionLineHeight);
60
60
  export var StyledIndicatorWrapper = styled.div.withConfig({
61
61
  displayName: "TextArea.styles__StyledIndicatorWrapper",
62
- componentId: "sc-2ff414ff-4"
62
+ componentId: "sc-e5158e93-4"
63
63
  })([
64
64
  "position:relative;display:inline-flex;align-items:center;"
65
65
  ]);
66
66
  export var StyledOptionalText = styled.span.withConfig({
67
67
  displayName: "TextArea.styles__StyledOptionalText",
68
- componentId: "sc-2ff414ff-5"
68
+ componentId: "sc-e5158e93-5"
69
69
  })([
70
70
  "color:var(",
71
71
  ");font-family:",
@@ -96,7 +96,7 @@ export var StyledOptionalText = styled.span.withConfig({
96
96
  });
97
97
  export var StyledHintWrapper = styled.div.withConfig({
98
98
  displayName: "TextArea.styles__StyledHintWrapper",
99
- componentId: "sc-2ff414ff-6"
99
+ componentId: "sc-e5158e93-6"
100
100
  })([
101
101
  "display:inline-flex;line-height:0;margin:var(",
102
102
  ");&.",
@@ -105,7 +105,7 @@ export var StyledHintWrapper = styled.div.withConfig({
105
105
  ], tokens.hintMargin, classes.innerLabelPlacement, tokens.hintInnerLabelPlacementOffset);
106
106
  export var HintTargetWrapper = styled.div.withConfig({
107
107
  displayName: "TextArea.styles__HintTargetWrapper",
108
- componentId: "sc-2ff414ff-7"
108
+ componentId: "sc-e5158e93-7"
109
109
  })([
110
110
  "color:var(",
111
111
  ");width:var(",
@@ -114,40 +114,65 @@ export var HintTargetWrapper = styled.div.withConfig({
114
114
  ], tokens.hintIconColor, tokens.hintTargetSize, tokens.hintTargetSize);
115
115
  export var HintIconWrapper = styled.div.withConfig({
116
116
  displayName: "TextArea.styles__HintIconWrapper",
117
- componentId: "sc-2ff414ff-8"
117
+ componentId: "sc-e5158e93-8"
118
118
  })([
119
119
  ""
120
120
  ]);
121
121
  export var StyledTextAreaWrapper = styled.div.withConfig({
122
122
  displayName: "TextArea.styles__StyledTextAreaWrapper",
123
- componentId: "sc-2ff414ff-9"
123
+ componentId: "sc-e5158e93-9"
124
124
  })([
125
- "background-color:var(",
126
- ");padding-top:var(",
125
+ "display:flex;flex-direction:column;background-color:var(",
127
126
  ");padding-bottom:",
128
127
  ";border-radius:",
129
128
  ";"
130
- ], tokens.inputBackgroundColor, tokens.inputPaddingTop, function(param) {
129
+ ], tokens.inputBackgroundColor, function(param) {
131
130
  var hasHelper = param.hasHelper;
132
131
  return hasHelper ? "var(".concat(tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(tokens.inputPaddingBottom, ")");
133
132
  }, function(param) {
134
133
  var hasHelper = param.hasHelper;
135
134
  return hasHelper ? "var(".concat(tokens.borderRadiusWithHelpers, ")") : "var(".concat(tokens.borderRadius, ")");
136
135
  });
136
+ export var StyledContentWrapper = styled.div.withConfig({
137
+ displayName: "TextArea.styles__StyledContentWrapper",
138
+ componentId: "sc-e5158e93-10"
139
+ })([
140
+ "position:relative;width:100%;height:0;margin-top:var(",
141
+ ");"
142
+ ], tokens.inputPaddingTop);
137
143
  export var StyledContent = styled.div.withConfig({
138
144
  displayName: "TextArea.styles__StyledContent",
139
- componentId: "sc-2ff414ff-10"
145
+ componentId: "sc-e5158e93-11"
140
146
  })([
141
- "position:absolute;display:flex;align-items:center;bottom:0;z-index:1;color:var(",
147
+ "position:absolute;display:flex;align-items:center;z-index:1;color:var(",
142
148
  ",var(",
143
- "));top:var(",
144
- ");right:var(",
149
+ "));top:-0.063rem;right:var(",
145
150
  ");height:var(",
146
151
  ");"
147
- ], tokens.rightContentColor, tokens.inputColor, tokens.rightContentTop, tokens.rightContentRight, tokens.rightContentHeight);
152
+ ], tokens.rightContentColor, tokens.inputColor, tokens.rightContentRight, tokens.rightContentHeight);
153
+ export var StyledHeaderSlot = styled.div.withConfig({
154
+ displayName: "TextArea.styles__StyledHeaderSlot",
155
+ componentId: "sc-e5158e93-12"
156
+ })([
157
+ "display:flex;flex-direction:column;margin-right:var(--plasma-textarea-helpers-padding-right);margin-left:var(--plasma-textarea-helpers-padding-left);"
158
+ ]);
159
+ export var DividerWrapper = styled.div.withConfig({
160
+ displayName: "TextArea.styles__DividerWrapper",
161
+ componentId: "sc-e5158e93-13"
162
+ })([
163
+ "background:var(",
164
+ ");"
165
+ ], tokens.backgroundColor);
166
+ export var Divider = styled.div.withConfig({
167
+ displayName: "TextArea.styles__Divider",
168
+ componentId: "sc-e5158e93-14"
169
+ })([
170
+ "height:0.0625rem;background:var(",
171
+ ");"
172
+ ], tokens.dividerColor);
148
173
  export var StyledContainer = styled.div.withConfig({
149
174
  displayName: "TextArea.styles__StyledContainer",
150
- componentId: "sc-2ff414ff-11"
175
+ componentId: "sc-e5158e93-15"
151
176
  })([
152
177
  "display:inline-flex;flex-direction:column;width:",
153
178
  ";position:relative;"
@@ -157,7 +182,7 @@ export var StyledContainer = styled.div.withConfig({
157
182
  });
158
183
  export var StyledTextArea = styled.textarea.withConfig({
159
184
  displayName: "TextArea.styles__StyledTextArea",
160
- componentId: "sc-2ff414ff-12"
185
+ componentId: "sc-e5158e93-16"
161
186
  })([
162
187
  "display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(",
163
188
  ");caret-color:var(",
@@ -220,7 +245,7 @@ export var StyledTextArea = styled.textarea.withConfig({
220
245
  }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight, tokens.inputColorFocus, tokens.scrollbarWidth, tokens.scrollbarThumbBackgroundColor, tokens.scrollbarBorderWidth, tokens.scrollbarTrackBackgroundColor, tokens.scrollbarBorderWidth);
221
246
  export var StyledHiddenTextArea = styled.textarea.withConfig({
222
247
  displayName: "TextArea.styles__StyledHiddenTextArea",
223
- componentId: "sc-2ff414ff-13"
248
+ componentId: "sc-e5158e93-17"
224
249
  })([
225
250
  "max-height:none !important;min-height:var(",
226
251
  ") !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:",
@@ -238,7 +263,7 @@ export var StyledHiddenTextArea = styled.textarea.withConfig({
238
263
  }, tokens.inputPaddingLeft, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
239
264
  export var StyledHelpers = styled.div.withConfig({
240
265
  displayName: "TextArea.styles__StyledHelpers",
241
- componentId: "sc-2ff414ff-14"
266
+ componentId: "sc-e5158e93-18"
242
267
  })([
243
268
  "box-sizing:border-box;display:flex;justify-content:space-between;transition:background-color 0.1s ease-in-out;background-color:var(",
244
269
  ");padding-top:var(",
@@ -251,14 +276,14 @@ export var StyledHelpers = styled.div.withConfig({
251
276
  ], tokens.helpersBackgroundColor, tokens.helpersPaddingTop, tokens.helpersPaddingRight, tokens.helpersPaddingBottom, tokens.helpersPaddingLeft, tokens.borderRadius, tokens.borderRadius);
252
277
  export var StyledOutsideHelpersWrapper = styled.div.withConfig({
253
278
  displayName: "TextArea.styles__StyledOutsideHelpersWrapper",
254
- componentId: "sc-2ff414ff-15"
279
+ componentId: "sc-e5158e93-19"
255
280
  })([
256
281
  "box-sizing:border-box;display:flex;justify-content:space-between;padding-top:var(",
257
282
  ");"
258
283
  ], tokens.clearHelpersPaddingTop);
259
284
  export var StyledLeftHelper = styled.span.withConfig({
260
285
  displayName: "TextArea.styles__StyledLeftHelper",
261
- componentId: "sc-2ff414ff-16"
286
+ componentId: "sc-e5158e93-20"
262
287
  })([
263
288
  "",
264
289
  ";display:block;font-family:var(",
@@ -272,14 +297,14 @@ export var StyledLeftHelper = styled.span.withConfig({
272
297
  ], applyEllipsis(), tokens.helpersFontFamily, tokens.helpersFontSize, tokens.helpersFontStyle, tokens.helpersFontWeight, tokens.helpersLetterSpacing, tokens.helpersLineHeight, tokens.leftHelperColor);
273
298
  export var StyledRightHelper = styled(StyledLeftHelper).withConfig({
274
299
  displayName: "TextArea.styles__StyledRightHelper",
275
- componentId: "sc-2ff414ff-17"
300
+ componentId: "sc-e5158e93-21"
276
301
  })([
277
302
  "color:var(",
278
303
  ");margin-left:auto;"
279
304
  ], tokens.rightHelperColor);
280
305
  export var StyledPlaceholder = styled.label.withConfig({
281
306
  displayName: "TextArea.styles__StyledPlaceholder",
282
- componentId: "sc-2ff414ff-18"
307
+ componentId: "sc-e5158e93-22"
283
308
  })([
284
309
  "box-sizing:border-box;position:absolute;pointer-events:none;display:inline-flex;align-items:center;transition:all 0.1s ease-in-out;transform-origin:top left;color:var(",
285
310
  ");width:100%;height:auto;top:var(",
@@ -298,7 +323,7 @@ export var StyledPlaceholder = styled.label.withConfig({
298
323
  }, tokens.inputFontFamily, tokens.inputFontSize, tokens.inputFontStyle, tokens.inputFontWeight, tokens.inputLetterSpacing, tokens.inputLineHeight);
299
324
  export var StyledIndicator = styled.div.withConfig({
300
325
  displayName: "TextArea.styles__StyledIndicator",
301
- componentId: "sc-2ff414ff-19"
326
+ componentId: "sc-e5158e93-23"
302
327
  })([
303
328
  "position:absolute;border-radius:50%;background-color:var(",
304
329
  ");&.",
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAgCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA6T9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA/TQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkWnF,CAAC"}
1
+ {"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAmG,MAAM,OAAO,CAAC;AAKxH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAC;AAoCrD,OAAO,KAAK,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAkCzE,eAAO,MAAM,sBAAsB,UAAW,aAAa,WAAW,OAAO,2BA2B5E,CAAC;AAEF,eAAO,MAAM,YAAY,SAAU,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC,8FA0U9E,CAAC;AAEP,eAAO,MAAM,cAAc;;;mBA5UQ,SAAS,CAAC,mBAAmB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+WnF,CAAC"}
@@ -15,7 +15,11 @@ export declare const HintIconWrapper: import("@linaria/react").StyledComponent<i
15
15
  export declare const StyledTextAreaWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
16
16
  hasHelper: boolean;
17
17
  }>;
18
+ export declare const StyledContentWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
18
19
  export declare const StyledContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
20
+ export declare const StyledHeaderSlot: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
21
+ export declare const DividerWrapper: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
22
+ export declare const Divider: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
19
23
  export declare const StyledContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
20
24
  width: string;
21
25
  }>;
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;WAAS,MAAM;EAOjF,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;kBAA+B,OAAO;EAepE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;EAUrB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAazB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;YACjB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;aACf,MAAM;EAiGlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;qBACZ,OAAO;aACf,MAAM;EA+BlB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAa5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;SAjRM,MAAO,WAAW;EAoRrD,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
1
+ {"version":3,"file":"TextArea.styles.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"names":[],"mappings":"AAWA,eAAO,MAAM,IAAI,8OAAoB,CAAC;AAEtC,eAAO,MAAM,iBAAiB;kBAA8B,OAAO;WAAS,MAAM;EAOjF,CAAC;AAEF,eAAO,MAAM,WAAW,qKAWvB,CAAC;AAEF,eAAO,MAAM,YAAY,qKAUxB,CAAC;AAEF,eAAO,MAAM,sBAAsB,qKAIlC,CAAC;AAEF,eAAO,MAAM,kBAAkB;kBAA+B,OAAO;EAepE,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAU7B,CAAC;AAEF,eAAO,MAAM,iBAAiB,qKAQ7B,CAAC;AAEF,eAAO,MAAM,eAAe,qKAAe,CAAC;AAE5C,eAAO,MAAM,qBAAqB;eACnB,OAAO;EAWrB,CAAC;AAEF,eAAO,MAAM,oBAAoB,qKAKhC,CAAC;AAEF,eAAO,MAAM,aAAa,qKAYzB,CAAC;AAEF,eAAO,MAAM,gBAAgB,qKAK5B,CAAC;AAEF,eAAO,MAAM,cAAc,qKAE1B,CAAC;AAEF,eAAO,MAAM,OAAO,qKAGnB,CAAC;AAEF,eAAO,MAAM,eAAe;WAAuB,MAAM;EAOxD,CAAC;AAEF,eAAO,MAAM,cAAc;eACZ,OAAO;qBACD,OAAO;sBACN,OAAO;YACjB,MAAM,GAAG,MAAM;aACd,MAAM,GAAG,MAAM;aACf,MAAM;EAiGlB,CAAC;AAEF,eAAO,MAAM,oBAAoB;qBACZ,OAAO;aACf,MAAM;EA+BlB,CAAC;AAEF,eAAO,MAAM,aAAa,qKAgBzB,CAAC;AAEF,eAAO,MAAM,2BAA2B,qKAMvC,CAAC;AAEF,eAAO,MAAM,gBAAgB,uKAa5B,CAAC;AAEF,eAAO,MAAM,iBAAiB;SAxSM,MAAO,WAAW;EA2SrD,CAAC;AAEF,eAAO,MAAM,iBAAiB;qBACT,OAAO;EA2B3B,CAAC;AAEF,eAAO,MAAM,eAAe,qKA+B3B,CAAC"}
@@ -159,6 +159,11 @@ export type TextAreaPropsBase = {
159
159
  * Метка-подпись к элементу справа.
160
160
  */
161
161
  titleCaption?: ReactNode;
162
+ /**
163
+ * Слот для контента над вводимым текстом
164
+ * @description не отображается, если включен `clear`
165
+ */
166
+ headerSlot?: ReactNode;
162
167
  /**
163
168
  * Слот для контента справа.
164
169
  */
@@ -1 +1 @@
1
- {"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TextArea.types.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAC1D,OAAO,KAAK,EAAE,gBAAgB,EAAE,qBAAqB,EAAE,MAAM,YAAY,CAAC;AAE1E,KAAK,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI;KACnB,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACvB,GACG;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,GACD;KACK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,KAAK;CACzB,CAAC;AAEN,KAAK,KAAK,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC;AAEnG,KAAK,UAAU,GAAG;IACd;;OAEG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG;IAClC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACnC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAChC;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,uBAAuB,GAAG,KAAK,CACvC,uBAAuB,EACvB,wBAAwB,EACxB,qBAAqB,EACrB,UAAU,CACb,CAAC;AAEF,KAAK,aAAa,GAAG;IACjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,KAAK,SAAS,GACR;IACI;;OAEG;IACH,QAAQ,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IAChC;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B;;OAEG;IACH,aAAa,CAAC,EAAE,gBAAgB,GAAG,KAAK,CAAC,qBAAqB,CAAC,CAAC;IAChE;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;OAIG;IACH,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,eAAe,CAAC,EAAE,SAAS,CAAC;CAC/B,GACD;IACI,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,cAAc,CAAC,EAAE,KAAK,CAAC;IACvB,aAAa,CAAC,EAAE,KAAK,CAAC;IACtB,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,UAAU,CAAC,EAAE,KAAK,CAAC;IACnB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,eAAe,CAAC,EAAE,KAAK,CAAC;CAC3B,CAAC;AAER,MAAM,MAAM,iBAAiB,GAAG;IAC5B;;;OAGG;IACH,MAAM,CAAC,EAAE,EAAE,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,CAAC;IAC9C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACnC;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB;;;OAGG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAClC;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,YAAY,GAAG,UAAU,CAAC;IACrD;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,SAAS,CAAC;IACvB;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;CAC3C,GAAG,aAAa,GACb,SAAS,CAAC;AAEd,KAAK,oBAAoB,GAAG,iBAAiB,GAAG;IAC5C;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,GACvG,oBAAoB,GACpB,uBAAuB,CAAC;AAE5B,MAAM,MAAM,iBAAiB,GAAG;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACtB,GAAG,IAAI,CAAC,sBAAsB,CAAC,mBAAmB,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,UAAU,CAAC,CAAC"}
@@ -1,20 +0,0 @@
1
-
2
- .o1r1fvk8{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;max-width:var(--o1r1fvk8-0);margin-bottom:var(--o1r1fvk8-1);}
3
- .surmvwq{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
4
- .t18bd513{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
5
- .s7alcr2{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
6
- .si9oz50{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
7
- .s18tpn65{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.s18tpn65.label-placement-inner{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
8
- .h19sfsrt{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
9
-
10
- .s3wsw3p{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
11
- .stc5t23{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
12
- .salwx57{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--salwx57-0);position:relative;}
13
- .s18lndvq{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s18lndvq-0);--plasma_private-textarea-height:var(--s18lndvq-1);--plasma_private-textarea-width:var(--s18lndvq-2);--plasma_private-textarea-computed-height:var(--s18lndvq-3);--plasma_private-textarea-computed-width:var(--s18lndvq-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s18lndvq-5);max-width:var(--s18lndvq-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s18lndvq-6);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top,0) + var(--plasma-textarea-helpers-padding-bottom,0) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s18lndvq-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.s18lndvq::-webkit-input-placeholder{opacity:0;}.s18lndvq::-moz-placeholder{opacity:0;}.s18lndvq:-ms-input-placeholder{opacity:0;}.s18lndvq::placeholder{opacity:0;}.s18lndvq:-moz-read-only{cursor:default;}.s18lndvq:read-only{cursor:default;}.s18lndvq:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.s18lndvq::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.s18lndvq::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.s18lndvq::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
14
- .s183p45n{max-height:none !important;min-height:var(--plasma-textarea-input-min-height) !important;visibility:hidden !important;overflow:hidden !important;position:absolute !important;z-index:-1000 !important;top:0 !important;left:0 !important;right:0.0625rem !important;border-width:0;padding-right:var(--s183p45n-0);padding-left:var(--plasma-textarea-input-padding-left,0);padding-top:0;padding-bottom:0;box-sizing:border-box;text-indent:0;text-rendering:auto;text-transform:none;tab-size:8;font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
15
- .snf439a{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
16
- .suev9vb{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;padding-top:var(--plasma-textarea-clear-helpers-padding-top);}
17
- .s7jal92{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
18
- .s11kd6xq.s7jal92{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
19
- .s14zw9ik{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s14zw9ik-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
20
- .sgr5lml{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.sgr5lml.label-placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.sgr5lml.label-placement-outer.required-align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.sgr5lml.label-placement-outer.required-align-right.textarea-has-hint{right:calc( -1 * var(--plasma-textarea-indicator-size-outer) + var(--plasma-textfield__indicator-hint-placement-outer-right,0px) );}.sgr5lml.label-placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.sgr5lml.label-placement-inner.required-align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}
@@ -1 +0,0 @@
1
- .b1x0cx6o.textarea-clear{border:unset;}.b1x0cx6o.textarea-clear .s3wsw3p{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.b1x0cx6o.textarea-clear .o1r1fvk8{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.b1x0cx6o.textarea-clear .stc5t23{right:0;bottom:unset;}.b1x0cx6o.textarea-clear .s18lndvq,.b1x0cx6o.textarea-clear .snf439a{padding-left:0;}.b1x0cx6o.textarea-clear .snf439a{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.b1x0cx6o.textarea-clear .s18lndvq{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.b1x0cx6o.textarea-clear .s18lndvq.textarea-has-right-content{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.b1x0cx6o.textarea-clear .salwx57:not(.inner-placeholder-up) .s14zw9ik{color:var(--plasma-textarea-clear-placeholder-color);}.b1x0cx6o.textarea-clear .salwx57:not(.inner-placeholder-up).focused-outer-placeholder-color .s14zw9ik{color:var(--plasma-textarea-clear-placeholder-color-focus);}.b1x0cx6o.textarea-clear .salwx57.inner-placeholder-up{color:var(--plasma-textarea-placeholder-color);}.b1x0cx6o.textarea-clear .s14zw9ik{padding-left:0;}.b1x0cx6o.textarea-clear .sgr5lml.label-placement-inner{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.b1x0cx6o.textarea-clear .sgr5lml.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.b1x0cx6o.textarea-clear.textarea-has-hint .s18tpn65.label-placement-inner{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.b1x0cx6o.textarea-clear.textarea-has-hint .sgr5lml.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.b1x0cx6o.textarea-clear .textarea-container{border:unset;border-radius:0;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-wrapper{background-color:unset;box-shadow:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-container{border:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-helpers{background-color:unset;}.b1x0cx6o.textarea-clear.textarea-has-divider .s3wsw3p{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.b1x0cx6o.textarea-clear.textarea-has-divider .s3wsw3p:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .s3wsw3p:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .s3wsw3p:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}
@@ -1 +0,0 @@
1
- .b1w9g1pa[disabled] .surmvwq,.b1w9g1pa[disabled] .sgr5lml,.b1w9g1pa[disabled] .si9oz50,.b1w9g1pa[disabled] .t18bd513,.b1w9g1pa[disabled] .stc5t23,.b1w9g1pa[disabled] .s3wsw3p,.b1w9g1pa[disabled] .snf439a,.b1w9g1pa[disabled] .s14zw9ik,.b1w9g1pa[disabled] .suev9vb{opacity:var(--plasma-textarea-disabled-opacity);cursor:not-allowed;}.b1w9g1pa[disabled] .surmvwq:hover,.b1w9g1pa[disabled] .sgr5lml:hover,.b1w9g1pa[disabled] .si9oz50:hover,.b1w9g1pa[disabled] .t18bd513:hover,.b1w9g1pa[disabled] .stc5t23:hover,.b1w9g1pa[disabled] .s3wsw3p:hover,.b1w9g1pa[disabled] .snf439a:hover,.b1w9g1pa[disabled] .s14zw9ik:hover,.b1w9g1pa[disabled] .suev9vb:hover,.b1w9g1pa[disabled] .surmvwq:active,.b1w9g1pa[disabled] .sgr5lml:active,.b1w9g1pa[disabled] .si9oz50:active,.b1w9g1pa[disabled] .t18bd513:active,.b1w9g1pa[disabled] .stc5t23:active,.b1w9g1pa[disabled] .s3wsw3p:active,.b1w9g1pa[disabled] .snf439a:active,.b1w9g1pa[disabled] .s14zw9ik:active,.b1w9g1pa[disabled] .suev9vb:active{-webkit-transform:none;-ms-transform:none;transform:none;}.b1w9g1pa .textarea:disabled{cursor:not-allowed;color:var(--plasma-textarea-input-color-disabled);}