@alfalab/core-components 41.1.0-beta.0 → 41.1.0

package/tag/modern/inverted.css

@@ -79,41 +79,41 @@
     --tag-inverted-text-color-checked: var(--color-dark-text-primary-inverted);
     --tag-inverted-text-color-disabled: var(--color-dark-text-tertiary);
     --tag-inverted-text-color-checked-disabled: var(--color-dark-text-primary-inverted);
-} .tag__component_1q0we.tag__outlined_1q0we {
+} .tag__component_1owek.tag__outlined_1owek {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-border-color);
         background-color: var(--tag-inverted-outlined-background-color)
-    } .tag__component_1q0we.tag__outlined_1q0we:disabled {
+    } .tag__component_1owek.tag__outlined_1owek:disabled {
             border-color: var(--tag-inverted-border-color-disabled);
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-outlined-background-color-disabled);
-        } .tag__component_1q0we.tag__outlined_1q0we:hover:not(:disabled) {
+        } .tag__component_1owek.tag__outlined_1owek:hover:not(:disabled) {
             border-color: var(--tag-inverted-border-color-hover);
             background-color: var(--tag-inverted-outlined-background-color-hover);
-        } .tag__component_1q0we.tag__outlined_1q0we:active:not(:disabled) {
+        } .tag__component_1owek.tag__outlined_1owek:active:not(:disabled) {
             border-color: var(--tag-inverted-border-color-active);
             background-color: var(--tag-inverted-outlined-background-color-active);
-        } .tag__component_1q0we.tag__filled_1q0we {
+        } .tag__component_1owek.tag__filled_1owek {
         color: var(--tag-inverted-text-color);
         border-color: var(--tag-inverted-filled-border-color);
         background-color: var(--tag-inverted-filled-background-color)
-    } .tag__component_1q0we.tag__filled_1q0we:disabled {
+    } .tag__component_1owek.tag__filled_1owek:disabled {
             color: var(--tag-inverted-text-color-disabled);
             background-color: var(--tag-inverted-filled-background-color-disabled);
-        } .tag__component_1q0we.tag__filled_1q0we:hover:not(:disabled) {
+        } .tag__component_1owek.tag__filled_1owek:hover:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-hover);
-        } .tag__component_1q0we.tag__filled_1q0we:active:not(:disabled) {
+        } .tag__component_1owek.tag__filled_1owek:active:not(:disabled) {
             background-color: var(--tag-inverted-filled-background-color-active);
-        } .tag__component_1q0we.tag__checked_1q0we {
+        } .tag__component_1owek.tag__checked_1owek {
         border-color: var(--tag-inverted-border-color-checked);
         background-color: var(--tag-inverted-background-color-checked);
         color: var(--tag-inverted-text-color-checked)
-    } .tag__component_1q0we.tag__checked_1q0we:disabled {
+    } .tag__component_1owek.tag__checked_1owek:disabled {
             background-color: var(--tag-inverted-background-color-checked-disabled);
             border-color: var(--tag-inverted-border-color-checked-disabled);
             color: var(--tag-inverted-text-color-checked-disabled);
-        } .tag__component_1q0we.tag__checked_1q0we:hover:not(:disabled) {
+        } .tag__component_1owek.tag__checked_1owek:hover:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-hover);
-        } .tag__component_1q0we.tag__checked_1q0we:active:not(:disabled) {
+        } .tag__component_1owek.tag__checked_1owek:active:not(:disabled) {
             background-color: var(--tag-inverted-background-color-checked-active);
         }

package/textarea/Component.js

@@ -7,7 +7,7 @@ var TextareaAutosize = require('react-textarea-autosize');
 var cn = require('classnames');
 var coreComponentsFormControl = require('../form-control');
 var hooks = require('@alfalab/hooks');
