@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.
- package/cjs/components/TextArea/TextArea.js +5 -3
- package/cjs/components/TextArea/TextArea.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles.js +63 -39
- package/cjs/components/TextArea/TextArea.styles.js.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_157tps0.css +24 -0
- package/cjs/components/TextArea/ui/Hint/Hint.css +22 -18
- package/cjs/components/TextArea/variations/_clear/base.js +1 -1
- package/cjs/components/TextArea/variations/_clear/base_1vo4ba5.css +1 -0
- package/cjs/components/TextArea/variations/_disabled/base.js +1 -1
- package/cjs/components/TextArea/variations/_disabled/base_s6ttw.css +1 -0
- package/cjs/components/TextArea/variations/_read-only/base.js +1 -1
- package/{es/components/TextArea/variations/_read-only/base_1v0syh0.css → cjs/components/TextArea/variations/_read-only/base_vk912g.css} +1 -1
- package/cjs/index.css +26 -22
- package/emotion/cjs/components/TextArea/TextArea.js +5 -4
- package/emotion/cjs/components/TextArea/TextArea.styles.js +69 -41
- package/emotion/es/components/TextArea/TextArea.js +6 -5
- package/emotion/es/components/TextArea/TextArea.styles.js +57 -41
- package/es/components/TextArea/TextArea.js +6 -4
- package/es/components/TextArea/TextArea.js.map +1 -1
- package/es/components/TextArea/TextArea.styles.js +60 -40
- package/es/components/TextArea/TextArea.styles.js.map +1 -1
- package/es/components/TextArea/TextArea.styles_157tps0.css +24 -0
- package/es/components/TextArea/ui/Hint/Hint.css +22 -18
- package/es/components/TextArea/variations/_clear/base.js +1 -1
- package/es/components/TextArea/variations/_clear/base_1vo4ba5.css +1 -0
- package/es/components/TextArea/variations/_disabled/base.js +1 -1
- package/es/components/TextArea/variations/_disabled/base_s6ttw.css +1 -0
- package/es/components/TextArea/variations/_read-only/base.js +1 -1
- package/{cjs/components/TextArea/variations/_read-only/base_1v0syh0.css → es/components/TextArea/variations/_read-only/base_vk912g.css} +1 -1
- package/es/index.css +26 -22
- package/package.json +2 -2
- package/styled-components/cjs/components/TextArea/TextArea.js +4 -3
- package/styled-components/cjs/components/TextArea/TextArea.styles.js +64 -27
- package/styled-components/es/components/TextArea/TextArea.js +5 -4
- package/styled-components/es/components/TextArea/TextArea.styles.js +52 -27
- package/types/components/TextArea/TextArea.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.styles.d.ts +4 -0
- package/types/components/TextArea/TextArea.styles.d.ts.map +1 -1
- package/types/components/TextArea/TextArea.types.d.ts +5 -0
- package/types/components/TextArea/TextArea.types.d.ts.map +1 -1
- package/cjs/components/TextArea/TextArea.styles_1r7xix5.css +0 -20
- package/cjs/components/TextArea/variations/_clear/base_16hm89e.css +0 -1
- package/cjs/components/TextArea/variations/_disabled/base_1bn0zc9.css +0 -1
- package/es/components/TextArea/TextArea.styles_1r7xix5.css +0 -20
- package/es/components/TextArea/variations/_clear/base_16hm89e.css +0 -1
- 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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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,
|
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-
|
234
|
+
componentId: "sc-e5158e93-11"
|
217
235
|
})([
|
218
|
-
"position:absolute;display:flex;align-items:center;
|
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.
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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
|
-
}))),
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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,
|
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-
|
145
|
+
componentId: "sc-e5158e93-11"
|
140
146
|
})([
|
141
|
-
"position:absolute;display:flex;align-items:center;
|
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.
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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-
|
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;
|
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;
|
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":"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"}
|
@@ -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);}
|