@salutejs/plasma-new-hope 0.173.0-canary.1500.11456169969.0 → 0.173.0-dev.0

package/es/components/TextArea/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback } from 'react';\nimport { css } from '@linaria/core';\nimport { useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs } from '../../utils';\nimport type { RootProps } from '../../engines/types';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n    StyledContent,\n    StyledHelpers,\n    StyledLeftHelper,\n    StyledRightHelper,\n    StyledLabel,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n    StyledContainer,\n    StyledIndicator,\n    StyledOptionalText,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport type { TextAreaProps } from './TextArea.types';\n\nconst {\n    innerPlaceholderUp,\n    focusedOuterPlaceholderColor,\n    hidePlaceHolder,\n    styledContainer,\n    styledTextArea,\n    styledTextAreaWrapper,\n    styledPlaceholder,\n    styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n    ${applyDynamicLabel};\n\n    position: relative;\n    box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n    '': 'primary',\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n    const { readOnly, label, labelPlacement, rows, value, size } = props;\n\n    // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n    const withFocusedOuterUpPlaceholder =\n        !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n    // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n    const withInnerPlaceholderUp =\n        labelPlacement === 'inner' &&\n        label &&\n        !rows &&\n        size !== 'xs' &&\n        ((!readOnly && (value || focused)) || (readOnly && value))\n            ? innerPlaceholderUp\n            : undefined;\n\n    // Добавить класс отвечающий за скрытие плейсхолдера\n    const withHidePlaceholder =\n        (value && !label) ||\n        (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && rows) ||\n        (labelPlacement === 'outer' && value) ||\n        (labelPlacement === 'inner' && size === 'xs' && value)\n            ? hidePlaceHolder\n            : undefined;\n\n    return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaProps>) =>\n    forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n        const {\n            helperText,\n            status,\n            resize,\n            rightHelper,\n            leftHelper,\n            contentRight,\n            autoResize = false,\n            minAuto = 0,\n            maxAuto,\n            label,\n            labelPlacement = 'inner',\n            placeholder,\n            defaultValue,\n            height,\n            width,\n            value,\n            disabled,\n            required = false,\n            requiredPlacement = 'right',\n            optional = false,\n            clear,\n            hasDivider,\n            size,\n            view,\n            id,\n            style,\n            className,\n            readOnly,\n            rows,\n            cols,\n            onChange,\n            ...rest\n        } = props;\n\n        const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n        const [focused, setFocused] = useState(false);\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = createRef<HTMLTextAreaElement>();\n\n        const innerOptional = required ? false : optional;\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n        const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n        const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n        const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n        const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n        const textareaHelperId = id ? `${id}-helper` : undefined;\n        const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n        const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n        const clearClass = clear ? classes.clear : undefined;\n        const hasRightContentClass = contentRight ? classes.hasRightContent : undefined;\n        const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n        const requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;\n\n        useResizeObserver(outerRef, (currentElement) => {\n            const { width: inlineWidth } = currentElement.style;\n\n            if (inlineWidth || cols) {\n                const { width: elementWidth } = currentElement.getBoundingClientRect();\n                setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n            }\n        });\n\n        useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\n        }, []);\n\n        const onBlurHandler = useCallback(() => {\n            setFocused(false);\n        }, []);\n\n        const onChangeHandler = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n                if (value === undefined) {\n                    setUncontrolledValue(event?.target.value);\n                }\n\n                onChange?.(event);\n            },\n            [value, onChange],\n        );\n\n        const handleTextAreaFocus = () => {\n            if (readOnly || disabled || !outerRef?.current) {\n                return;\n            }\n\n            outerRef.current.scrollTo({\n                top: 0,\n                left: outerRef.current.offsetLeft,\n                behavior: 'smooth',\n            });\n\n            outerRef.current.focus();\n        };\n\n        const dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                rows,\n            },\n            focused,\n        );\n\n        const optionalTextNode = innerOptional ? (\n            <StyledOptionalText>\n                {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n                {optionalText}\n            </StyledOptionalText>\n        ) : null;\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                clear={clear}\n                style={{ width: helperWidth, ...style }}\n                className={cx(clearClass, hasDividerClass, className)}\n                onClick={handleTextAreaFocus}\n            >\n                {hasOuterLabel && (\n                    <StyledLabel>\n                        {required && (\n                            <StyledIndicator className={cx(classes.outerLabelPlacement, requiredPlacementClass)} />\n                        )}\n                        {label}\n                        {optionalTextNode}\n                    </StyledLabel>\n                )}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {required && !hasOuterLabel && (\n                        <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={cx(styledTextArea, hasRightContentClass)}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={mergeRefs(outerRef, innerRef)}\n                            disabled={disabled}\n                            height={autoResize || Boolean(clear) ? minAuto : height}\n                            width={width}\n                            placeholder={placeholderLabel}\n                            aria-describedby={textareaHelperId}\n                            value={value}\n                            readOnly={readOnly}\n                            rows={rows}\n                            cols={cols}\n                            resize={resize}\n                            defaultValue={defaultValue}\n                            onChange={onChangeHandler}\n                            {...rest}\n                        />\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {(leftHelper || helperText) && (\n                                <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n                            )}\n                            {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n                        </StyledHelpers>\n                    )}\n                    {placeholderLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeholderLabel}\n                            {!hasOuterLabel && optionalTextNode}\n                        </StyledPlaceholder>\n                    )}\n                </StyledContainer>\n            </Root>\n        );\n    });\n\nexport const textAreaConfig = {\n    name: 'TextArea',\n    tag: 'div',\n    layout: textAreaRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            attrs: true,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'primary',\n    },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","clear","hasDivider","view","id","style","className","cols","onChange","rest","_excluded","_useState","useState","concat","_useState2","_slicedToArray","helperWidth","setHelperWidth","_useState3","_useState4","setFocused","_useState5","_useState6","uncontrolledValue","setUncontrolledValue","outerRef","createRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","clearClass","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","event","target","handleTextAreaFocus","current","scrollTo","top","left","offsetLeft","behavior","focus","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","_objectSpread","cx","onClick","StyledLabel","StyledIndicator","outerLabelPlacement","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","_extends","hasContentRight","ref","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","disabledCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"TextArea.js","sources":["../../../src/components/TextArea/TextArea.tsx"],"sourcesContent":["import React, { forwardRef, useState, createRef, useCallback, useRef, MouseEventHandler } from 'react';\nimport { css } from '@linaria/core';\nimport { useForkRef, useResizeObserver } from '@salutejs/plasma-core';\n\nimport { cx, mergeRefs } from '../../utils';\nimport type { RootProps } from '../../engines/types';\nimport { useOutsideClick } from '../../hooks';\n\nimport { applyDynamicLabel } from './mixins';\nimport { useAutoResize, ROOT_FONT_SIZE } from './hooks';\nimport {\n    StyledContent,\n    StyledHelpers,\n    StyledLeftHelper,\n    StyledRightHelper,\n    StyledLabel,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n    StyledContainer,\n    StyledIndicator,\n    StyledOptionalText,\n    OuterLabelWrapper,\n    StyledIndicatorWrapper,\n    StyledHintWrapper,\n    TitleCaption,\n} from './TextArea.styles';\nimport { classes } from './TextArea.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as hintViewCSS } from './variations/_hint-view/base';\nimport { base as hintSizeCSS } from './variations/_hint-size/base';\nimport type { TextAreaProps, TextAreaRootProps } from './TextArea.types';\nimport { HintComponent } from './ui/Hint/Hint';\n\nconst {\n    innerPlaceholderUp,\n    focusedOuterPlaceholderColor,\n    hidePlaceHolder,\n    styledContainer,\n    styledTextArea,\n    styledTextAreaWrapper,\n    styledPlaceholder,\n    styledHelpers,\n} = classes;\n\nconst optionalText = 'optional';\n\nconst base = css`\n    ${applyDynamicLabel};\n\n    position: relative;\n    box-sizing: border-box;\n`;\n\n// TODO: Удалить после отказа от старых библиотек plasma-web / plasma-b2c\nconst fallbackStatusMap = {\n    '': 'primary',\n    success: 'positive',\n    warning: 'warning',\n    error: 'negative',\n};\n\nconst HINT_DEFAULT_OFFSET: [number, number] = [0, 0];\n\n// TODO: Перенести этот метод в файл applyDynamicLabel.ts\nexport const getDynamicLabelClasses = (props: TextAreaProps, focused: boolean) => {\n    const { readOnly, label, labelPlacement, rows, value, size } = props;\n\n    // Добавить класс отвечающий за изменение цвета плейсхолдера при фокусе\n    const withFocusedOuterUpPlaceholder =\n        !readOnly && focused && (!label || labelPlacement === 'outer') ? focusedOuterPlaceholderColor : undefined;\n\n    // Добавить класс отвечающий за поднятие и уменьшение плейсхолдера\n    const withInnerPlaceholderUp =\n        labelPlacement === 'inner' &&\n        label &&\n        !rows &&\n        size !== 'xs' &&\n        ((!readOnly && (value || focused)) || (readOnly && value))\n            ? innerPlaceholderUp\n            : undefined;\n\n    // Добавить класс отвечающий за скрытие плейсхолдера\n    const withHidePlaceholder =\n        (value && !label) ||\n        (labelPlacement === 'inner' && ((focused && !readOnly) || value) && label && rows) ||\n        (labelPlacement === 'outer' && value) ||\n        (labelPlacement === 'inner' && size === 'xs' && value)\n            ? hidePlaceHolder\n            : undefined;\n\n    return [withFocusedOuterUpPlaceholder, withInnerPlaceholderUp, withHidePlaceholder];\n};\n\nexport const textAreaRoot = (Root: RootProps<HTMLTextAreaElement, TextAreaRootProps>) =>\n    forwardRef<HTMLTextAreaElement, TextAreaProps>((props, innerRef) => {\n        const {\n            helperText,\n            status,\n            resize,\n            rightHelper,\n            leftHelper,\n            contentRight,\n            autoResize = false,\n            minAuto = 0,\n            maxAuto,\n            label,\n            labelPlacement = 'inner',\n            titleCaption,\n            placeholder,\n            defaultValue,\n            height,\n            width,\n            value,\n            disabled,\n            required = false,\n            requiredPlacement = 'right',\n            optional = false,\n            clear,\n            hasDivider,\n            size,\n            view,\n            id,\n            style,\n            className,\n            readOnly,\n            rows,\n            cols,\n            hintTrigger = 'hover',\n            hintText,\n            hintView = 'default',\n            hintSize = 'm',\n            hintTargetIcon,\n            hintPlacement = 'auto',\n            hintHasArrow,\n            hintOffset = HINT_DEFAULT_OFFSET,\n            hintWidth,\n            hintContentLeft,\n            onChange,\n            ...rest\n        } = props;\n\n        const [isHintVisible, setIsHintVisible] = useState(false);\n        const [helperWidth, setHelperWidth] = useState<string>(width ? `${width}rem` : '100%');\n        const [focused, setFocused] = useState(false);\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = createRef<HTMLTextAreaElement>();\n\n        const hintRef = useOutsideClick<HTMLDivElement>(() => {\n            setIsHintVisible(false);\n        });\n        const hintInnerRef = useRef<HTMLDivElement>(null);\n        const hintForkRef = useForkRef(hintRef, hintInnerRef);\n\n        const innerOptional = required ? false : optional;\n        const hasHelper = Boolean(leftHelper || rightHelper || helperText);\n        const hasOuterLabel = Boolean(label && labelPlacement === 'outer');\n        const hasInnerLabel = Boolean(label && labelPlacement === 'inner' && size !== 'xs');\n        const hasPlaceholderOptional = innerOptional && !hasOuterLabel;\n\n        const overriddenView = status !== undefined ? fallbackStatusMap[status] : view;\n        const textareaHelperId = id ? `${id}-helper` : undefined;\n        const applyCustomWidth = resize !== 'horizontal' && resize !== 'both' && !cols;\n        const placeholderLabel = hasInnerLabel ? label : placeholder;\n\n        const clearClass = clear ? classes.clear : undefined;\n        const hasHintClass = hintText ? classes.hasHint : undefined;\n        const hasRightContentClass = contentRight ? classes.hasRightContent : undefined;\n        const hasDividerClass = hasDivider ? classes.hasDivider : undefined;\n        const requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;\n\n        const handleHintShow = () => setIsHintVisible(true);\n        const handleHintHide = () => setIsHintVisible(false);\n        const handleHintClick: MouseEventHandler = (event) => {\n            if (!hintText || hintTrigger !== 'click') {\n                return;\n            }\n\n            event.stopPropagation();\n            const targetIsPopover = event.target === hintInnerRef.current;\n            const rootHasTarget = hintInnerRef.current?.contains(event.target as Element);\n\n            if (!targetIsPopover && !rootHasTarget) {\n                setIsHintVisible(true);\n            }\n        };\n\n        useResizeObserver(outerRef, (currentElement) => {\n            const { width: inlineWidth } = currentElement.style;\n\n            if (inlineWidth || cols) {\n                const { width: elementWidth } = currentElement.getBoundingClientRect();\n                setHelperWidth(`${elementWidth / ROOT_FONT_SIZE}rem`);\n            }\n        });\n\n        useAutoResize(autoResize || Boolean(clear), outerRef, value, minAuto, maxAuto);\n\n        const onFocusHandler = useCallback(() => {\n            setFocused(true);\n        }, []);\n\n        const onBlurHandler = useCallback(() => {\n            setFocused(false);\n        }, []);\n\n        const onChangeHandler = useCallback(\n            (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n                // INFO: Для крайне редких кейсов, когда value снаружи не контролируется\n                if (value === undefined) {\n                    setUncontrolledValue(event?.target.value);\n                }\n\n                onChange?.(event);\n            },\n            [value, onChange],\n        );\n\n        const handleTextAreaFocus = () => {\n            if (readOnly || disabled || !outerRef?.current) {\n                return;\n            }\n\n            outerRef.current.scrollTo({\n                top: 0,\n                left: outerRef.current.offsetLeft,\n                behavior: 'smooth',\n            });\n\n            outerRef.current.focus();\n        };\n\n        const dynamicLabelClasses = getDynamicLabelClasses(\n            {\n                size,\n                readOnly,\n                label,\n                labelPlacement,\n                value: value || uncontrolledValue || defaultValue,\n                rows,\n            },\n            focused,\n        );\n\n        const optionalTextNode = innerOptional ? (\n            <StyledOptionalText inheritFont={!hasOuterLabel}>\n                {Boolean(hasPlaceholderOptional ? placeholderLabel : label) && '\\xa0'}\n                {optionalText}\n            </StyledOptionalText>\n        ) : null;\n\n        return (\n            <Root\n                view={overriddenView}\n                size={size}\n                disabled={disabled}\n                readOnly={readOnly}\n                clear={clear}\n                style={{ width: helperWidth, ...style }}\n                className={cx(clearClass, hasDividerClass, hasHintClass, className)}\n                onClick={handleTextAreaFocus}\n                {...(hintText && { hintView, hintSize })}\n            >\n                {(hasOuterLabel || titleCaption) && (\n                    <OuterLabelWrapper isInnnerLabel={labelPlacement === 'inner'}>\n                        {hasOuterLabel && (\n                            <StyledIndicatorWrapper>\n                                <StyledLabel>{label}</StyledLabel>\n\n                                {hintText && (\n                                    <StyledHintWrapper>\n                                        <HintComponent\n                                            ref={hintForkRef}\n                                            hintText={hintText}\n                                            hintTrigger={hintTrigger}\n                                            isHintVisible={isHintVisible}\n                                            hintTargetIcon={hintTargetIcon}\n                                            hintPlacement={hintPlacement}\n                                            hintHasArrow={hintHasArrow}\n                                            hintOffset={hintOffset}\n                                            hintWidth={hintWidth}\n                                            hintContentLeft={hintContentLeft}\n                                            handleHintShow={handleHintShow}\n                                            handleHintHide={handleHintHide}\n                                            handleHintClick={handleHintClick}\n                                        />\n                                    </StyledHintWrapper>\n                                )}\n                                {required && (\n                                    <StyledIndicator\n                                        className={cx(\n                                            classes.outerLabelPlacement,\n                                            requiredPlacementClass,\n                                            hasHintClass,\n                                        )}\n                                    />\n                                )}\n                                {optionalTextNode}\n                            </StyledIndicatorWrapper>\n                        )}\n                        {titleCaption && <TitleCaption>{titleCaption}</TitleCaption>}\n                    </OuterLabelWrapper>\n                )}\n                <StyledContainer\n                    className={cx(styledContainer, ...dynamicLabelClasses)}\n                    width={helperWidth}\n                    onFocus={onFocusHandler}\n                    onBlur={onBlurHandler}\n                >\n                    {!hasOuterLabel && (\n                        <>\n                            {required && (\n                                <StyledIndicator className={cx(classes.innerLabelPlacement, requiredPlacementClass)} />\n                            )}\n                            {hintText && (\n                                <StyledHintWrapper className={classes.innerLabelPlacement}>\n                                    <HintComponent\n                                        ref={hintForkRef}\n                                        hintText={hintText}\n                                        hintTrigger={hintTrigger}\n                                        isHintVisible={isHintVisible}\n                                        hintTargetIcon={hintTargetIcon}\n                                        hintPlacement={hintPlacement}\n                                        hintHasArrow={hintHasArrow}\n                                        hintOffset={hintOffset}\n                                        hintWidth={hintWidth}\n                                        hintContentLeft={hintContentLeft}\n                                        handleHintShow={handleHintShow}\n                                        handleHintHide={handleHintHide}\n                                        handleHintClick={handleHintClick}\n                                    />\n                                </StyledHintWrapper>\n                            )}\n                        </>\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={styledTextAreaWrapper} hasHelper={hasHelper}>\n                        <StyledTextArea\n                            className={cx(styledTextArea, hasRightContentClass)}\n                            id={id}\n                            hasContentRight={Boolean(contentRight)}\n                            hasHelper={hasHelper}\n                            applyCustomWidth={applyCustomWidth}\n                            ref={mergeRefs(outerRef, innerRef)}\n                            disabled={disabled}\n                            height={autoResize || Boolean(clear) ? minAuto : height}\n                            width={width}\n                            placeholder={placeholderLabel}\n                            aria-describedby={textareaHelperId}\n                            value={value}\n                            readOnly={readOnly}\n                            rows={rows}\n                            cols={cols}\n                            resize={resize}\n                            defaultValue={defaultValue}\n                            onChange={onChangeHandler}\n                            {...rest}\n                        />\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {(leftHelper || helperText) && (\n                                <StyledLeftHelper>{leftHelper || helperText}</StyledLeftHelper>\n                            )}\n                            {rightHelper && <StyledRightHelper>{rightHelper}</StyledRightHelper>}\n                        </StyledHelpers>\n                    )}\n                    {placeholderLabel && (\n                        <StyledPlaceholder\n                            hasContentRight={Boolean(contentRight)}\n                            className={styledPlaceholder}\n                            htmlFor={id}\n                        >\n                            {placeholderLabel}\n                            {!hasOuterLabel && optionalTextNode}\n                        </StyledPlaceholder>\n                    )}\n                </StyledContainer>\n            </Root>\n        );\n    });\n\nexport const textAreaConfig = {\n    name: 'TextArea',\n    tag: 'div',\n    layout: textAreaRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        view: {\n            css: viewCSS,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            attrs: true,\n        },\n        hintView: {\n            css: hintViewCSS,\n        },\n        hintSize: {\n            css: hintSizeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        view: 'primary',\n    },\n};\n"],"names":["innerPlaceholderUp","classes","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","optionalText","base","fallbackStatusMap","success","warning","error","HINT_DEFAULT_OFFSET","getDynamicLabelClasses","props","focused","readOnly","label","labelPlacement","rows","value","size","withFocusedOuterUpPlaceholder","undefined","withInnerPlaceholderUp","withHidePlaceholder","textAreaRoot","Root","forwardRef","innerRef","helperText","status","resize","rightHelper","leftHelper","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","titleCaption","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$optional","optional","clear","hasDivider","view","id","style","className","cols","_props$hintTrigger","hintTrigger","hintText","_props$hintView","hintView","_props$hintSize","hintSize","hintTargetIcon","_props$hintPlacement","hintPlacement","hintHasArrow","_props$hintOffset","hintOffset","hintWidth","hintContentLeft","onChange","rest","_excluded","_useState","useState","_useState2","_slicedToArray","isHintVisible","setIsHintVisible","_useState3","concat","_useState4","helperWidth","setHelperWidth","_useState5","_useState6","setFocused","_useState7","_useState8","uncontrolledValue","setUncontrolledValue","outerRef","createRef","hintRef","useOutsideClick","hintInnerRef","useRef","hintForkRef","useForkRef","innerOptional","hasHelper","Boolean","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","clearClass","hasHintClass","hasHint","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","requiredAlignRight","handleHintShow","handleHintHide","handleHintClick","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","handleTextAreaFocus","scrollTo","top","left","offsetLeft","behavior","focus","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","inheritFont","_extends","_objectSpread","cx","onClick","OuterLabelWrapper","isInnnerLabel","StyledIndicatorWrapper","StyledLabel","StyledHintWrapper","HintComponent","ref","StyledIndicator","outerLabelPlacement","TitleCaption","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","Fragment","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","hasContentRight","mergeRefs","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","disabledCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}

package/es/components/TextArea/TextArea.styles.js

@@ -1,158 +1,254 @@
-import './TextArea.styles_es0miz.css';
+import './TextArea.styles_1ke2ihc.css';
 import { styled } from '@linaria/react';
+import { tooltipConfig } from '../Tooltip/Tooltip.js';
+import '@linaria/core';
+import { component, mergeConfig } from '../../engines/common.js';
 import { tokens } from './TextArea.tokens.js';
 
+var mergedConfig = /*#__PURE__*/mergeConfig(tooltipConfig);
+var Tooltip = /*#__PURE__*/component(mergedConfig);
+var _exp = function _exp() {
+  return Tooltip;
+};
+var Hint = /*#__PURE__*/styled(_exp())({
+  name: "Hint",
+  "class": "h1luq7vd",
+  propsAsIs: true
+});
+var _exp2 = function _exp2() {
+  return function (_ref) {
+    var isInnnerLabel = _ref.isInnnerLabel;
+    return isInnnerLabel ? "var(".concat(tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(tokens.labelMarginBottom, ")");
+  };
+};
+var OuterLabelWrapper = /*#__PURE__*/styled('div')({
+  name: "OuterLabelWrapper",
+  "class": "o1r1fvk8",
+  propsAsIs: false,
+  vars: {
+    "o1r1fvk8-0": [/*#__PURE__*/_exp2()]
+  }
+});
 var StyledLabel = /*#__PURE__*/styled('div')({
   name: "StyledLabel",
-  "class": "s1luq7vd",
+  "class": "surmvwq",
+  propsAsIs: false
+});
+var TitleCaption = /*#__PURE__*/styled('div')({
+  name: "TitleCaption",
+  "class": "t18bd513",
   propsAsIs: false
 });
+var StyledIndicatorWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledIndicatorWrapper",
+  "class": "s7alcr2",
+  propsAsIs: false
+});
+var _exp24 = function _exp24() {
+  return function (_ref2) {
+    var inheritFont = _ref2.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontFamily, ", var(").concat(tokens.inputFontFamily, "))");
+  };
+};
+var _exp25 = function _exp25() {
+  return function (_ref3) {
+    var inheritFont = _ref3.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontSize, ", var(").concat(tokens.inputFontSize, "))");
+  };
+};
+var _exp26 = function _exp26() {
+  return function (_ref4) {
+    var inheritFont = _ref4.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontStyle, ", var(").concat(tokens.inputFontStyle, "))");
+  };
+};
+var _exp27 = function _exp27() {
+  return function (_ref5) {
+    var inheritFont = _ref5.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterFontWeight, ", var(").concat(tokens.inputFontWeight, "))");
+  };
+};
+var _exp28 = function _exp28() {
+  return function (_ref6) {
+    var inheritFont = _ref6.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterLetterSpacing, ", var(").concat(tokens.inputLetterSpacing, "))");
+  };
+};
+var _exp29 = function _exp29() {
+  return function (_ref7) {
+    var inheritFont = _ref7.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(tokens.labelOuterLineHeight, ", var(").concat(tokens.inputLineHeight, "))");
+  };
+};
 var StyledOptionalText = /*#__PURE__*/styled('span')({
   name: "StyledOptionalText",
-  "class": "s1r1fvk8",
+  "class": "si9oz50",
+  propsAsIs: false,
+  vars: {
+    "si9oz50-0": [/*#__PURE__*/_exp24()],
+    "si9oz50-1": [/*#__PURE__*/_exp25()],
+    "si9oz50-2": [/*#__PURE__*/_exp26()],
+    "si9oz50-3": [/*#__PURE__*/_exp27()],
+    "si9oz50-4": [/*#__PURE__*/_exp28()],
+    "si9oz50-5": [/*#__PURE__*/_exp29()]
+  }
+});
+var StyledHintWrapper = /*#__PURE__*/styled('div')({
+  name: "StyledHintWrapper",
+  "class": "s18tpn65",
   propsAsIs: false
 });