-var components_PseudoTextArea = require('./PseudoTextArea-1bff3cd3.js');
+var components_PseudoTextArea = require('./PseudoTextArea-93fd1346.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -16,10 +16,10 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var TextareaAutosize__default = /*#__PURE__*/_interopDefaultCompat(TextareaAutosize);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"input":"textarea__input_aylcb","hasInnerLabel":"textarea__hasInnerLabel_aylcb","clearIcon":"textarea__clearIcon_aylcb","error":"textarea__error_aylcb","textarea":"textarea__textarea_aylcb","hint":"textarea__hint_aylcb"};
+var defaultColors = {"input":"textarea__input_uhy2m","hasInnerLabel":"textarea__hasInnerLabel_uhy2m","clearIcon":"textarea__clearIcon_uhy2m","error":"textarea__error_uhy2m","textarea":"textarea__textarea_uhy2m","hint":"textarea__hint_uhy2m"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_15oio","hasInnerLabel":"textarea__hasInnerLabel_15oio","clearIcon":"textarea__clearIcon_15oio","error":"textarea__error_15oio","textarea":"textarea__textarea_15oio","hint":"textarea__hint_15oio"};
+var invertedColors = {"input":"textarea__input_1p7ve","hasInnerLabel":"textarea__hasInnerLabel_1p7ve","clearIcon":"textarea__clearIcon_1p7ve","error":"textarea__error_1p7ve","textarea":"textarea__textarea_1p7ve","hint":"textarea__hint_1p7ve"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -31,16 +31,16 @@ var getDefaultCounterText = function (textLength, maxLength) {
     return "".concat(textLength, "/").concat(maxLength, " \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432");
 };
 var Textarea = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var _e = _a.autoComplete, autoComplete = _e === void 0 ? 'on' : _e, _f = _a.autosize, autosize = _f === void 0 ? true : _f, _g = _a.size, size = _g === void 0 ? 's' : _g, _h = _a.colors, colors = _h === void 0 ? 'default' : _h, _j = _a.block, block = _j === void 0 ? false : _j, bottomAddons = _a.bottomAddons, fieldClassName = _a.fieldClassName, className = _a.className, dataTestId = _a.dataTestId, disabled = _a.disabled, error = _a.error, hint = _a.hint, textareaClassName = _a.textareaClassName, label = _a.label, _k = _a.labelView, labelView = _k === void 0 ? 'inner' : _k, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onHeightChange = _a.onHeightChange, rightAddons = _a.rightAddons, maxRows = _a.maxRows, minRows = _a.minRows, maxHeight = _a.maxHeight, _l = _a.resize, resize = _l === void 0 ? 'none' : _l, value = _a.value, defaultValue = _a.defaultValue, _m = _a.rows, rows = _m === void 0 ? autosize ? 1 : 3 : _m, _o = _a.showCounter, showCounter = _o === void 0 ? false : _o, _p = _a.getCounterText, getCounterText = _p === void 0 ? getDefaultCounterText : _p, maxLength = _a.maxLength, _q = _a.allowOverflow, allowOverflow = _q === void 0 ? true : _q, nativeScrollbarProp = _a.nativeScrollbar, restProps = tslib.__rest(_a, ["autoComplete", "autosize", "size", "colors", "block", "bottomAddons", "fieldClassName", "className", "dataTestId", "disabled", "error", "hint", "textareaClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onHeightChange", "rightAddons", "maxRows", "minRows", "maxHeight", "resize", "value", "defaultValue", "rows", "showCounter", "getCounterText", "maxLength", "allowOverflow", "nativeScrollbar"]);
+    var _b, _c, _d, _e;
+    var _f = _a.autoComplete, autoComplete = _f === void 0 ? 'on' : _f, _g = _a.autosize, autosize = _g === void 0 ? true : _g, _h = _a.size, size = _h === void 0 ? 's' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.block, block = _k === void 0 ? false : _k, bottomAddons = _a.bottomAddons, fieldClassName = _a.fieldClassName, className = _a.className, dataTestId = _a.dataTestId, disabled = _a.disabled, error = _a.error, hint = _a.hint, textareaClassName = _a.textareaClassName, label = _a.label, _l = _a.labelView, labelView = _l === void 0 ? 'inner' : _l, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onHeightChange = _a.onHeightChange, rightAddons = _a.rightAddons, maxRows = _a.maxRows, minRows = _a.minRows, maxHeight = _a.maxHeight, _m = _a.resize, resize = _m === void 0 ? 'none' : _m, value = _a.value, defaultValue = _a.defaultValue, _o = _a.rows, rows = _o === void 0 ? autosize ? 1 : 3 : _o, _p = _a.showCounter, showCounter = _p === void 0 ? false : _p, _q = _a.getCounterText, getCounterText = _q === void 0 ? getDefaultCounterText : _q, maxLength = _a.maxLength, _r = _a.allowOverflow, allowOverflow = _r === void 0 ? true : _r, nativeScrollbarProp = _a.nativeScrollbar, restProps = tslib.__rest(_a, ["autoComplete", "autosize", "size", "colors", "block", "bottomAddons", "fieldClassName", "className", "dataTestId", "disabled", "error", "hint", "textareaClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onHeightChange", "rightAddons", "maxRows", "minRows", "maxHeight", "resize", "value", "defaultValue", "rows", "showCounter", "getCounterText", "maxLength", "allowOverflow", "nativeScrollbar"]);
     var uncontrolled = value === undefined;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var textareaRef = React.useRef(null);
     var pseudoTextareaRef = React.useRef(null);
-    var _r = React.useState(false), focused = _r[0], setFocused = _r[1];
-    var _s = React.useState(defaultValue || ''), stateValue = _s[0], setStateValue = _s[1];
-    var _t = React.useState(0), scrollPosition = _t[0], setScrollPosition = _t[1];
+    var _s = React.useState(false), focused = _s[0], setFocused = _s[1];
+    var _t = React.useState(defaultValue || ''), stateValue = _t[0], setStateValue = _t[1];
+    var _u = React.useState(0), scrollPosition = _u[0], setScrollPosition = _u[1];
     var focusVisible = hooks.useFocus(textareaRef, 'keyboard')[0];
     var filled = Boolean(uncontrolled ? stateValue : value);
     var hasInnerLabel = label && labelView === 'inner';
@@ -95,7 +95,6 @@ var Textarea = React.forwardRef(function (_a, ref) {
         _b[components_PseudoTextArea.styles.hasInnerLabel] = hasInnerLabel,
         _b[colorStyles[colors].hasInnerLabel] = hasInnerLabel,
         _b[components_PseudoTextArea.styles.filled] = filled,
-        _b[components_PseudoTextArea.styles.resizeVertical] = resize === 'vertical',
         _b), textareaClassName);
     var textareaProps = tslib.__assign(tslib.__assign({}, restProps), { className: textareaClassNameCalc, autoComplete: autoComplete, disabled: disabled, maxLength: allowOverflow ? undefined : maxLength, onBlur: handleTextareaBlur, onFocus: handleTextareaFocus, onChange: handleTextareaChange, value: uncontrolled ? stateValue : value, rows: rows, ref: mergeRefs__default.default([ref, textareaRef]), 'data-test-id': dataTestId, onScroll: handleTeaxtareaScroll });
     var getBottomAddons = function () {
@@ -110,11 +109,14 @@ var Textarea = React.forwardRef(function (_a, ref) {
     };
     return (React__default.default.createElement(coreComponentsFormControl.FormControl, { className: cn__default.default(className), fieldClassName: cn__default.default(fieldClassName, (_c = {},
             _c[components_PseudoTextArea.styles.focusVisible] = focusVisible,
-            _c)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: getBottomAddons() },
+            _c)), inputWrapperClassName: cn__default.default(components_PseudoTextArea.styles.wrapper, components_PseudoTextArea.styles[size], (_d = {},
+            _d[components_PseudoTextArea.styles.hasInnerLabel] = hasInnerLabel,
+            _d[components_PseudoTextArea.styles.resizeVertical] = resize === 'vertical',
+            _d)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: getBottomAddons() },
         React__default.default.createElement(React__default.default.Fragment, null,
-            hasOverflow && (React__default.default.createElement(components_PseudoTextArea.PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: cn__default.default(textareaClassNameCalc, (_d = {},
-                    _d[components_PseudoTextArea.styles.nativeScrollbar] = nativeScrollbar,
-                    _d)), ref: pseudoTextareaRef })),
+            hasOverflow && (React__default.default.createElement(components_PseudoTextArea.PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: cn__default.default(textareaClassNameCalc, (_e = {},
+                    _e[components_PseudoTextArea.styles.nativeScrollbar] = nativeScrollbar,
+                    _e)), ref: pseudoTextareaRef })),
             autosize ? (React__default.default.createElement(TextareaAutosize__default.default, tslib.__assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React__default.default.createElement("textarea", tslib.__assign({}, textareaProps, { style: { maxHeight: maxHeight } }))))));
 });
 

package/textarea/{PseudoTextArea-1bff3cd3.js → PseudoTextArea-93fd1346.js}

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"textarea":"textarea__textarea_1oad0","s":"textarea__s_1oad0","m":"textarea__m_1oad0","l":"textarea__l_1oad0","xl":"textarea__xl_1oad0","customScrollbar":"textarea__customScrollbar_1oad0","hasInnerLabel":"textarea__hasInnerLabel_1oad0","resizeVertical":"textarea__resizeVertical_1oad0","pseudoTextarea":"textarea__pseudoTextarea_1oad0","overflow":"textarea__overflow_1oad0","nativeScrollbar":"textarea__nativeScrollbar_1oad0","sub":"textarea__sub_1oad0","focusVisible":"textarea__focusVisible_1oad0","filled":"textarea__filled_1oad0"};
+var styles = {"textarea":"textarea__textarea_1byxg","customScrollbar":"textarea__customScrollbar_1byxg","hasInnerLabel":"textarea__hasInnerLabel_1byxg","pseudoTextarea":"textarea__pseudoTextarea_1byxg","overflow":"textarea__overflow_1byxg","nativeScrollbar":"textarea__nativeScrollbar_1byxg","sub":"textarea__sub_1byxg","focusVisible":"textarea__focusVisible_1byxg","filled":"textarea__filled_1byxg","s":"textarea__s_1byxg","m":"textarea__m_1byxg","l":"textarea__l_1byxg","xl":"textarea__xl_1byxg","wrapper":"textarea__wrapper_1byxg","resizeVertical":"textarea__resizeVertical_1byxg"};
 require('./index.css');
 
 var PseudoTextArea = React.forwardRef(function (_a, ref) {

package/textarea/components/PseudoTextArea.js

@@ -2,7 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-var components_PseudoTextArea = require('../PseudoTextArea-1bff3cd3.js');
+var components_PseudoTextArea = require('../PseudoTextArea-93fd1346.js');
 
 
 

package/textarea/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-1bff3cd3";
+export * from "../PseudoTextArea-93fd1346";

package/textarea/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_PseudoTextArea = require('../PseudoTextArea-1bff3cd3.js');
+var components_PseudoTextArea = require('../PseudoTextArea-93fd1346.js');
 require('react');
 require('classnames');
 

package/textarea/cssm/Component.js

@@ -31,16 +31,16 @@ var getDefaultCounterText = function (textLength, maxLength) {
     return "".concat(textLength, "/").concat(maxLength, " \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432");
 };
 var Textarea = React.forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var _e = _a.autoComplete, autoComplete = _e === void 0 ? 'on' : _e, _f = _a.autosize, autosize = _f === void 0 ? true : _f, _g = _a.size, size = _g === void 0 ? 's' : _g, _h = _a.colors, colors = _h === void 0 ? 'default' : _h, _j = _a.block, block = _j === void 0 ? false : _j, bottomAddons = _a.bottomAddons, fieldClassName = _a.fieldClassName, className = _a.className, dataTestId = _a.dataTestId, disabled = _a.disabled, error = _a.error, hint = _a.hint, textareaClassName = _a.textareaClassName, label = _a.label, _k = _a.labelView, labelView = _k === void 0 ? 'inner' : _k, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onHeightChange = _a.onHeightChange, rightAddons = _a.rightAddons, maxRows = _a.maxRows, minRows = _a.minRows, maxHeight = _a.maxHeight, _l = _a.resize, resize = _l === void 0 ? 'none' : _l, value = _a.value, defaultValue = _a.defaultValue, _m = _a.rows, rows = _m === void 0 ? autosize ? 1 : 3 : _m, _o = _a.showCounter, showCounter = _o === void 0 ? false : _o, _p = _a.getCounterText, getCounterText = _p === void 0 ? getDefaultCounterText : _p, maxLength = _a.maxLength, _q = _a.allowOverflow, allowOverflow = _q === void 0 ? true : _q, nativeScrollbarProp = _a.nativeScrollbar, restProps = tslib.__rest(_a, ["autoComplete", "autosize", "size", "colors", "block", "bottomAddons", "fieldClassName", "className", "dataTestId", "disabled", "error", "hint", "textareaClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onHeightChange", "rightAddons", "maxRows", "minRows", "maxHeight", "resize", "value", "defaultValue", "rows", "showCounter", "getCounterText", "maxLength", "allowOverflow", "nativeScrollbar"]);
+    var _b, _c, _d, _e;
+    var _f = _a.autoComplete, autoComplete = _f === void 0 ? 'on' : _f, _g = _a.autosize, autosize = _g === void 0 ? true : _g, _h = _a.size, size = _h === void 0 ? 's' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.block, block = _k === void 0 ? false : _k, bottomAddons = _a.bottomAddons, fieldClassName = _a.fieldClassName, className = _a.className, dataTestId = _a.dataTestId, disabled = _a.disabled, error = _a.error, hint = _a.hint, textareaClassName = _a.textareaClassName, label = _a.label, _l = _a.labelView, labelView = _l === void 0 ? 'inner' : _l, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onHeightChange = _a.onHeightChange, rightAddons = _a.rightAddons, maxRows = _a.maxRows, minRows = _a.minRows, maxHeight = _a.maxHeight, _m = _a.resize, resize = _m === void 0 ? 'none' : _m, value = _a.value, defaultValue = _a.defaultValue, _o = _a.rows, rows = _o === void 0 ? autosize ? 1 : 3 : _o, _p = _a.showCounter, showCounter = _p === void 0 ? false : _p, _q = _a.getCounterText, getCounterText = _q === void 0 ? getDefaultCounterText : _q, maxLength = _a.maxLength, _r = _a.allowOverflow, allowOverflow = _r === void 0 ? true : _r, nativeScrollbarProp = _a.nativeScrollbar, restProps = tslib.__rest(_a, ["autoComplete", "autosize", "size", "colors", "block", "bottomAddons", "fieldClassName", "className", "dataTestId", "disabled", "error", "hint", "textareaClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onHeightChange", "rightAddons", "maxRows", "minRows", "maxHeight", "resize", "value", "defaultValue", "rows", "showCounter", "getCounterText", "maxLength", "allowOverflow", "nativeScrollbar"]);
     var uncontrolled = value === undefined;
     var nativeScrollbar = hooks.useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var textareaRef = React.useRef(null);
     var pseudoTextareaRef = React.useRef(null);
-    var _r = React.useState(false), focused = _r[0], setFocused = _r[1];
-    var _s = React.useState(defaultValue || ''), stateValue = _s[0], setStateValue = _s[1];
-    var _t = React.useState(0), scrollPosition = _t[0], setScrollPosition = _t[1];
+    var _s = React.useState(false), focused = _s[0], setFocused = _s[1];
+    var _t = React.useState(defaultValue || ''), stateValue = _t[0], setStateValue = _t[1];
+    var _u = React.useState(0), scrollPosition = _u[0], setScrollPosition = _u[1];
     var focusVisible = hooks.useFocus(textareaRef, 'keyboard')[0];
     var filled = Boolean(uncontrolled ? stateValue : value);
     var hasInnerLabel = label && labelView === 'inner';
@@ -95,7 +95,6 @@ var Textarea = React.forwardRef(function (_a, ref) {
         _b[styles__default.default.hasInnerLabel] = hasInnerLabel,
         _b[colorStyles[colors].hasInnerLabel] = hasInnerLabel,
         _b[styles__default.default.filled] = filled,
-        _b[styles__default.default.resizeVertical] = resize === 'vertical',
         _b), textareaClassName);
     var textareaProps = tslib.__assign(tslib.__assign({}, restProps), { className: textareaClassNameCalc, autoComplete: autoComplete, disabled: disabled, maxLength: allowOverflow ? undefined : maxLength, onBlur: handleTextareaBlur, onFocus: handleTextareaFocus, onChange: handleTextareaChange, value: uncontrolled ? stateValue : value, rows: rows, ref: mergeRefs__default.default([ref, textareaRef]), 'data-test-id': dataTestId, onScroll: handleTeaxtareaScroll });
     var getBottomAddons = function () {
@@ -110,11 +109,14 @@ var Textarea = React.forwardRef(function (_a, ref) {
     };
     return (React__default.default.createElement(coreComponentsFormControl.FormControl, { className: cn__default.default(className), fieldClassName: cn__default.default(fieldClassName, (_c = {},
             _c[styles__default.default.focusVisible] = focusVisible,
-            _c)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: getBottomAddons() },
+            _c)), inputWrapperClassName: cn__default.default(styles__default.default.wrapper, styles__default.default[size], (_d = {},
+            _d[styles__default.default.hasInnerLabel] = hasInnerLabel,
+            _d[styles__default.default.resizeVertical] = resize === 'vertical',
+            _d)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: getBottomAddons() },
         React__default.default.createElement(React__default.default.Fragment, null,
-            hasOverflow && (React__default.default.createElement(components_PseudoTextArea.PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: cn__default.default(textareaClassNameCalc, (_d = {},
-                    _d[styles__default.default.nativeScrollbar] = nativeScrollbar,
-                    _d)), ref: pseudoTextareaRef })),
+            hasOverflow && (React__default.default.createElement(components_PseudoTextArea.PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: cn__default.default(textareaClassNameCalc, (_e = {},
+                    _e[styles__default.default.nativeScrollbar] = nativeScrollbar,
+                    _e)), ref: pseudoTextareaRef })),
             autosize ? (React__default.default.createElement(TextareaAutosize__default.default, tslib.__assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React__default.default.createElement("textarea", tslib.__assign({}, textareaProps, { style: { maxHeight: maxHeight } }))))));
 });
 

