@salutejs/plasma-new-hope 0.315.0-dev.0 → 0.315.2-canary.1881.14211036395.0

package/cjs/components/Button/Button.js

@@ -67,7 +67,6 @@ var buttonRoot = function buttonRoot(Root) {
       value: value,
       disabled: disabled,
       focused: focused || outlined,
-      contentPlacing: contentPlacing,
       className: index.cx(squareClass, stretchingClass, Button_tokens.classes.buttonItem, isLoadingClass, className),
       style: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, style), {}, {
         '--plasma_computed-btn-br': buttonBorderRadius,

package/cjs/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n    base,\n    ButtonText,\n    ButtonValue,\n    Loader,\n    LoadWrap,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n    forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            value,\n            contentLeft,\n            contentRight,\n            contentPlacing = 'default',\n            isLoading,\n            loader,\n            stretch,\n            square,\n            pin,\n            disabled,\n            focused,\n            outlined,\n            className,\n            blur,\n            style,\n            stretching = 'auto',\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n        const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n        const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n        const stretchingClass = stretch\n            ? classes.filledStretching\n            : classes[`${stretching}Stretching` as keyof typeof classes];\n        const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n        const squareClass = square ? classes.buttonSquare : undefined;\n        const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n        const buttonBorderRadius = pin\n            ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n            : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n        const contentPlacingMapper: ContentPlacementMapper = {\n            default: 'center',\n            relaxed: 'space-between',\n        };\n\n        const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                view={view}\n                size={size}\n                value={value}\n                disabled={disabled}\n                focused={focused || outlined}\n                contentPlacing={contentPlacing}\n                className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n                style={\n                    {\n                        ...style,\n                        '--plasma_computed-btn-br': buttonBorderRadius,\n                        '--plasma_private-blur': blur,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n                    {contentLeft && (\n                        <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n                    )}\n                    {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n                    {value && <ButtonValue>{value}</ButtonValue>}\n                    {contentRight && (\n                        <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n                    )}\n                </LoadWrap>\n                {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const buttonConfig = {\n    name: 'Button',\n    tag: 'button',\n    layout: buttonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n            // TODO: isLoading => disabled\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n    base,\n    ButtonText,\n    ButtonValue,\n    Loader,\n    LoadWrap,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n    forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            value,\n            contentLeft,\n            contentRight,\n            contentPlacing = 'default',\n            isLoading,\n            loader,\n            stretch,\n            square,\n            pin,\n            disabled,\n            focused,\n            outlined,\n            className,\n            blur,\n            style,\n            stretching = 'auto',\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n        const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n        const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n        const stretchingClass = stretch\n            ? classes.filledStretching\n            : classes[`${stretching}Stretching` as keyof typeof classes];\n        const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n        const squareClass = square ? classes.buttonSquare : undefined;\n        const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n        const buttonBorderRadius = pin\n            ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n            : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n        const contentPlacingMapper: ContentPlacementMapper = {\n            default: 'center',\n            relaxed: 'space-between',\n        };\n\n        const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                view={view}\n                size={size}\n                value={value}\n                disabled={disabled}\n                focused={focused || outlined}\n                className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n                style={\n                    {\n                        ...style,\n                        '--plasma_computed-btn-br': buttonBorderRadius,\n                        '--plasma_private-blur': blur,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n                    {contentLeft && (\n                        <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n                    )}\n                    {txt ? <ButtonText className={contentRelaxedClass}>{txt}</ButtonText> : children}\n                    {value && <ButtonValue>{value}</ButtonValue>}\n                    {contentRight && (\n                        <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n                    )}\n                </LoadWrap>\n                {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const buttonConfig = {\n    name: 'Button',\n    tag: 'button',\n    layout: buttonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n            // TODO: isLoading => disabled\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}

package/cjs/components/Chip/Chip.js

@@ -66,7 +66,6 @@ var chipRoot = function chipRoot(Root) {
       tabIndex: readOnly ? -1 : 0,
       onClick: handleClick,
       disabled: disabled,
-      pilled: pilled,
       readOnly: !disabled && readOnly,
       size: size
     }, rest), contentLeft && /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentLeft, null, contentLeft), txt ? /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentMain, null, txt) : children, contentRight && /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentRight, null, contentRight), hasClear && (contentClearButton || /*#__PURE__*/React__default.default.createElement(Chip_styles.StyledContentClear, {

package/cjs/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !(rest as any)._forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                pilled={pilled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","_forceChipManipulationWithReadonly","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAgBaA,QAAQ,GAAG,SAAXA,QAAQA,CAAIC,IAA6C,EAAA;AAAA,EAAA,oBAClEC,gBAAU,CAA+B,UAACC,KAAK,EAAEC,GAAG,EAAK;AACrD,IAAA,IACIC,QAAQ,GAeRF,KAAK,CAfLE,QAAQ;MACRC,IAAI,GAcJH,KAAK,CAdLG,IAAI;MACJC,WAAW,GAaXJ,KAAK,CAbLI,WAAW;MACXC,YAAY,GAYZL,KAAK,CAZLK,YAAY;MACZC,kBAAkB,GAWlBN,KAAK,CAXLM,kBAAkB;MAAAC,eAAA,GAWlBP,KAAK,CAVLQ,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,eAAA;MACfE,IAAI,GASJT,KAAK,CATLS,IAAI;MACJC,SAAS,GAQTV,KAAK,CARLU,SAAS;MACTC,OAAO,GAOPX,KAAK,CAPLW,OAAO;MACPC,OAAO,GAMPZ,KAAK,CANLY,OAAO;MACPC,YAAY,GAKZb,KAAK,CALLa,YAAY;MAAAC,aAAA,GAKZd,KAAK,CAJLe,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,eAAA,GAIdhB,KAAK,CAHLiB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;MAAAE,eAAA,GAGhBlB,KAAK,CAFLmB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,eAAA;AACbE,MAAAA,IAAI,GAAAC,iDAAA,CACPrB,KAAK,EAAAsB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,GAAG,GAAG,CAACpB,IAAI,IAAI,OAAOD,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGC,IAAI,CAAA;IACnE,IAAMqB,WAAW,GAAGT,MAAM,GAAGU,mBAAO,CAACV,MAAM,GAAGW,SAAS,CAAA;AAEvD,IAAA,IAAMC,WAAW,GAAG,SAAdA,WAAWA,CAAIC,KAAoC,EAAK;AAC1D;AACA;MACA,IAAIT,QAAQ,IAAKF,QAAQ,IAAI,CAAEG,IAAI,CAASS,kCAAmC,EAAE;AAC7E,QAAA,OAAA;AACJ,OAAA;AAEAjB,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAPA,OAAO,CAAGgB,KAAK,CAAC,CAAA;AAChBjB,MAAAA,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,EAAI,CAAA;KACd,CAAA;AAED,IAAA,IAAMmB,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIF,KAAiC,EAAK;AAC5D,MAAA,IAAIT,QAAQ,IAAIF,QAAQ,IAAI,CAACJ,YAAY,EAAE;AACvC,QAAA,OAAA;AACJ,OAAA;MAEAe,KAAK,CAACG,eAAe,EAAE,CAAA;MACvBlB,YAAY,CAACe,KAAK,CAAC,CAAA;KACtB,CAAA;AAED,IAAA,oBACII,sBAAA,CAAAC,aAAA,CAACnC,IAAI,EAAAoC,iCAAA,CAAA;AACDC,MAAAA,IAAI,EAAC,QAAQ;AACblC,MAAAA,GAAG,EAAEA,GAAI;MACTS,SAAS,EAAE0B,QAAE,CAACZ,WAAW,EAAEC,mBAAO,CAACY,QAAQ,EAAE3B,SAAS,CAAE;AACxD4B,MAAAA,QAAQ,EAAErB,QAAQ,GAAG,CAAC,CAAC,GAAG,CAAE;AAC5BL,MAAAA,OAAO,EAAEe,WAAY;AACrBR,MAAAA,QAAQ,EAAEA,QAAS;AACnBJ,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,QAAQ,EAAE,CAACE,QAAQ,IAAIF,QAAS;AAChCR,MAAAA,IAAI,EAAEA,IAAAA;KACFW,EAAAA,IAAI,GAEPhB,WAAW,iBAAI4B,sBAAA,CAAAC,aAAA,CAACM,6BAAiB,EAAA,IAAA,EAAEnC,WAA+B,CAAC,EACnEmB,GAAG,gBAAGS,sBAAA,CAAAC,aAAA,CAACO,6BAAiB,EAAEjB,IAAAA,EAAAA,GAAuB,CAAC,GAAGrB,QAAQ,EAC7DG,YAAY,iBAAI2B,sBAAA,CAAAC,aAAA,CAACQ,8BAAkB,EAAA,IAAA,EAAEpC,YAAiC,CAAC,EACvEG,QAAQ,KACJF,kBAAkB,iBACf0B,sBAAA,CAAAC,aAAA,CAACS,8BAAkB,EAAA;AAAC9B,MAAAA,OAAO,EAAEkB,gBAAAA;AAAiB,KAAA,eAC1CE,sBAAA,CAAAC,aAAA,CAACU,mBAAS,EAAA;MAACC,kBAAkB,EAAEC,kBAAM,CAACC,aAAc;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CACtD,CACvB,CACH,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMC,UAAU,GAAG;AACtBC,EAAAA,IAAI,EAAE,MAAM;AACZC,EAAAA,GAAG,EAAE,QAAQ;AACbC,EAAAA,MAAM,EAAEtD,QAAQ;AAChBuD,EAAAA,IAAI,EAAJA,gBAAI;AACJC,EAAAA,UAAU,EAAE;AACRC,IAAAA,IAAI,EAAE;AACFC,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD/C,IAAAA,IAAI,EAAE;AACF8C,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDtC,IAAAA,QAAQ,EAAE;AACNoC,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1C,IAAAA,QAAQ,EAAE;AACNsC,MAAAA,GAAG,EAAEK,WAAW;AAChBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACDE,IAAAA,OAAO,EAAE;AACLN,MAAAA,GAAG,EAAEO,WAAAA;KACR;AACD/C,IAAAA,MAAM,EAAE;AACJwC,MAAAA,GAAG,EAAEQ,WAAS;AACdJ,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDK,EAAAA,QAAQ,EAAE;AACNV,IAAAA,IAAI,EAAE,SAAS;AACf7C,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
+{"version":3,"file":"Chip.js","sources":["../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import React, { forwardRef, MouseEvent } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { IconClose } from '../_Icon/Icons/IconClose';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as readonlyCSS } from './variations/_readonly/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport type { ChipProps } from './Chip.types';\nimport { StyledContentClear, StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Chip.styles';\nimport { classes, tokens } from './Chip.tokens';\n\nexport const chipRoot = (Root: RootProps<HTMLButtonElement, ChipProps>) =>\n    forwardRef<HTMLButtonElement, ChipProps>((props, ref) => {\n        const {\n            children,\n            text,\n            contentLeft,\n            contentRight,\n            contentClearButton,\n            hasClear = true,\n            size,\n            className,\n            onClear,\n            onClick,\n            onClickClose,\n            pilled = false,\n            readOnly = false,\n            disabled = false,\n            ...rest\n        } = props;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const pilledClass = pilled ? classes.pilled : undefined;\n\n        const handleClick = (event: MouseEvent<HTMLButtonElement>) => {\n            // TODO: #1547\n            // eslint-disable-next-line no-underscore-dangle\n            if (disabled || (readOnly && !(rest as any)._forceChipManipulationWithReadonly)) {\n                return;\n            }\n\n            onClick?.(event);\n            onClear?.();\n        };\n\n        const handleClickClose = (event: MouseEvent<HTMLDivElement>) => {\n            if (disabled || readOnly || !onClickClose) {\n                return;\n            }\n\n            event.stopPropagation();\n            onClickClose(event);\n        };\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                className={cx(pilledClass, classes.chipItem, className)}\n                tabIndex={readOnly ? -1 : 0}\n                onClick={handleClick}\n                disabled={disabled}\n                readOnly={!disabled && readOnly}\n                size={size}\n                {...rest}\n            >\n                {contentLeft && <StyledContentLeft>{contentLeft}</StyledContentLeft>}\n                {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                {hasClear &&\n                    (contentClearButton || (\n                        <StyledContentClear onClick={handleClickClose}>\n                            <IconClose sizeCustomProperty={tokens.closeIconSize} color=\"inherit\" />\n                        </StyledContentClear>\n                    ))}\n            </Root>\n        );\n    });\n\nexport const chipConfig = {\n    name: 'Chip',\n    tag: 'button',\n    layout: chipRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        readOnly: {\n            css: readonlyCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["chipRoot","Root","forwardRef","props","ref","children","text","contentLeft","contentRight","contentClearButton","_props$hasClear","hasClear","size","className","onClear","onClick","onClickClose","_props$pilled","pilled","_props$readOnly","readOnly","_props$disabled","disabled","rest","_objectWithoutProperties","_excluded","txt","pilledClass","classes","undefined","handleClick","event","_forceChipManipulationWithReadonly","handleClickClose","stopPropagation","React","createElement","_extends","type","cx","chipItem","tabIndex","StyledContentLeft","StyledContentMain","StyledContentRight","StyledContentClear","IconClose","sizeCustomProperty","tokens","closeIconSize","color","chipConfig","name","tag","layout","base","variations","view","css","viewCSS","sizeCSS","disabledCSS","attrs","readonlyCSS","focused","focusedCSS","pilledCSS","defaults"],"mappings":"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"}

package/cjs/components/TextArea/TextArea.js

@@ -235,7 +235,6 @@ var textAreaRoot = function textAreaRoot(Root) {
       size: size,
       disabled: disabled,
       readOnly: readOnly,
-      clear: clear,
       style: _rollupPluginBabelHelpers.objectSpread2({
         width: helperWidth
       }, style),
@@ -245,6 +244,7 @@ var textAreaRoot = function textAreaRoot(Root) {
       hintView: hintView,
       hintSize: hintSize
     }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React__default.default.createElement(TextArea_styles.OuterLabelWrapper, {
+      width: helperWidth,
       isInnerLabel: labelPlacement === 'inner'
     }, hasOuterLabel && /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledIndicatorWrapper, null, /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledLabel, null, label), hintText && /*#__PURE__*/React__default.default.createElement(TextArea_styles.StyledHintWrapper, null, /*#__PURE__*/React__default.default.createElement(Hint.HintComponent, {
       ref: hintForkRef,

package/cjs/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, useRef, MouseEventHandler, useLayoutEffect } 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    StyledOutsideHelpersWrapper,\n    StyledHiddenTextArea,\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 readOnlyCSS } from './variations/_read-only/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            leftHelperPlacement = 'inner',\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            hasRequiredIndicator = true,\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        // TODO: перенести в общую переменную для value снаружи и внутри\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = createRef<HTMLTextAreaElement>();\n        const hiddenRef = useRef<HTMLTextAreaElement | null>(null);\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 isInnerLeftHelperPlacement = leftHelperPlacement === 'inner';\n        const leftHelperText = leftHelper || helperText;\n        const innerOptional = required ? false : optional;\n        const hasLeftHelper = Boolean(leftHelper || helperText);\n        const hasRightHelper = Boolean(rightHelper);\n        const hasHelper = !isInnerLeftHelperPlacement ? hasRightHelper : hasLeftHelper || hasRightHelper;\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        const applyAutoResize = autoResize || Boolean(clear);\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        useLayoutEffect(() => {\n            if (outerRef.current) {\n                setUncontrolledValue(outerRef.current.value);\n            }\n        }, [outerRef]);\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(applyAutoResize, outerRef, value || uncontrolledValue, minAuto, maxAuto, resize, hiddenRef);\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.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 && {\n                    hintView,\n                    hintSize,\n                })}\n            >\n                {(hasOuterLabel || titleCaption) && (\n                    <OuterLabelWrapper isInnerLabel={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 && hasRequiredIndicator && (\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 && hasRequiredIndicator && (\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                                        size={size}\n                                        handleHintShow={handleHintShow}\n                                        handleHintHide={handleHintHide}\n                                        handleHintClick={handleHintClick}\n                                        isInnerLabel\n                                    />\n                                </StyledHintWrapper>\n                            )}\n                        </>\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={cx(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                            required={required}\n                            height={applyAutoResize ? 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                        {applyAutoResize && (\n                            <StyledHiddenTextArea\n                                aria-hidden\n                                ref={hiddenRef}\n                                hasContentRight={Boolean(contentRight)}\n                                value={value || uncontrolledValue || ' '}\n                                defaultValue={defaultValue}\n                            />\n                        )}\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {isInnerLeftHelperPlacement && (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                {hasLeftHelper && !isInnerLeftHelperPlacement && (\n                    <StyledOutsideHelpersWrapper id={textareaHelperId}>\n                        <StyledLeftHelper>{leftHelperText}</StyledLeftHelper>\n                    </StyledOutsideHelpersWrapper>\n                )}\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        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\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","_props$leftHelperPlac","leftHelperPlacement","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","titleCaption","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$hasRequiredInd","hasRequiredIndicator","_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","hiddenRef","useRef","hintRef","useOutsideClick","hintInnerRef","hintForkRef","useForkRef","isInnerLeftHelperPlacement","leftHelperText","innerOptional","hasLeftHelper","Boolean","hasRightHelper","hasHelper","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","applyAutoResize","clearClass","hasHintClass","hasHint","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","requiredAlignRight","handleHintShow","handleHintHide","handleHintClick","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","useLayoutEffect","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","handleTextAreaFocus","focus","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","inheritFont","_extends","_objectSpread","cx","onClick","OuterLabelWrapper","isInnerLabel","StyledIndicatorWrapper","StyledLabel","StyledHintWrapper","HintComponent","ref","StyledIndicator","outerLabelPlacement","TitleCaption","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","Fragment","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","hasContentRight","mergeRefs","StyledHiddenTextArea","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","StyledOutsideHelpersWrapper","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","readOnlyCSS","disabledCSS","hintViewCSS","hintSizeCSS","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, useLayoutEffect } 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    StyledOutsideHelpersWrapper,\n    StyledHiddenTextArea,\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 readOnlyCSS } from './variations/_read-only/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            leftHelperPlacement = 'inner',\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            hasRequiredIndicator = true,\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        // TODO: перенести в общую переменную для value снаружи и внутри\n        const [uncontrolledValue, setUncontrolledValue] = useState<string | undefined>();\n\n        const outerRef = createRef<HTMLTextAreaElement>();\n        const hiddenRef = useRef<HTMLTextAreaElement | null>(null);\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 isInnerLeftHelperPlacement = leftHelperPlacement === 'inner';\n        const leftHelperText = leftHelper || helperText;\n        const innerOptional = required ? false : optional;\n        const hasLeftHelper = Boolean(leftHelper || helperText);\n        const hasRightHelper = Boolean(rightHelper);\n        const hasHelper = !isInnerLeftHelperPlacement ? hasRightHelper : hasLeftHelper || hasRightHelper;\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        const applyAutoResize = autoResize || Boolean(clear);\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        useLayoutEffect(() => {\n            if (outerRef.current) {\n                setUncontrolledValue(outerRef.current.value);\n            }\n        }, [outerRef]);\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(applyAutoResize, outerRef, value || uncontrolledValue, minAuto, maxAuto, resize, hiddenRef);\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.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                style={{ width: helperWidth, ...style }}\n                className={cx(clearClass, hasDividerClass, hasHintClass, className)}\n                onClick={handleTextAreaFocus}\n                {...(hintText && {\n                    hintView,\n                    hintSize,\n                })}\n            >\n                {(hasOuterLabel || titleCaption) && (\n                    <OuterLabelWrapper width={helperWidth} isInnerLabel={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 && hasRequiredIndicator && (\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 && hasRequiredIndicator && (\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                                        size={size}\n                                        handleHintShow={handleHintShow}\n                                        handleHintHide={handleHintHide}\n                                        handleHintClick={handleHintClick}\n                                        isInnerLabel\n                                    />\n                                </StyledHintWrapper>\n                            )}\n                        </>\n                    )}\n                    {contentRight && <StyledContent>{contentRight}</StyledContent>}\n                    <StyledTextAreaWrapper className={cx(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                            required={required}\n                            height={applyAutoResize ? 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                        {applyAutoResize && (\n                            <StyledHiddenTextArea\n                                aria-hidden\n                                ref={hiddenRef}\n                                hasContentRight={Boolean(contentRight)}\n                                value={value || uncontrolledValue || ' '}\n                                defaultValue={defaultValue}\n                            />\n                        )}\n                    </StyledTextAreaWrapper>\n                    {hasHelper && (\n                        <StyledHelpers className={styledHelpers} id={textareaHelperId}>\n                            {isInnerLeftHelperPlacement && (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                {hasLeftHelper && !isInnerLeftHelperPlacement && (\n                    <StyledOutsideHelpersWrapper id={textareaHelperId}>\n                        <StyledLeftHelper>{leftHelperText}</StyledLeftHelper>\n                    </StyledOutsideHelpersWrapper>\n                )}\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        readOnly: {\n            css: readOnlyCSS,\n            attrs: true,\n        },\n        disabled: {\n            css: disabledCSS,\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","_props$leftHelperPlac","leftHelperPlacement","contentRight","_props$autoResize","autoResize","_props$minAuto","minAuto","maxAuto","_props$labelPlacement","titleCaption","placeholder","defaultValue","height","width","disabled","_props$required","required","_props$requiredPlacem","requiredPlacement","_props$hasRequiredInd","hasRequiredIndicator","_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","hiddenRef","useRef","hintRef","useOutsideClick","hintInnerRef","hintForkRef","useForkRef","isInnerLeftHelperPlacement","leftHelperText","innerOptional","hasLeftHelper","Boolean","hasRightHelper","hasHelper","hasOuterLabel","hasInnerLabel","hasPlaceholderOptional","overriddenView","textareaHelperId","applyCustomWidth","placeholderLabel","applyAutoResize","clearClass","hasHintClass","hasHint","hasRightContentClass","hasRightContent","hasDividerClass","requiredPlacementClass","requiredAlignRight","handleHintShow","handleHintHide","handleHintClick","event","_hintInnerRef$current","stopPropagation","targetIsPopover","target","current","rootHasTarget","contains","useLayoutEffect","useResizeObserver","currentElement","inlineWidth","_currentElement$getBo","getBoundingClientRect","elementWidth","ROOT_FONT_SIZE","useAutoResize","onFocusHandler","useCallback","onBlurHandler","onChangeHandler","handleTextAreaFocus","focus","dynamicLabelClasses","optionalTextNode","React","createElement","StyledOptionalText","inheritFont","_extends","_objectSpread","cx","onClick","OuterLabelWrapper","isInnerLabel","StyledIndicatorWrapper","StyledLabel","StyledHintWrapper","HintComponent","ref","StyledIndicator","outerLabelPlacement","TitleCaption","StyledContainer","apply","_toConsumableArray","onFocus","onBlur","Fragment","innerLabelPlacement","StyledContent","StyledTextAreaWrapper","StyledTextArea","hasContentRight","mergeRefs","StyledHiddenTextArea","StyledHelpers","StyledLeftHelper","StyledRightHelper","StyledPlaceholder","htmlFor","StyledOutsideHelpersWrapper","textAreaConfig","name","tag","layout","variations","css","sizeCSS","viewCSS","clearCSS","attrs","readOnlyCSS","disabledCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}

package/cjs/components/TextArea/TextArea.styles.js

@@ -1,4 +1,4 @@
-require('./TextArea.styles_ztsrpt.css');
+require('./TextArea.styles_1r7xix5.css');
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -20,7 +20,13 @@ var Hint = /*#__PURE__*/react.styled(_exp())({
 });
 var _exp2 = function _exp2() {
   return function (_ref) {
-    var isInnerLabel = _ref.isInnerLabel;
+    var width = _ref.width;
+    return width;
+  };
+};
+var _exp3 = function _exp3() {
+  return function (_ref2) {
+    var isInnerLabel = _ref2.isInnerLabel;
     return isInnerLabel ? "var(".concat(TextArea_tokens.tokens.titleCaptionInnerLabelOffset, ")") : "var(".concat(TextArea_tokens.tokens.labelMarginBottom, ")");
   };
 };
@@ -29,7 +35,8 @@ var OuterLabelWrapper = /*#__PURE__*/react.styled('div')({
   "class": "o1r1fvk8",
   propsAsIs: false,
   vars: {
-    "o1r1fvk8-0": [/*#__PURE__*/_exp2()]
+    "o1r1fvk8-0": [/*#__PURE__*/_exp2()],
+    "o1r1fvk8-1": [/*#__PURE__*/_exp3()]
   }
 });
 var StyledLabel = /*#__PURE__*/react.styled('div')({
@@ -47,39 +54,39 @@ var StyledIndicatorWrapper = /*#__PURE__*/react.styled('div')({
   "class": "s7alcr2",
   propsAsIs: false
 });
-var _exp24 = function _exp24() {
-  return function (_ref2) {
-    var inheritFont = _ref2.inheritFont;
-    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontFamily, ", var(").concat(TextArea_tokens.tokens.inputFontFamily, "))");
-  };
-};
 var _exp25 = function _exp25() {
   return function (_ref3) {
     var inheritFont = _ref3.inheritFont;
-    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontSize, ", var(").concat(TextArea_tokens.tokens.inputFontSize, "))");
+    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontFamily, ", var(").concat(TextArea_tokens.tokens.inputFontFamily, "))");
   };
 };
 var _exp26 = function _exp26() {
   return function (_ref4) {
     var inheritFont = _ref4.inheritFont;
-    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontStyle, ", var(").concat(TextArea_tokens.tokens.inputFontStyle, "))");
+    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontSize, ", var(").concat(TextArea_tokens.tokens.inputFontSize, "))");
   };
 };
 var _exp27 = function _exp27() {
   return function (_ref5) {
     var inheritFont = _ref5.inheritFont;
-    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontWeight, ", var(").concat(TextArea_tokens.tokens.inputFontWeight, "))");
+    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontStyle, ", var(").concat(TextArea_tokens.tokens.inputFontStyle, "))");
   };
 };
 var _exp28 = function _exp28() {
   return function (_ref6) {
     var inheritFont = _ref6.inheritFont;
-    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterLetterSpacing, ", var(").concat(TextArea_tokens.tokens.inputLetterSpacing, "))");
+    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterFontWeight, ", var(").concat(TextArea_tokens.tokens.inputFontWeight, "))");
   };
 };
 var _exp29 = function _exp29() {
   return function (_ref7) {
     var inheritFont = _ref7.inheritFont;
+    return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterLetterSpacing, ", var(").concat(TextArea_tokens.tokens.inputLetterSpacing, "))");
+  };
+};
+var _exp30 = function _exp30() {
+  return function (_ref8) {
+    var inheritFont = _ref8.inheritFont;
     return inheritFont ? 'inherit' : "var(".concat(TextArea_tokens.tokens.labelOuterLineHeight, ", var(").concat(TextArea_tokens.tokens.inputLineHeight, "))");
   };
 };
@@ -88,12 +95,12 @@ var StyledOptionalText = /*#__PURE__*/react.styled('span')({
   "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()]
+    "si9oz50-0": [/*#__PURE__*/_exp25()],
+    "si9oz50-1": [/*#__PURE__*/_exp26()],
+    "si9oz50-2": [/*#__PURE__*/_exp27()],
+    "si9oz50-3": [/*#__PURE__*/_exp28()],
+    "si9oz50-4": [/*#__PURE__*/_exp29()],
+    "si9oz50-5": [/*#__PURE__*/_exp30()]
   }
 });
 var StyledHintWrapper = /*#__PURE__*/react.styled('div')({
@@ -111,15 +118,15 @@ var HintIconWrapper = /*#__PURE__*/react.styled('div')({
   "class": "hfype23",
   propsAsIs: false
 });
-var _exp38 = function _exp38() {
-  return function (_ref8) {
-    var hasHelper = _ref8.hasHelper;
-    return hasHelper ? "var(".concat(TextArea_tokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingBottom, ")");
-  };
-};
 var _exp39 = function _exp39() {
   return function (_ref9) {
     var hasHelper = _ref9.hasHelper;
+    return hasHelper ? "var(".concat(TextArea_tokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingBottom, ")");
+  };
+};
+var _exp40 = function _exp40() {
+  return function (_ref10) {
+    var hasHelper = _ref10.hasHelper;
     return hasHelper ? "var(".concat(TextArea_tokens.tokens.borderRadiusWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.borderRadius, ")");
   };
 };
@@ -128,8 +135,8 @@ var StyledTextAreaWrapper = /*#__PURE__*/react.styled('div')({
   "class": "s3wsw3p",
   propsAsIs: false,
   vars: {
-    "s3wsw3p-0": [/*#__PURE__*/_exp38()],
-    "s3wsw3p-1": [/*#__PURE__*/_exp39()]
+    "s3wsw3p-0": [/*#__PURE__*/_exp39()],
+    "s3wsw3p-1": [/*#__PURE__*/_exp40()]
   }
 });
 var StyledContent = /*#__PURE__*/react.styled('div')({
@@ -137,9 +144,9 @@ var StyledContent = /*#__PURE__*/react.styled('div')({
   "class": "stc5t23",
   propsAsIs: false
 });
-var _exp45 = function _exp45() {
-  return function (_ref10) {
-    var width = _ref10.width;
+var _exp46 = function _exp46() {
+  return function (_ref11) {
+    var width = _ref11.width;
     return width;
   };
 };
@@ -148,55 +155,55 @@ var StyledContainer = /*#__PURE__*/react.styled('div')({
   "class": "salwx57",
   propsAsIs: false,
   vars: {
-    "salwx57-0": [/*#__PURE__*/_exp45()]
+    "salwx57-0": [/*#__PURE__*/_exp46()]
   }
 });
-var _exp48 = function _exp48() {
-  return function (_ref11) {
-    var resize = _ref11.resize;
-    return resize || 'none';
-  };
-};
 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(TextArea_tokens.tokens.inputHeight, ")");
+    var resize = _ref12.resize;
+    return resize || 'none';
   };
 };
 var _exp50 = function _exp50() {
   return function (_ref13) {
-    var width = _ref13.width;
-    return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(TextArea_tokens.tokens.inputWidth, ")");
+    var height = _ref13.height;
+    return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(TextArea_tokens.tokens.inputHeight, ")");
   };
 };
 var _exp51 = function _exp51() {
   return function (_ref14) {
-    var rows = _ref14.rows;
-    return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
+    var width = _ref14.width;
+    return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(TextArea_tokens.tokens.inputWidth, ")");
   };
 };
 var _exp52 = function _exp52() {
   return function (_ref15) {
-    var cols = _ref15.cols;
-    return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
+    var rows = _ref15.rows;
+    return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
   };
 };
-var _exp54 = function _exp54() {
+var _exp53 = function _exp53() {
   return function (_ref16) {
-    var applyCustomWidth = _ref16.applyCustomWidth;
-    return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
+    var cols = _ref16.cols;
+    return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
   };
 };
-var _exp56 = function _exp56() {
+var _exp55 = function _exp55() {
   return function (_ref17) {
-    var hasContentRight = _ref17.hasContentRight;
-    return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ", 0)");
+    var applyCustomWidth = _ref17.applyCustomWidth;
+    return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
   };
 };
-var _exp63 = function _exp63() {
+var _exp57 = function _exp57() {
   return function (_ref18) {
-    var hasHelper = _ref18.hasHelper,
-      rows = _ref18.rows;
+    var hasContentRight = _ref18.hasContentRight;
+    return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ", 0)");
+  };
+};
+var _exp64 = function _exp64() {
+  return function (_ref19) {
+    var hasHelper = _ref19.hasHelper,
+      rows = _ref19.rows;
     return hasHelper && !rows ? 'var(--plasma_private-textarea-input-with-helpers-height)' : 'var(--plasma_private-textarea-input-without-helpers-height)';
   };
 };
@@ -205,19 +212,19 @@ var StyledTextArea = /*#__PURE__*/react.styled('textarea')({
   "class": "s18lndvq",
   propsAsIs: false,
   vars: {
-    "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()]
+    "s18lndvq-0": [/*#__PURE__*/_exp49()],
+    "s18lndvq-1": [/*#__PURE__*/_exp50()],
+    "s18lndvq-2": [/*#__PURE__*/_exp51()],
+    "s18lndvq-3": [/*#__PURE__*/_exp52()],
+    "s18lndvq-4": [/*#__PURE__*/_exp53()],
+    "s18lndvq-5": [/*#__PURE__*/_exp55()],
+    "s18lndvq-6": [/*#__PURE__*/_exp57()],
+    "s18lndvq-7": [/*#__PURE__*/_exp64()]
   }
 });
-var _exp77 = function _exp77() {
-  return function (_ref19) {
-    var hasContentRight = _ref19.hasContentRight;
+var _exp78 = function _exp78() {
+  return function (_ref20) {
+    var hasContentRight = _ref20.hasContentRight;
     return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ", 0)") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ", 0)");
   };
 };
@@ -226,7 +233,7 @@ var StyledHiddenTextArea = /*#__PURE__*/react.styled('textarea')({
   "class": "s183p45n",
   propsAsIs: false,
   vars: {
-    "s183p45n-0": [/*#__PURE__*/_exp77()]
+    "s183p45n-0": [/*#__PURE__*/_exp78()]
   }
 });
 var StyledHelpers = /*#__PURE__*/react.styled('div')({
@@ -244,17 +251,17 @@ var StyledLeftHelper = /*#__PURE__*/react.styled('span')({
   "class": "s7jal92",
   propsAsIs: false
 });
-var _exp101 = function _exp101() {
+var _exp102 = function _exp102() {
   return StyledLeftHelper;
 };
-var StyledRightHelper = /*#__PURE__*/react.styled(_exp101())({
+var StyledRightHelper = /*#__PURE__*/react.styled(_exp102())({
   name: "StyledRightHelper",
   "class": "s11kd6xq",
   propsAsIs: true
 });
-var _exp106 = function _exp106() {
-  return function (_ref20) {
-    var hasContentRight = _ref20.hasContentRight;
+var _exp107 = function _exp107() {
+  return function (_ref21) {
+    var hasContentRight = _ref21.hasContentRight;
     return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
   };
 };
@@ -263,7 +270,7 @@ var StyledPlaceholder = /*#__PURE__*/react.styled('label')({
   "class": "s14zw9ik",
   propsAsIs: false,
   vars: {
-    "s14zw9ik-0": [/*#__PURE__*/_exp106()]
+    "s14zw9ik-0": [/*#__PURE__*/_exp107()]
   }
 });
 var StyledIndicator = /*#__PURE__*/react.styled('div')({