-var _exp19 = function _exp19() {
-  return function (_ref) {
-    var hasHelper = _ref.hasHelper;
+var HintTargetWrapper = /*#__PURE__*/styled('div')({
+  name: "HintTargetWrapper",
+  "class": "h19sfsrt",
+  propsAsIs: false
+});
+var HintIconWrapper = /*#__PURE__*/styled('div')({
+  name: "HintIconWrapper",
+  "class": "hfype23",
+  propsAsIs: false
+});
+var _exp38 = function _exp38() {
+  return function (_ref8) {
+    var hasHelper = _ref8.hasHelper;
     return hasHelper ? "var(".concat(tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(tokens.inputPaddingBottom, ")");
   };
 };
-var _exp20 = function _exp20() {
-  return function (_ref2) {
-    var hasHelper = _ref2.hasHelper;
+var _exp39 = function _exp39() {
+  return function (_ref9) {
+    var hasHelper = _ref9.hasHelper;
     return hasHelper ? "var(".concat(tokens.borderRadiusWithHelpers, ")") : "var(".concat(tokens.borderRadius, ")");
   };
 };
 var StyledTextAreaWrapper = /*#__PURE__*/styled('div')({
   name: "StyledTextAreaWrapper",
-  "class": "surmvwq",
+  "class": "s3wsw3p",
   propsAsIs: false,
   vars: {
-    "surmvwq-0": [/*#__PURE__*/_exp19()],
-    "surmvwq-1": [/*#__PURE__*/_exp20()]
+    "s3wsw3p-0": [/*#__PURE__*/_exp38()],
+    "s3wsw3p-1": [/*#__PURE__*/_exp39()]
   }
 });
 var StyledContent = /*#__PURE__*/styled('div')({
   name: "StyledContent",
-  "class": "s18bd513",
+  "class": "stc5t23",
   propsAsIs: false
 });
-var _exp26 = function _exp26() {
-  return function (_ref3) {
-    var width = _ref3.width;
+var _exp45 = function _exp45() {
+  return function (_ref10) {
+    var width = _ref10.width;
     return width;
   };
 };
 var StyledContainer = /*#__PURE__*/styled('div')({
   name: "StyledContainer",
-  "class": "s7alcr2",
+  "class": "salwx57",
   propsAsIs: false,
   vars: {
-    "s7alcr2-0": [/*#__PURE__*/_exp26()]
+    "salwx57-0": [/*#__PURE__*/_exp45()]
   }
 });
-var _exp29 = function _exp29() {
-  return function (_ref4) {
-    var resize = _ref4.resize;
+var _exp48 = function _exp48() {
+  return function (_ref11) {
+    var resize = _ref11.resize;
     return resize || 'none';
   };
 };
-var _exp30 = function _exp30() {
-  return function (_ref5) {
-    var height = _ref5.height;
+var _exp49 = function _exp49() {
+  return function (_ref12) {
+    var height = _ref12.height;
     return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(tokens.inputHeight, ")");
   };
 };
-var _exp31 = function _exp31() {
-  return function (_ref6) {
-    var width = _ref6.width;
+var _exp50 = function _exp50() {
+  return function (_ref13) {
+    var width = _ref13.width;
     return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(tokens.inputWidth, ")");
   };
 };
-var _exp32 = function _exp32() {
-  return function (_ref7) {
-    var rows = _ref7.rows;
+var _exp51 = function _exp51() {
+  return function (_ref14) {
+    var rows = _ref14.rows;
     return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
   };
 };
-var _exp33 = function _exp33() {
-  return function (_ref8) {
-    var cols = _ref8.cols;
+var _exp52 = function _exp52() {
+  return function (_ref15) {
+    var cols = _ref15.cols;
     return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
   };
 };
-var _exp35 = function _exp35() {
-  return function (_ref9) {
-    var applyCustomWidth = _ref9.applyCustomWidth;
+var _exp54 = function _exp54() {
+  return function (_ref16) {
+    var applyCustomWidth = _ref16.applyCustomWidth;
     return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
   };
 };
-var _exp37 = function _exp37() {
-  return function (_ref10) {
-    var hasContentRight = _ref10.hasContentRight;
+var _exp56 = function _exp56() {
+  return function (_ref17) {
+    var hasContentRight = _ref17.hasContentRight;
     return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(tokens.inputPaddingRight, ")");
   };
 };
-var _exp44 = function _exp44() {
-  return function (_ref11) {
-    var hasHelper = _ref11.hasHelper,
-      rows = _ref11.rows;
+var _exp63 = function _exp63() {
+  return function (_ref18) {
+    var hasHelper = _ref18.hasHelper,
+      rows = _ref18.rows;
     return hasHelper && !rows ? 'var(--plasma_private-textarea-input-with-helpers-height)' : 'var(--plasma_private-textarea-input-without-helpers-height)';
   };
 };
 var StyledTextArea = /*#__PURE__*/styled('textarea')({
   name: "StyledTextArea",
-  "class": "si9oz50",
+  "class": "s18lndvq",
   propsAsIs: false,
   vars: {
-    "si9oz50-0": [/*#__PURE__*/_exp29()],
-    "si9oz50-1": [/*#__PURE__*/_exp30()],
-    "si9oz50-2": [/*#__PURE__*/_exp31()],
-    "si9oz50-3": [/*#__PURE__*/_exp32()],
-    "si9oz50-4": [/*#__PURE__*/_exp33()],
-    "si9oz50-5": [/*#__PURE__*/_exp35()],
-    "si9oz50-6": [/*#__PURE__*/_exp37()],
-    "si9oz50-7": [/*#__PURE__*/_exp44()]
+    "s18lndvq-0": [/*#__PURE__*/_exp48()],
+    "s18lndvq-1": [/*#__PURE__*/_exp49()],
+    "s18lndvq-2": [/*#__PURE__*/_exp50()],
+    "s18lndvq-3": [/*#__PURE__*/_exp51()],
+    "s18lndvq-4": [/*#__PURE__*/_exp52()],
+    "s18lndvq-5": [/*#__PURE__*/_exp54()],
+    "s18lndvq-6": [/*#__PURE__*/_exp56()],
+    "s18lndvq-7": [/*#__PURE__*/_exp63()]
   }
 });
 var StyledHelpers = /*#__PURE__*/styled('div')({
   name: "StyledHelpers",
-  "class": "s18tpn65",
+  "class": "s183p45n",
   propsAsIs: false
 });
 var StyledLeftHelper = /*#__PURE__*/styled('span')({
   name: "StyledLeftHelper",
-  "class": "s19sfsrt",
+  "class": "snf439a",
   propsAsIs: false
 });
-var _exp72 = function _exp72() {
+var _exp91 = function _exp91() {
   return StyledLeftHelper;
 };
-var StyledRightHelper = /*#__PURE__*/styled(_exp72())({
+var StyledRightHelper = /*#__PURE__*/styled(_exp91())({
   name: "StyledRightHelper",
-  "class": "sfype23",
+  "class": "suev9vb",
   propsAsIs: true
 });
-var _exp77 = function _exp77() {
-  return function (_ref12) {
-    var hasContentRight = _ref12.hasContentRight;
+var _exp96 = function _exp96() {
+  return function (_ref19) {
+    var hasContentRight = _ref19.hasContentRight;
     return hasContentRight ? "var(".concat(tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(tokens.inputPaddingRight, ")");
   };
 };
 var StyledPlaceholder = /*#__PURE__*/styled('label')({
   name: "StyledPlaceholder",
-  "class": "s3wsw3p",
+  "class": "s7jal92",
   propsAsIs: false,
   vars: {
-    "s3wsw3p-0": [/*#__PURE__*/_exp77()]
+    "s7jal92-0": [/*#__PURE__*/_exp96()]
   }
 });
 var StyledIndicator = /*#__PURE__*/styled('div')({
   name: "StyledIndicator",
-  "class": "stc5t23",
+  "class": "s11kd6xq",
   propsAsIs: false
 });
 
-export { StyledContainer, StyledContent, StyledHelpers, StyledIndicator, StyledLabel, StyledLeftHelper, StyledOptionalText, StyledPlaceholder, StyledRightHelper, StyledTextArea, StyledTextAreaWrapper };
+export { Hint, HintIconWrapper, HintTargetWrapper, OuterLabelWrapper, StyledContainer, StyledContent, StyledHelpers, StyledHintWrapper, StyledIndicator, StyledIndicatorWrapper, StyledLabel, StyledLeftHelper, StyledOptionalText, StyledPlaceholder, StyledRightHelper, StyledTextArea, StyledTextAreaWrapper, TitleCaption };
 //# sourceMappingURL=TextArea.styles.js.map

package/es/components/TextArea/TextArea.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n    position: relative;\n    display: inline-flex;\n    margin-bottom: var(${tokens.labelMarginBottom});\n\n    color: var(${tokens.labelOuterColor}, var(${tokens.inputColor}));\n    font-family: var(${tokens.labelOuterFontFamily}, var(${tokens.inputFontFamily}));\n    font-size: var(${tokens.labelOuterFontSize}, var(${tokens.inputFontSize}));\n    font-style: var(${tokens.labelOuterFontStyle}, var(${tokens.inputFontStyle}));\n    font-weight: var(${tokens.labelOuterFontWeight}, var(${tokens.inputFontWeight}));\n    letter-spacing: var(${tokens.labelOuterLetterSpacing}, var(${tokens.inputLetterSpacing}));\n    line-height: var(${tokens.labelOuterLineHeight}, var(${tokens.inputLineHeight}));\n`;\n\nexport const StyledOptionalText = styled.span`\n    color: var(${tokens.optionalColor});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n    hasHelper: boolean;\n}>`\n    background-color: var(${tokens.inputBackgroundColor});\n\n    padding-top: var(${tokens.inputPaddingTop});\n    padding-bottom: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n    border-radius: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    display: flex;\n    align-items: center;\n    bottom: 0;\n    z-index: 1;\n\n    color: var(${tokens.rightContentColor}, var(${tokens.inputColor}));\n\n    top: var(${tokens.rightContentTop});\n    right: var(${tokens.rightContentRight});\n\n    height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n    display: inline-flex;\n    flex-direction: column;\n\n    width: ${({ width }) => width};\n\n    position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n    hasHelper: boolean;\n    hasContentRight: boolean;\n    applyCustomWidth: boolean;\n    width?: string | number;\n    height?: string | number;\n    resize?: string;\n}>`\n    display: block;\n    box-sizing: border-box;\n    outline: none;\n    border: none;\n    -webkit-appearance: none; /* для отображение рамок на iOS */\n    background-color: transparent;\n\n    color: var(${tokens.inputColor});\n    caret-color: var(${tokens.inputCaretColor});\n\n    resize: ${({ resize }) => resize || 'none'};\n\n    --plasma_private-textarea-height: ${({ height }) =>\n        !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height || `var(${tokens.inputHeight})`};\n\n    --plasma_private-textarea-width: ${({ width }) =>\n        !Number.isNaN(Number(width)) ? `${width}rem` : width || `var(${tokens.inputWidth})`};\n\n    --plasma_private-textarea-computed-height: ${({ rows }) =>\n        rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n    --plasma_private-textarea-computed-width: ${({ cols }) =>\n        cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n    height: var(--plasma_private-textarea-computed-height);\n    width: var(--plasma_private-textarea-computed-width);\n\n    min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n    max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n    min-height: var(${tokens.inputMinHeight});\n\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-top: 0;\n    padding-bottom: 0;\n\n    /* INFO: Высчитываем высоту блока с подсказками */\n    --plasma_private-textarea-helpers-computed-height: calc(\n        var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n    );\n\n    --plasma_private-textarea-input-with-helpers-height: calc(\n        var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n            var(${tokens.helpersOffset})\n    );\n    --plasma_private-textarea-input-without-helpers-height: calc(\n        var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n    );\n\n    --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n        hasHelper && !rows\n            ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n            : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n    height: var(--plasma_private-textarea-input-actual-height);\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n\n    &::placeholder {\n        opacity: 0;\n    }\n\n    &:read-only {\n        cursor: default;\n    }\n\n    &:focus:not(:disabled) {\n        color: var(${tokens.inputColorFocus});\n    }\n\n    &::-webkit-scrollbar {\n        width: var(${tokens.scrollbarWidth});\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(${tokens.scrollbarThumbBackgroundColor});\n        background-clip: content-box;\n        border: var(${tokens.scrollbarBorderWidth}) solid transparent;\n        border-radius: 1rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(${tokens.scrollbarTrackBackgroundColor});\n        background-clip: content-box;\n        border: var(${tokens.scrollbarBorderWidth}) solid transparent;\n        border-radius: 1rem;\n    }\n`;\n\nexport const StyledHelpers = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n\n    transition: background-color 0.1s ease-in-out;\n\n    background-color: var(${tokens.helpersBackgroundColor});\n\n    padding-top: var(${tokens.helpersPaddingTop});\n    padding-right: var(${tokens.helpersPaddingRight});\n    padding-bottom: var(${tokens.helpersPaddingBottom});\n    padding-left: var(${tokens.helpersPaddingLeft});\n\n    border-bottom-left-radius: var(${tokens.borderRadius});\n    border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n    ${applyEllipsis()};\n\n    display: block;\n\n    font-family: var(${tokens.helpersFontFamily});\n    font-size: var(${tokens.helpersFontSize});\n    font-style: var(${tokens.helpersFontStyle});\n    font-weight: var(${tokens.helpersFontWeight});\n    letter-spacing: var(${tokens.helpersLetterSpacing});\n    line-height: var(${tokens.helpersLineHeight});\n\n    color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n    color: var(${tokens.rightHelperColor});\n    margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n    hasContentRight: boolean;\n}>`\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    color: var(${tokens.placeholderColor});\n\n    width: 100%;\n    height: auto;\n\n    top: var(${tokens.inputPaddingTop});\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.${classes.outerLabelPlacement} {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.align-right {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n"],"names":["StyledLabel","styled","name","class","propsAsIs","StyledOptionalText","_exp19","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp20","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp26","_ref3","width","StyledContainer","_exp29","_ref4","resize","_exp30","_ref5","height","Number","isNaN","inputHeight","_exp31","_ref6","inputWidth","_exp32","_ref7","rows","_exp33","_ref8","cols","_exp35","_ref9","applyCustomWidth","_exp37","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp44","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp72","StyledRightHelper","_exp77","_ref12","StyledPlaceholder","StyledIndicator"],"mappings":"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"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\nimport { tooltipConfig } from '../Tooltip';\nimport { component, mergeConfig } from '../../engines';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const Hint = styled(Tooltip)``;\n\nexport const OuterLabelWrapper = styled.div<{ isInnnerLabel: boolean }>`\n    display: flex;\n    align-items: center;\n\n    margin-bottom: ${({ isInnnerLabel }) =>\n        isInnnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelMarginBottom})`};\n`;\n\nexport const StyledLabel = styled.div`\n    position: relative;\n    display: inline-flex;\n\n    color: var(${tokens.labelOuterColor}, var(${tokens.inputColor}));\n    font-family: var(${tokens.labelOuterFontFamily}, var(${tokens.inputFontFamily}));\n    font-size: var(${tokens.labelOuterFontSize}, var(${tokens.inputFontSize}));\n    font-style: var(${tokens.labelOuterFontStyle}, var(${tokens.inputFontStyle}));\n    font-weight: var(${tokens.labelOuterFontWeight}, var(${tokens.inputFontWeight}));\n    letter-spacing: var(${tokens.labelOuterLetterSpacing}, var(${tokens.inputLetterSpacing}));\n    line-height: var(${tokens.labelOuterLineHeight}, var(${tokens.inputLineHeight}));\n`;\n\nexport const TitleCaption = styled.div`\n    display: inline-block;\n    margin-left: auto;\n\n    font-family: var(${tokens.titleCaptionFontFamily});\n    font-size: var(${tokens.titleCaptionFontSize});\n    font-style: var(${tokens.titleCaptionFontStyle});\n    font-weight: var(${tokens.titleCaptionFontWeight});\n    letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n    line-height: var(${tokens.titleCaptionLineHeight});\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n    position: relative;\n    display: inline-flex;\n    align-items: center;\n`;\n\nexport const StyledOptionalText = styled.span<{ inheritFont?: boolean }>`\n    color: var(${tokens.optionalColor});\n\n    font-family: ${({ inheritFont }) =>\n        inheritFont ? 'inherit' : `var(${tokens.labelOuterFontFamily}, var(${tokens.inputFontFamily}))`};\n    font-size: ${({ inheritFont }) =>\n        inheritFont ? 'inherit' : `var(${tokens.labelOuterFontSize}, var(${tokens.inputFontSize}))`};\n    font-style: ${({ inheritFont }) =>\n        inheritFont ? 'inherit' : `var(${tokens.labelOuterFontStyle}, var(${tokens.inputFontStyle}))`};\n    font-weight: ${({ inheritFont }) =>\n        inheritFont ? 'inherit' : `var(${tokens.labelOuterFontWeight}, var(${tokens.inputFontWeight}))`};\n    letter-spacing: ${({ inheritFont }) =>\n        inheritFont ? 'inherit' : `var(${tokens.labelOuterLetterSpacing}, var(${tokens.inputLetterSpacing}))`};\n    line-height: ${({ inheritFont }) =>\n        inheritFont ? 'inherit' : `var(${tokens.labelOuterLineHeight}, var(${tokens.inputLineHeight}))`};\n`;\n\nexport const StyledHintWrapper = styled.div`\n    display: inline-flex;\n    line-height: 0;\n    margin: var(${tokens.hintMargin});\n\n    &.${classes.innerLabelPlacement} {\n        position: absolute;\n        margin: 0;\n        inset: var(${tokens.hintInnerLabelPlacementOffset});\n    }\n`;\n\nexport const HintTargetWrapper = styled.div`\n    color: var(${tokens.hintIconColor});\n    width: var(${tokens.hintTargetSize});\n    height: var(${tokens.hintTargetSize});\n\n    display: flex;\n    justify-content: center;\n    align-items: center;\n`;\n\nexport const HintIconWrapper = styled.div``;\n\nexport const StyledTextAreaWrapper = styled.div<{\n    hasHelper: boolean;\n}>`\n    background-color: var(${tokens.inputBackgroundColor});\n\n    padding-top: var(${tokens.inputPaddingTop});\n    padding-bottom: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n    border-radius: ${({ hasHelper }) =>\n        hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n    position: absolute;\n    display: flex;\n    align-items: center;\n    bottom: 0;\n    z-index: 1;\n\n    color: var(${tokens.rightContentColor}, var(${tokens.inputColor}));\n\n    top: var(${tokens.rightContentTop});\n    right: var(${tokens.rightContentRight});\n\n    height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n    display: inline-flex;\n    flex-direction: column;\n\n    width: ${({ width }) => width};\n\n    position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n    hasHelper: boolean;\n    hasContentRight: boolean;\n    applyCustomWidth: boolean;\n    width?: string | number;\n    height?: string | number;\n    resize?: string;\n}>`\n    display: block;\n    box-sizing: border-box;\n    outline: none;\n    border: none;\n    -webkit-appearance: none; /* для отображение рамок на iOS */\n    background-color: transparent;\n\n    color: var(${tokens.inputColor});\n    caret-color: var(${tokens.inputCaretColor});\n\n    resize: ${({ resize }) => resize || 'none'};\n\n    --plasma_private-textarea-height: ${({ height }) =>\n        !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height || `var(${tokens.inputHeight})`};\n\n    --plasma_private-textarea-width: ${({ width }) =>\n        !Number.isNaN(Number(width)) ? `${width}rem` : width || `var(${tokens.inputWidth})`};\n\n    --plasma_private-textarea-computed-height: ${({ rows }) =>\n        rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n    --plasma_private-textarea-computed-width: ${({ cols }) =>\n        cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n    height: var(--plasma_private-textarea-computed-height);\n    width: var(--plasma_private-textarea-computed-width);\n\n    min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n    max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n    min-height: var(${tokens.inputMinHeight});\n\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-top: 0;\n    padding-bottom: 0;\n\n    /* INFO: Высчитываем высоту блока с подсказками */\n    --plasma_private-textarea-helpers-computed-height: calc(\n        var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n    );\n\n    --plasma_private-textarea-input-with-helpers-height: calc(\n        var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n            var(${tokens.helpersOffset})\n    );\n    --plasma_private-textarea-input-without-helpers-height: calc(\n        var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n    );\n\n    --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n        hasHelper && !rows\n            ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n            : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n    height: var(--plasma_private-textarea-input-actual-height);\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n\n    &::placeholder {\n        opacity: 0;\n    }\n\n    &:read-only {\n        cursor: default;\n    }\n\n    &:focus:not(:disabled) {\n        color: var(${tokens.inputColorFocus});\n    }\n\n    &::-webkit-scrollbar {\n        width: var(${tokens.scrollbarWidth});\n    }\n\n    &::-webkit-scrollbar-thumb {\n        background-color: var(${tokens.scrollbarThumbBackgroundColor});\n        background-clip: content-box;\n        border: var(${tokens.scrollbarBorderWidth}) solid transparent;\n        border-radius: 1rem;\n    }\n\n    &::-webkit-scrollbar-track {\n        background-color: var(${tokens.scrollbarTrackBackgroundColor});\n        background-clip: content-box;\n        border: var(${tokens.scrollbarBorderWidth}) solid transparent;\n        border-radius: 1rem;\n    }\n`;\n\nexport const StyledHelpers = styled.div`\n    box-sizing: border-box;\n    display: flex;\n    justify-content: space-between;\n\n    transition: background-color 0.1s ease-in-out;\n\n    background-color: var(${tokens.helpersBackgroundColor});\n\n    padding-top: var(${tokens.helpersPaddingTop});\n    padding-right: var(${tokens.helpersPaddingRight});\n    padding-bottom: var(${tokens.helpersPaddingBottom});\n    padding-left: var(${tokens.helpersPaddingLeft});\n\n    border-bottom-left-radius: var(${tokens.borderRadius});\n    border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n    ${applyEllipsis()};\n\n    display: block;\n\n    font-family: var(${tokens.helpersFontFamily});\n    font-size: var(${tokens.helpersFontSize});\n    font-style: var(${tokens.helpersFontStyle});\n    font-weight: var(${tokens.helpersFontWeight});\n    letter-spacing: var(${tokens.helpersLetterSpacing});\n    line-height: var(${tokens.helpersLineHeight});\n\n    color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n    color: var(${tokens.rightHelperColor});\n    margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n    hasContentRight: boolean;\n}>`\n    box-sizing: border-box;\n    position: absolute;\n    pointer-events: none;\n    display: inline-flex;\n    align-items: center;\n\n    transition: all 0.1s ease-in-out;\n    transform-origin: top left;\n\n    color: var(${tokens.placeholderColor});\n\n    width: 100%;\n    height: auto;\n\n    top: var(${tokens.inputPaddingTop});\n    padding-left: var(${tokens.inputPaddingLeft});\n    padding-right: ${({ hasContentRight }) =>\n        hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n    font-family: var(${tokens.inputFontFamily});\n    font-size: var(${tokens.inputFontSize});\n    font-style: var(${tokens.inputFontStyle});\n    font-weight: var(${tokens.inputFontWeight});\n    letter-spacing: var(${tokens.inputLetterSpacing});\n    line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n    position: absolute;\n    border-radius: 50%;\n\n    background-color: var(${tokens.indicatorColor});\n\n    &.${classes.outerLabelPlacement} {\n        width: var(${tokens.indicatorSizeOuter});\n        height: var(${tokens.indicatorSizeOuter});\n        inset: var(${tokens.indicatorLabelPlacementOuter});\n\n        &.${classes.requiredAlignRight} {\n            inset: var(${tokens.indicatorLabelPlacementOuterRight});\n\n            &.${classes.hasHint} {\n                right: calc(-1 * var(${tokens.indicatorSizeOuter}));\n            }\n        }\n    }\n\n    &.${classes.innerLabelPlacement} {\n        width: var(${tokens.indicatorSizeInner});\n        height: var(${tokens.indicatorSizeInner});\n        inset: var(${tokens.indicatorLabelPlacementInner});\n\n        &.${classes.requiredAlignRight} {\n            inset: var(${tokens.indicatorLabelPlacementInnerRight});\n        }\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","_exp","Hint","styled","name","class","propsAsIs","_exp2","_ref","isInnnerLabel","concat","tokens","titleCaptionInnerLabelOffset","labelMarginBottom","OuterLabelWrapper","vars","StyledLabel","TitleCaption","StyledIndicatorWrapper","_exp24","_ref2","inheritFont","labelOuterFontFamily","inputFontFamily","_exp25","_ref3","labelOuterFontSize","inputFontSize","_exp26","_ref4","labelOuterFontStyle","inputFontStyle","_exp27","_ref5","labelOuterFontWeight","inputFontWeight","_exp28","_ref6","labelOuterLetterSpacing","inputLetterSpacing","_exp29","_ref7","labelOuterLineHeight","inputLineHeight","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","HintIconWrapper","_exp38","_ref8","hasHelper","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp39","_ref9","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","StyledContent","_exp45","_ref10","width","StyledContainer","_exp48","_ref11","resize","_exp49","_ref12","height","Number","isNaN","inputHeight","_exp50","_ref13","inputWidth","_exp51","_ref14","rows","_exp52","_ref15","cols","_exp54","_ref16","applyCustomWidth","_exp56","_ref17","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp63","_ref18","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp91","StyledRightHelper","_exp96","_ref19","StyledPlaceholder","StyledIndicator"],"mappings":";;;;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,aAAa,CAAC,CAAA;AAC/C,IAAMC,OAAO,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GARtBA,SAQsBA,IAAAA,GAAA;AAAA,EAAA,OAEbF,OAAO,CAAA;AAAA,CAAA,CAAA;AAA3B,IAAMG,IAAI,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,MAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAAW,EAAA;AAAC,IAAAC,KAAA,GAVpBA,SAUoBA,KAAAA,GAAA;AAAA,EAAA,OAMjB,UAAAC,IAAA,EAAA;AAAA,IAAA,IAAGC,aAAAA,GAAAA,IAAAA,CAAAA,aAAAA,CAAAA;AAAAA,IAAAA,OAChBA,aAAa,GAAA,MAAA,CAAAC,MAAA,CAAUC,MAAM,CAACC,4BAA6B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAF,MAAA,CAAYC,MAAM,CAACE,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AALnG,IAAMC,iBAAiB,gBAAGX,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAIlBR,KACqF,EAAA,CAAA;AAAA,GAAA;AAAA,CACzG,EAAA;AAEM,IAAMS,WAAW,gBAAGb,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,aAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAWhC,EAAA;AAEM,IAAMW,YAAY,gBAAGd,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,cAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUjC,EAAA;AAEM,IAAMY,sBAAsB,gBAAGf,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAI3C,EAAA;AAAC,IAAAa,MAAA,GAjDgBA,SAiDhBA,MAAAA,GAAA;AAAA,EAAA,OAKiB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACdA,WAAW,GAAG,SAAS,GAAA,MAAA,CAAAX,MAAA,CAAUC,MAAM,CAACW,oBAAqB,YAAAZ,MAAA,CAAQC,MAAM,CAACY,eAAgB,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAvDrFA,SAuDqFA,MAAAA,GAAA;AAAA,EAAA,OACtF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACZA,WAAW,GAAG,SAAS,GAAA,MAAA,CAAAX,MAAA,CAAUC,MAAM,CAACe,kBAAmB,YAAAhB,MAAA,CAAQC,MAAM,CAACgB,aAAc,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzDjFA,SAyDiFA,MAAAA,GAAA;AAAA,EAAA,OACjF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGR,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACbA,WAAW,GAAG,SAAS,GAAA,MAAA,CAAAX,MAAA,CAAUC,MAAM,CAACmB,mBAAoB,YAAApB,MAAA,CAAQC,MAAM,CAACoB,cAAe,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA3DnFA,SA2DmFA,MAAAA,GAAA;AAAA,EAAA,OAClF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGZ,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACdA,WAAW,GAAG,SAAS,GAAA,MAAA,CAAAX,MAAA,CAAUC,MAAM,CAACuB,oBAAqB,YAAAxB,MAAA,CAAQC,MAAM,CAACwB,eAAgB,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA7DrFA,SA6DqFA,MAAAA,GAAA;AAAA,EAAA,OACjF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGhB,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACjBA,WAAW,GAAG,SAAS,GAAA,MAAA,CAAAX,MAAA,CAAUC,MAAM,CAAC2B,uBAAwB,YAAA5B,MAAA,CAAQC,MAAM,CAAC4B,kBAAmB,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA/D3FA,SA+D2FA,MAAAA,GAAA;AAAA,EAAA,OAC1F,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGpB,WAAAA,GAAAA,KAAAA,CAAAA,WAAAA,CAAAA;AAAAA,IAAAA,OACdA,WAAW,GAAG,SAAS,GAAA,MAAA,CAAAX,MAAA,CAAUC,MAAM,CAAC+B,oBAAqB,YAAAhC,MAAA,CAAQC,MAAM,CAACgC,eAAgB,EAAG,IAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAdhG,IAAMC,kBAAkB,gBAAGzC,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,oBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAGrBI,MACoF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACtFK,MACkF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjFI,MACmF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAClFI,MACoF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cACjFI,MACuF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAC1FI,MACoF,EAAA,CAAA;AAAA,GAAA;AAAA,CACtG,EAAA;AAEM,IAAMK,iBAAiB,gBAAG1C,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAUtC,EAAA;AAEM,IAAMwC,iBAAiB,gBAAG3C,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAQtC,EAAA;AAEM,IAAMyC,eAAe,gBAAG5C,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAAM,EAAA;AAAC,IAAA0C,MAAA,GA1F1BA,SA0F0BA,MAAAA,GAAA;AAAA,EAAA,OAQtB,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGC,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OACjBA,SAAS,GAAA,MAAA,CAAAxC,MAAA,CAAUC,MAAM,CAACwC,6BAA8B,EAAA,GAAA,CAAA,GAAA,MAAA,CAAAzC,MAAA,CAAYC,MAAM,CAACyC,kBAAmB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAnGtFA,SAmGsFA,MAAAA,GAAA;AAAA,EAAA,OAEnF,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGJ,SAAAA,GAAAA,KAAAA,CAAAA,SAAAA,CAAAA;AAAAA,IAAAA,OAChBA,SAAS,GAAA,MAAA,CAAAxC,MAAA,CAAUC,MAAM,CAAC4C,uBAAwB,EAAA,GAAA,CAAA,GAAA,MAAA,CAAA7C,MAAA,CAAYC,MAAM,CAAC6C,YAAa,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAVrF,IAAMC,qBAAqB,gBAAGtD,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,uBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAMrBiC,MACkF,EAAA,CAAA;AAAA,IAAA,WAAA,EAAA,cAEnFK,MACuE,EAAA,CAAA;AAAA,GAAA;AAAA,CAC3F,EAAA;AAEM,IAAMK,aAAa,gBAAGvD,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAalC,EAAA;AAAC,IAAAqD,MAAA,GAtHgBA,SAsHhBA,MAAAA,GAAA;AAAA,EAAA,OAMW,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,KAAAA,GAAAA,MAAAA,CAAAA,KAAAA,CAAAA;AAAAA,IAAAA,OAAYA,KAAK,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAJ1B,IAAMC,eAAe,gBAAG3D,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAIxB4C,MAAoB,EAAA,CAAA;AAAA,GAAA;AAAA,CAGhC,EAAA;AAAC,IAAAI,MAAA,GA/HgBA,SA+HhBA,MAAAA,GAAA;AAAA,EAAA,OAoBY,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,MAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OAAaA,MAAM,IAAI,MAAM,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAnJ5BA,SAmJ4BA,MAAAA,GAAA;AAAA,EAAA,OAEN,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,MAAAA,GAAAA,MAAAA,CAAAA,MAAAA,CAAAA;IAAAA,OACnC,CAACC,MAAM,CAACC,KAAK,CAACD,MAAM,CAACD,MAAM,CAAC,CAAC,GAAA,OAAA,CAAA1D,MAAA,CAAW0D,MAAO,uBAAmBA,MAAM,IAAA,MAAA,CAAA1D,MAAA,CAAWC,MAAM,CAAC4D,WAAY,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAtJ9FA,SAsJ8FA,MAAAA,GAAA;AAAA,EAAA,OAEzE,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGZ,KAAAA,GAAAA,MAAAA,CAAAA,KAAAA,CAAAA;IAAAA,OAClC,CAACQ,MAAM,CAACC,KAAK,CAACD,MAAM,CAACR,KAAK,CAAC,CAAC,GAAA,EAAA,CAAAnD,MAAA,CAAMmD,KAAM,WAAOA,KAAK,IAAA,MAAA,CAAAnD,MAAA,CAAWC,MAAM,CAAC+D,UAAW,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzJzEA,SAyJyEA,MAAAA,GAAA;AAAA,EAAA,OAE1C,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,IAAAA,GAAAA,MAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAC5CA,IAAI,GAAG,OAAO,GAAG,uCAAuC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA5J9CA,SA4J8CA,MAAAA,GAAA;AAAA,EAAA,OAChB,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,IAAAA,GAAAA,MAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAC3CA,IAAI,GAAG,OAAO,GAAG,sCAAsC,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GA9J7CA,SA8J6CA,MAAAA,GAAA;AAAA,EAAA,OAM9C,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,gBAAAA,GAAAA,MAAAA,CAAAA,gBAAAA,CAAAA;AAAAA,IAAAA,OAAwBA,gBAAgB,GAAG,sCAAsC,GAAG,MAAO,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GApK7FA,SAoK6FA,MAAAA,GAAA;AAAA,EAAA,OAI1F,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGC,eAAAA,GAAAA,MAAAA,CAAAA,eAAAA,CAAAA;AAAAA,IAAAA,OAChBA,eAAe,GAAA,MAAA,CAAA5E,MAAA,CAAUC,MAAM,CAAC4E,iCAAkC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAA7E,MAAA,CAAYC,MAAM,CAAC6E,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAC,MAAA,GAzK/FA,SAyK+FA,MAAAA,GAAA;AAAA,EAAA,OAkB5D,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGxC,SAAS,GAAAwC,MAAA,CAATxC,SAAS;MAAE2B,IAAAA,GAAAA,MAAAA,CAAAA,IAAAA,CAAAA;AAAAA,IAAAA,OAC3D3B,SAAS,IAAI,CAAC2B,IAAI,GACZ,0DAA0D,GAC1D,6DAA6D,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AA7DpE,IAAMc,cAAc,gBAAGxF,MAAM,CAAA,UAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,gBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,YAAA,EAAA,cAkBtBgD,MAAgC,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAENG,MACwE,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAEzEM,MACoD,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAE1CG,MACe,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAChBG,MACe,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAM9CG,MAA8F,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAI1FG,MAC4F,EAAA,CAAA;AAAA,IAAA,YAAA,EAAA,cAkB5DK,MAGsB,EAAA,CAAA;AAAA,GAAA;AAAA,CAwC1E,EAAA;AAEM,IAAMG,aAAa,gBAAGzF,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,eAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAgBlC,EAAA;AAEM,IAAMuF,gBAAgB,gBAAG1F,MAAM,CAAA,MAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CAarC,EAAA;AAAC,IAAAwF,MAAA,GAvQgBA,SAuQhBA,MAAAA,GAAA;AAAA,EAAA,OAEsCD,gBAAgB,CAAA;AAAA,CAAA,CAAA;AAAjD,IAAME,iBAAiB,gBAAG5F,MAAM,CAAA2F,MAAA,EAAA,CAAA,CAAA;AAAA1F,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CAGtC,EAAA;AAAC,IAAA0F,MAAA,GA5QgBA,SA4QhBA,MAAAA,GAAA;AAAA,EAAA,OAqBmB,UAAAC,MAAA,EAAA;AAAA,IAAA,IAAGX,eAAAA,GAAAA,MAAAA,CAAAA,eAAAA,CAAAA;AAAAA,IAAAA,OAChBA,eAAe,GAAA,MAAA,CAAA5E,MAAA,CAAUC,MAAM,CAAC4E,iCAAkC,EAAA,GAAA,CAAA,GAAA,MAAA,CAAA7E,MAAA,CAAYC,MAAM,CAAC6E,iBAAkB,EAAE,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AApB1G,IAAMU,iBAAiB,gBAAG/F,MAAM,CAAA,OAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,mBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAAS,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAmBlBiF,MAC4F,EAAA,CAAA;AAAA,GAAA;AAAA,CAQhH,EAAA;AAEM,IAAMG,eAAe,gBAAGhG,MAAM,CAAA,KAAA,CAAA,CAAA;AAAAC,EAAAA,IAAA,EAAA,iBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,KAAA;AAAA,CA6BpC;;;;"}

package/es/components/TextArea/TextArea.styles_1ke2ihc.css

@@ -0,0 +1,18 @@
+
+.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;margin-bottom:var(--o1r1fvk8-0);}
+.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));}
+.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);}
+.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;}
+.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);}
+.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);}
+.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;}
+
+.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);}
+.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);}
+.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;}
+.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);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + 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;}
+.s183p45n{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);}
+.snf439a{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);}
+.suev9vb.snf439a{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
+.s7jal92{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(--s7jal92-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);}
+.s11kd6xq{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.s11kd6xq.label-placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.s11kd6xq.label-placement-outer.required-align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.s11kd6xq.label-placement-outer.required-align-right.textarea-has-hint{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.s11kd6xq.label-placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.s11kd6xq.label-placement-inner.required-align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}