package/textarea/cssm/index.module.css

@@ -16,7 +16,6 @@
 } :root {
     --border-radius-circle: 50%;
 } :root {
-    --gap-xs: 8px;
 } :root {
 } :root {
     --focus-color: var(--color-light-border-link);
@@ -56,30 +55,41 @@
     --textarea-l-min-height: var(--form-control-l-min-height);
     --textarea-xl-min-height: var(--form-control-xl-min-height);
 
-    /* padding-top */
-    --textarea-s-padding-top: 14px;
-    --textarea-m-padding-top: 18px;
-    --textarea-l-padding-top: 22px;
-    --textarea-xl-padding-top: 24px;
+    /* spacer */
+    --textarea-spacer-style: solid transparent;
+    --textarea-s-spacer: 14px;
+    --textarea-m-spacer: 18px;
+    --textarea-l-spacer: 22px;
+    --textarea-xl-spacer: 24px;
 
-    /* filled margin-top */
-    --textarea-s-filled-margin-top: 23px;
-    --textarea-m-filled-margin-top: 28px;
-    --textarea-l-filled-margin-top: 32px;
-    --textarea-xl-filled-margin-top: 38px;
+    /* filled spacer-top */
+    --textarea-s-filled-spacer-top: 24px;
+    --textarea-m-filled-spacer-top: 24px;
+    --textarea-l-filled-spacer-top: 32px;
+    --textarea-xl-filled-spacer-top: 34px;
+
+    /* filled spacer-bottom */
+    --textarea-s-filled-spacer-bottom: 4px;
+    --textarea-m-filled-spacer-bottom: 8px;
+    --textarea-l-filled-spacer-bottom: 12px;
+    --textarea-xl-filled-spacer-bottom: 14px;
 
     /* filled min-height */
     --textarea-s-filled-min-height: calc(
-        var(--textarea-s-min-height) - var(--textarea-s-filled-margin-top)
+        var(--textarea-s-min-height) - var(--textarea-s-filled-spacer-top) -
+            var(--textarea-s-filled-spacer-bottom)
     );
     --textarea-m-filled-min-height: calc(
-        var(--textarea-m-min-height) - var(--textarea-m-filled-margin-top)
+        var(--textarea-m-min-height) - var(--textarea-m-filled-spacer-top) -
+            var(--textarea-m-filled-spacer-bottom)
     );
     --textarea-l-filled-min-height: calc(
-        var(--textarea-l-min-height) - var(--textarea-l-filled-margin-top)
+        var(--textarea-l-min-height) - var(--textarea-l-filled-spacer-top) -
+            var(--textarea-l-filled-spacer-bottom)
     );
     --textarea-xl-filled-min-height: calc(
-        var(--textarea-xl-min-height) - var(--textarea-xl-filled-margin-top)
+        var(--textarea-xl-min-height) - var(--textarea-xl-filled-spacer-top) -
+            var(--textarea-xl-filled-spacer-bottom)
     );
 } .textarea {
     font-size: 16px;
@@ -95,20 +105,9 @@
     outline: none;
     box-sizing: border-box;
     resize: none;
-    -webkit-appearance: none
-} .textarea.s {
-        padding-top: var(--textarea-s-padding-top);
-        padding-bottom: var(--gap-xs);
-    } .textarea.m {
-        padding-top: var(--textarea-m-padding-top);
-        padding-bottom: var(--gap-xs);
-    } .textarea.l {
-        padding-top: var(--textarea-l-padding-top);
-        padding-bottom: var(--gap-xs);
-    } .textarea.xl {
-        padding-top: var(--textarea-xl-padding-top);
-        padding-bottom: var(--gap-xs);
-    } .customScrollbar {
+    -webkit-appearance: none;
+    height: inherit;
+} .customScrollbar {
     overflow: auto;
     overflow: overlay;
     cursor: auto;
@@ -141,8 +140,6 @@
     transition: opacity 0.2s ease, color 0.2s ease;
 } .hasInnerLabel::placeholder {
     opacity: 0;
-} .resizeVertical {
-    resize: vertical;
 } .pseudoTextarea {
     position: absolute;
     top: 0;
@@ -168,15 +165,10 @@
     /* adjusting overall height 👌 */
     margin-top: 6px;
     padding: var(--form-control-sub-paddings);
-} /* SIZES */ .textarea.s {
-        min-height: var(--textarea-s-min-height);
-    } .textarea.m {
-        min-height: var(--textarea-m-min-height);
-    } .textarea.l {
-        min-height: var(--textarea-l-min-height);
-    } .textarea.xl {
-        min-height: var(--textarea-xl-min-height);
-    } /* DISABLED STATE */ .textarea:disabled {
+} .textarea.hasInnerLabel.hasInnerLabel {
+    padding-top: 0;
+    padding-bottom: 0;
+} /* DISABLED STATE */ .textarea:disabled {
     cursor: var(--disabled-cursor);
     opacity: 1;
 } /* READ-ONLY STATE */ .textarea:read-only {
@@ -189,27 +181,46 @@
 } /* FILLED STATE */ .textarea.filled.hasInnerLabel {
     padding-top: 0
 } .textarea.filled.hasInnerLabel.s {
-        margin-top: var(--textarea-s-filled-margin-top);
         min-height: var(--textarea-s-filled-min-height);
-        height: var(--textarea-s-filled-min-height);
     } .textarea.filled.hasInnerLabel.m {
-        margin-top: var(--textarea-m-filled-margin-top);
         min-height: var(--textarea-m-filled-min-height);
-        height: var(--textarea-m-filled-min-height);
     } .textarea.filled.hasInnerLabel.l {
-        margin-top: var(--textarea-l-filled-margin-top);
         min-height: var(--textarea-l-filled-min-height);
-        height: var(--textarea-l-filled-min-height);
     } .textarea.filled.hasInnerLabel.xl {
-        margin-top: var(--textarea-xl-filled-margin-top);
         min-height: var(--textarea-xl-filled-min-height);
-        height: var(--textarea-xl-filled-min-height);
     } /* Correct pseudoTextarea size */ .pseudoTextarea.filled.hasInnerLabel.s {
-        height: calc(100% - var(--textarea-s-filled-margin-top));
+        min-height: calc(100% - var(--textarea-s-filled-spacer-top));
     } .pseudoTextarea.filled.hasInnerLabel.m {
-        height: calc(100% - var(--textarea-m-filled-margin-top));
+        min-height: calc(100% - var(--textarea-m-filled-spacer-top));
     } .pseudoTextarea.filled.hasInnerLabel.l {
-        height: calc(100% - var(--textarea-l-filled-margin-top));
+        min-height: calc(100% - var(--textarea-l-filled-spacer-top));
     } .pseudoTextarea.filled.hasInnerLabel.xl {
-        height: calc(100% - var(--textarea-xl-filled-margin-top));
-    }
+        min-height: calc(100% - var(--textarea-xl-filled-spacer-top));
+    } .wrapper.resizeVertical {
+        resize: vertical;
+        min-height: 48px;
+    } /* Border нужен для того чтобы растянуть textarea на всю высоту FormControl , если заменить на padding, то лейбл не будет кликабельный */ .textarea.s {
+        border-top: var(--textarea-s-spacer) var(--textarea-spacer-style);
+        border-bottom: var(--textarea-s-spacer) var(--textarea-spacer-style);
+    } .textarea.m {
+        border-top: var(--textarea-m-spacer) var(--textarea-spacer-style);
+        border-bottom: var(--textarea-m-spacer) var(--textarea-spacer-style);
+    } .textarea.l {
+        border-top: var(--textarea-l-spacer) var(--textarea-spacer-style);
+        border-bottom: var(--textarea-l-spacer) var(--textarea-spacer-style);
+    } .textarea.xl {
+        border-top: var(--textarea-xl-spacer) var(--textarea-spacer-style);
+        border-bottom: var(--textarea-xl-spacer) var(--textarea-spacer-style);
+    } .textarea.hasInnerLabel.s {
+            border-top: var(--textarea-s-filled-spacer-top) var(--textarea-spacer-style);
+            border-bottom: var(--textarea-s-filled-spacer-bottom) var(--textarea-spacer-style);
+        } .textarea.hasInnerLabel.m {
+            border-top: var(--textarea-m-filled-spacer-top) var(--textarea-spacer-style);
+            border-bottom: var(--textarea-m-filled-spacer-bottom) var(--textarea-spacer-style);
+        } .textarea.hasInnerLabel.l {
+            border-top: var(--textarea-l-filled-spacer-top) var(--textarea-spacer-style);
+            border-bottom: var(--textarea-l-filled-spacer-bottom) var(--textarea-spacer-style);
+        } .textarea.hasInnerLabel.xl {
+            border-top: var(--textarea-xl-filled-spacer-top) var(--textarea-spacer-style);
+            border-bottom: var(--textarea-xl-filled-spacer-bottom) var(--textarea-spacer-style);
+        }

package/textarea/default.css

@@ -38,28 +38,28 @@
     /* display */
 
     /* управляет видимостью иконки ошибки, если она стоит рядом с другой иконкой */
-} .textarea__input_aylcb {
+} .textarea__input_uhy2m {
     color: var(--input-color);
     caret-color: var(--input-caret-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__input_aylcb:-webkit-autofill {
+} .textarea__input_uhy2m:-webkit-autofill {
     -webkit-text-fill-color: var(--input-color);
-} .textarea__input_aylcb::placeholder {
+} .textarea__input_uhy2m::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_aylcb::placeholder {
+} .textarea__hasInnerLabel_uhy2m::placeholder {
     color: var(--input-with-label-placeholder-color);
-} .textarea__clearIcon_aylcb {
+} .textarea__clearIcon_uhy2m {
     color: var(--color-light-graphic-primary);
-} /* READ-ONLY STATE */ .textarea__input_aylcb:read-only {
+} /* READ-ONLY STATE */ .textarea__input_uhy2m:read-only {
     color: var(--input-read-only-color)
-} .textarea__input_aylcb:read-only:focus::placeholder {
+} .textarea__input_uhy2m:read-only:focus::placeholder {
         color: var(--input-placeholder-color);
-    } /* DISABLED STATE */ .textarea__input_aylcb:disabled {
+    } /* DISABLED STATE */ .textarea__input_uhy2m:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* FOCUS STATE */ .textarea__input_aylcb:focus::placeholder {
+} /* FOCUS STATE */ .textarea__input_uhy2m:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} /* ERROR STATE */ .textarea__error_aylcb {
+} /* ERROR STATE */ .textarea__error_uhy2m {
     color: var(--input-error-color);
     caret-color: var(--input-error-color);
 } :root {
@@ -83,22 +83,22 @@
     /* font */
 
     /* border-radius */
-} .textarea__textarea_aylcb {
+} .textarea__textarea_uhy2m {
     color: var(--input-color);
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-} .textarea__textarea_aylcb::placeholder {
+} .textarea__textarea_uhy2m::placeholder {
     color: var(--input-placeholder-color);
-} .textarea__hasInnerLabel_aylcb::placeholder {
+} .textarea__hasInnerLabel_uhy2m::placeholder {
     color: var(--input-with-label-placeholder-color);
-} /* DISABLED STATE */ .textarea__textarea_aylcb:disabled {
+} /* DISABLED STATE */ .textarea__textarea_uhy2m:disabled {
     color: var(--input-disabled-color);
     -webkit-text-fill-color: var(--input-disabled-color);
-} /* READ-ONLY STATE */ .textarea__textarea_aylcb:read-only {
+} /* READ-ONLY STATE */ .textarea__textarea_uhy2m:read-only {
     color: var(--input-read-only-color);
-} /* FOCUS STATE */ .textarea__textarea_aylcb:focus::placeholder {
+} /* FOCUS STATE */ .textarea__textarea_uhy2m:focus::placeholder {
     color: var(--input-focus-placeholder-color);
-} .textarea__hint_aylcb {
+} .textarea__hint_uhy2m {
     color: var(--form-control-hint-color);
-} .textarea__error_aylcb {
+} .textarea__error_uhy2m {
     color: var(--form-control-error-color);
 }

package/textarea/esm/Component.js

@@ -5,12 +5,12 @@ import TextareaAutosize from 'react-textarea-autosize';
 import cn from 'classnames';
 import { FormControl } from '../../form-control/esm';
 import { useMedia, useFocus } from '@alfalab/hooks';
-import { s as styles, P as PseudoTextArea } from './PseudoTextArea-2e1ee1b2.js';
+import { s as styles, P as PseudoTextArea } from './PseudoTextArea-c8acea2c.js';
 
-var defaultColors = {"input":"textarea__input_aylcb","hasInnerLabel":"textarea__hasInnerLabel_aylcb","clearIcon":"textarea__clearIcon_aylcb","error":"textarea__error_aylcb","textarea":"textarea__textarea_aylcb","hint":"textarea__hint_aylcb"};
+var defaultColors = {"input":"textarea__input_uhy2m","hasInnerLabel":"textarea__hasInnerLabel_uhy2m","clearIcon":"textarea__clearIcon_uhy2m","error":"textarea__error_uhy2m","textarea":"textarea__textarea_uhy2m","hint":"textarea__hint_uhy2m"};
 require('./default.css');
 
-var invertedColors = {"input":"textarea__input_15oio","hasInnerLabel":"textarea__hasInnerLabel_15oio","clearIcon":"textarea__clearIcon_15oio","error":"textarea__error_15oio","textarea":"textarea__textarea_15oio","hint":"textarea__hint_15oio"};
+var invertedColors = {"input":"textarea__input_1p7ve","hasInnerLabel":"textarea__hasInnerLabel_1p7ve","clearIcon":"textarea__clearIcon_1p7ve","error":"textarea__error_1p7ve","textarea":"textarea__textarea_1p7ve","hint":"textarea__hint_1p7ve"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -22,16 +22,16 @@ var getDefaultCounterText = function (textLength, maxLength) {
     return "".concat(textLength, "/").concat(maxLength, " \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432");
 };
 var Textarea = forwardRef(function (_a, ref) {
-    var _b, _c, _d;
-    var _e = _a.autoComplete, autoComplete = _e === void 0 ? 'on' : _e, _f = _a.autosize, autosize = _f === void 0 ? true : _f, _g = _a.size, size = _g === void 0 ? 's' : _g, _h = _a.colors, colors = _h === void 0 ? 'default' : _h, _j = _a.block, block = _j === void 0 ? false : _j, bottomAddons = _a.bottomAddons, fieldClassName = _a.fieldClassName, className = _a.className, dataTestId = _a.dataTestId, disabled = _a.disabled, error = _a.error, hint = _a.hint, textareaClassName = _a.textareaClassName, label = _a.label, _k = _a.labelView, labelView = _k === void 0 ? 'inner' : _k, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onHeightChange = _a.onHeightChange, rightAddons = _a.rightAddons, maxRows = _a.maxRows, minRows = _a.minRows, maxHeight = _a.maxHeight, _l = _a.resize, resize = _l === void 0 ? 'none' : _l, value = _a.value, defaultValue = _a.defaultValue, _m = _a.rows, rows = _m === void 0 ? autosize ? 1 : 3 : _m, _o = _a.showCounter, showCounter = _o === void 0 ? false : _o, _p = _a.getCounterText, getCounterText = _p === void 0 ? getDefaultCounterText : _p, maxLength = _a.maxLength, _q = _a.allowOverflow, allowOverflow = _q === void 0 ? true : _q, nativeScrollbarProp = _a.nativeScrollbar, restProps = __rest(_a, ["autoComplete", "autosize", "size", "colors", "block", "bottomAddons", "fieldClassName", "className", "dataTestId", "disabled", "error", "hint", "textareaClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onHeightChange", "rightAddons", "maxRows", "minRows", "maxHeight", "resize", "value", "defaultValue", "rows", "showCounter", "getCounterText", "maxLength", "allowOverflow", "nativeScrollbar"]);
+    var _b, _c, _d, _e;
+    var _f = _a.autoComplete, autoComplete = _f === void 0 ? 'on' : _f, _g = _a.autosize, autosize = _g === void 0 ? true : _g, _h = _a.size, size = _h === void 0 ? 's' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.block, block = _k === void 0 ? false : _k, bottomAddons = _a.bottomAddons, fieldClassName = _a.fieldClassName, className = _a.className, dataTestId = _a.dataTestId, disabled = _a.disabled, error = _a.error, hint = _a.hint, textareaClassName = _a.textareaClassName, label = _a.label, _l = _a.labelView, labelView = _l === void 0 ? 'inner' : _l, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onHeightChange = _a.onHeightChange, rightAddons = _a.rightAddons, maxRows = _a.maxRows, minRows = _a.minRows, maxHeight = _a.maxHeight, _m = _a.resize, resize = _m === void 0 ? 'none' : _m, value = _a.value, defaultValue = _a.defaultValue, _o = _a.rows, rows = _o === void 0 ? autosize ? 1 : 3 : _o, _p = _a.showCounter, showCounter = _p === void 0 ? false : _p, _q = _a.getCounterText, getCounterText = _q === void 0 ? getDefaultCounterText : _q, maxLength = _a.maxLength, _r = _a.allowOverflow, allowOverflow = _r === void 0 ? true : _r, nativeScrollbarProp = _a.nativeScrollbar, restProps = __rest(_a, ["autoComplete", "autosize", "size", "colors", "block", "bottomAddons", "fieldClassName", "className", "dataTestId", "disabled", "error", "hint", "textareaClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onHeightChange", "rightAddons", "maxRows", "minRows", "maxHeight", "resize", "value", "defaultValue", "rows", "showCounter", "getCounterText", "maxLength", "allowOverflow", "nativeScrollbar"]);
     var uncontrolled = value === undefined;
     var nativeScrollbar = useMedia([[true, '(max-width: 1023px)']], false)[0];
     nativeScrollbar = Boolean(nativeScrollbarProp !== null && nativeScrollbarProp !== void 0 ? nativeScrollbarProp : nativeScrollbar);
     var textareaRef = useRef(null);
     var pseudoTextareaRef = useRef(null);
-    var _r = useState(false), focused = _r[0], setFocused = _r[1];
-    var _s = useState(defaultValue || ''), stateValue = _s[0], setStateValue = _s[1];
-    var _t = useState(0), scrollPosition = _t[0], setScrollPosition = _t[1];
+    var _s = useState(false), focused = _s[0], setFocused = _s[1];
+    var _t = useState(defaultValue || ''), stateValue = _t[0], setStateValue = _t[1];
+    var _u = useState(0), scrollPosition = _u[0], setScrollPosition = _u[1];
     var focusVisible = useFocus(textareaRef, 'keyboard')[0];
     var filled = Boolean(uncontrolled ? stateValue : value);
     var hasInnerLabel = label && labelView === 'inner';
@@ -86,7 +86,6 @@ var Textarea = forwardRef(function (_a, ref) {
         _b[styles.hasInnerLabel] = hasInnerLabel,
         _b[colorStyles[colors].hasInnerLabel] = hasInnerLabel,
         _b[styles.filled] = filled,
-        _b[styles.resizeVertical] = resize === 'vertical',
         _b), textareaClassName);
     var textareaProps = __assign(__assign({}, restProps), { className: textareaClassNameCalc, autoComplete: autoComplete, disabled: disabled, maxLength: allowOverflow ? undefined : maxLength, onBlur: handleTextareaBlur, onFocus: handleTextareaFocus, onChange: handleTextareaChange, value: uncontrolled ? stateValue : value, rows: rows, ref: mergeRefs([ref, textareaRef]), 'data-test-id': dataTestId, onScroll: handleTeaxtareaScroll });
     var getBottomAddons = function () {
@@ -101,11 +100,14 @@ var Textarea = forwardRef(function (_a, ref) {
     };
     return (React.createElement(FormControl, { className: cn(className), fieldClassName: cn(fieldClassName, (_c = {},
             _c[styles.focusVisible] = focusVisible,
-            _c)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: getBottomAddons() },
+            _c)), inputWrapperClassName: cn(styles.wrapper, styles[size], (_d = {},
+            _d[styles.hasInnerLabel] = hasInnerLabel,
+            _d[styles.resizeVertical] = resize === 'vertical',
+            _d)), size: size, colors: colors, block: block, disabled: disabled, filled: filled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: rightAddons, bottomAddons: getBottomAddons() },
         React.createElement(React.Fragment, null,
-            hasOverflow && (React.createElement(PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: cn(textareaClassNameCalc, (_d = {},
-                    _d[styles.nativeScrollbar] = nativeScrollbar,
-                    _d)), ref: pseudoTextareaRef })),
+            hasOverflow && (React.createElement(PseudoTextArea, { value: value !== null && value !== void 0 ? value : stateValue, size: size, maxLength: maxLength, pseudoTextareaClassName: cn(textareaClassNameCalc, (_e = {},
+                    _e[styles.nativeScrollbar] = nativeScrollbar,
+                    _e)), ref: pseudoTextareaRef })),
             autosize ? (React.createElement(TextareaAutosize, __assign({}, textareaProps, { maxRows: maxRows, minRows: minRows, onHeightChange: onHeightChange }))) : (React.createElement("textarea", __assign({}, textareaProps, { style: { maxHeight: maxHeight } }))))));
 });
 

package/textarea/esm/{PseudoTextArea-2e1ee1b2.js → PseudoTextArea-c8acea2c.js}

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 
-var styles = {"textarea":"textarea__textarea_1oad0","s":"textarea__s_1oad0","m":"textarea__m_1oad0","l":"textarea__l_1oad0","xl":"textarea__xl_1oad0","customScrollbar":"textarea__customScrollbar_1oad0","hasInnerLabel":"textarea__hasInnerLabel_1oad0","resizeVertical":"textarea__resizeVertical_1oad0","pseudoTextarea":"textarea__pseudoTextarea_1oad0","overflow":"textarea__overflow_1oad0","nativeScrollbar":"textarea__nativeScrollbar_1oad0","sub":"textarea__sub_1oad0","focusVisible":"textarea__focusVisible_1oad0","filled":"textarea__filled_1oad0"};
+var styles = {"textarea":"textarea__textarea_1byxg","customScrollbar":"textarea__customScrollbar_1byxg","hasInnerLabel":"textarea__hasInnerLabel_1byxg","pseudoTextarea":"textarea__pseudoTextarea_1byxg","overflow":"textarea__overflow_1byxg","nativeScrollbar":"textarea__nativeScrollbar_1byxg","sub":"textarea__sub_1byxg","focusVisible":"textarea__focusVisible_1byxg","filled":"textarea__filled_1byxg","s":"textarea__s_1byxg","m":"textarea__m_1byxg","l":"textarea__l_1byxg","xl":"textarea__xl_1byxg","wrapper":"textarea__wrapper_1byxg","resizeVertical":"textarea__resizeVertical_1byxg"};
 require('./index.css');
 
 var PseudoTextArea = forwardRef(function (_a, ref) {

package/textarea/esm/components/PseudoTextArea.js

@@ -1,3 +1,3 @@
 import 'react';
 import 'classnames';
-export { P as PseudoTextArea } from '../PseudoTextArea-2e1ee1b2.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-c8acea2c.js';

package/textarea/esm/components/index.d.ts

@@ -1 +1 @@
-export * from "../PseudoTextArea-2e1ee1b2";
+export * from "../PseudoTextArea-c8acea2c";

package/textarea/esm/components/index.js

@@ -1,3 +1,3 @@
-export { P as PseudoTextArea } from '../PseudoTextArea-2e1ee1b2.js';
+export { P as PseudoTextArea } from '../PseudoTextArea-c8acea2c.js';
 import 'react';
 import 'classnames';