@salutejs/plasma-new-hope 0.272.0-canary.1770.13398571521.0 → 0.272.0-canary.1776.13400228272.0

package/es/components/Steps/ui/StepItem/StepItem.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n    ${spinnerTokens.size}: ${({ hasIndicator }) =>\n    hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n    ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n    padding-top: var(${tokens.titlePaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.titleFontFamily});\n    font-size: var(${tokens.titleFontSize});\n    font-style: var(${tokens.titleFontStyle});\n    font-weight: var(${tokens.titleFontWeight});\n    letter-spacing: var(${tokens.titleLetterSpacing});\n    line-height: var(${tokens.titleLineHeight});\n\n    word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n    padding-top: var(${tokens.contentPaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    word-break: break-word;\n\n    color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n    display: flex;\n    align-items: center;\n\n    &:not(.${classes.simple}) {\n        flex: 0;\n\n        &.${classes.hasIndicator} {\n            width: 100%;\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: 100%;\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            padding-right: var(${tokens.verticalContentPaddingLeft});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            width: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            min-width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.centered} {\n        justify-content: center;\n    }\n`;\n\nexport const BulletIndicator = styled.button`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: var(${tokens.indicatorSize});\n    height: var(${tokens.indicatorSize});\n    border-radius: 50%;\n    box-sizing: border-box;\n    position: relative;\n\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    color: var(${tokens.completedIndicatorColor});\n    background-color: var(${tokens.completedIndicatorBackground});\n\n    font-family: var(${tokens.indicatorFontFamily});\n    font-size: var(${tokens.indicatorFontSize});\n    font-style: var(${tokens.indicatorFontStyle});\n    font-weight: var(${tokens.indicatorFontWeight});\n    letter-spacing: var(${tokens.indicatorLetterSpacing});\n    line-height: var(${tokens.indicatorLineHeight});\n\n    ${addFocus({\n        outlineOffset: '-0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: '50%',\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &.${classes.active} {\n        width: var(${tokens.activeIndicatorSize});\n        height: var(${tokens.activeIndicatorSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        font-family: var(${tokens.activeIndicatorFontFamily});\n        font-size: var(${tokens.activeIndicatorFontSize});\n        font-style: var(${tokens.activeIndicatorFontStyle});\n        font-weight: var(${tokens.activeIndicatorFontWeight});\n        letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n        line-height: var(${tokens.activeIndicatorLineHeight});\n\n        color: var(${tokens.activeIndicatorColor});\n        background: var(${tokens.activeIndicatorBackground});\n\n        ${addFocus({\n            outlineOffset: '-0.1875rem',\n            outlineSize: '0.0625rem',\n            outlineRadius: '50%',\n            outlineColor: `var(${tokens.focusColor})`,\n        })}\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        background: var(${tokens.inactiveIndicatorBackground});\n\n        &.${classes.simple} {\n            &:before,\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n    }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n    width: var(${tokens.bulletSize});\n    height: var(${tokens.bulletSize});\n\n    &.${classes.active} {\n        width: var(${tokens.activeBulletSize});\n        height: var(${tokens.activeBulletSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        background: var(${tokens.activeIndicatorBackground});\n    }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n    width: 100%;\n    height: var(${tokens.dividerThickness});\n\n    flex: 1;\n    background: var(${tokens.activeIndicatorColor});\n\n    &.${classes.inactive} {\n        background: var(${tokens.inactiveIndicatorBackground});\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &.${classes.transparentDivider} {\n        background: transparent;\n    }\n\n    &.${classes.verticalOrientation} {\n        width: var(${tokens.dividerThickness});\n        height: 100%;\n    }\n\n    &.${classes.indentDivider} {\n        height: ${({ indentToken }) => indentToken || ''};\n        min-height: ${({ indentToken }) => indentToken || ''};\n        max-height: ${({ indentToken }) => indentToken || ''};\n\n        &.${classes.simple} {\n            height: auto;\n            max-height: none;\n        }\n    }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n    &.${classes.verticalOrientation} {\n        ${StepItemTitle} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n\n        ${StepItemContent} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-bottom: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n    }\n`;\n\nexport const StepItemStyled = styled.div`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n\n    color: var(${tokens.activeIndicatorColor});\n\n    &.${classes.verticalOrientation} {\n        flex-direction: row;\n        align-items: stretch;\n\n        ${StepItemDivider} {\n            width: var(${tokens.dividerThickness});\n            height: 100%;\n        }\n    }\n\n    &.${classes.active} {\n        ${StepItemTitle} {\n            color: var(${tokens.activeTitleColor});\n        }\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        ${StepItemTitle} {\n            color: var(${tokens.inactiveTitleColor});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        align-items: center;\n        justify-content: center;\n        flex-direction: row;\n        height: 100%;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.inactive}, &:not(.${classes.active}) {\n            &:before,\n            &:after {\n                content: '';\n                display: block;\n                width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                height: var(${tokens.dividerThickness});\n                background: var(${tokens.activeIndicatorColor});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                &:before,\n                &:after {\n                    width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                }\n            }\n\n            &.${classes.verticalOrientation} {\n                flex-direction: column;\n\n                &:before,\n                &:after {\n                    width: var(${tokens.dividerThickness});\n                    height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                    margin: 0 auto;\n                    align-self: auto;\n                }\n\n                &:not(.${classes.hasIndicator}) {\n                    &:before,\n                    &:after {\n                        height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                    }\n                }\n\n                &:after {\n                    margin: 0 auto;\n                }\n            }\n\n            &.isFirst {\n                &:before {\n                    background: transparent;\n                }\n            }\n\n            &.isLast {\n                &:after {\n                    background: transparent;\n                }\n            }\n        }\n\n        &.${classes.inactive} {\n            &:after,\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isPrevInactive {\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isNextInactive {\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.${classes.disabled} {\n            &:before,\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n                opacity: 1;\n            }\n        }\n\n        &.${classes.transparentDivider} {\n            &:before,\n            &:after {\n                background: transparent;\n            }\n        }\n    }\n\n    &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n        &.isNextActive {\n            ${BulletIndicatorWrapper} {\n                width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n        &.${classes.active} {\n            ${BulletIndicatorWrapper} {\n                margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n                width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n    }\n\n    &.${classes.hovered} {\n        &:not(.${classes.active}) {\n            ${StepItemTitle} {\n                cursor: pointer;\n                color: var(${tokens.activeTitleColorHover});\n            }\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.completedIndicatorColorHover});\n                background: var(${tokens.completedIndicatorBackgroundHover});\n            }\n        }\n\n        &.${classes.inactive} {\n            ${StepItemTitle} {\n                color: var(${tokens.inactiveTitleColorHover});\n            }\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.inactiveIndicatorColorHover});\n                background: var(${tokens.inactiveIndicatorBackgroundHover});\n            }\n        }\n\n        ${BulletIndicatorWrapper} {\n            cursor: pointer;\n        }\n    }\n\n    &.${classes.centered} {\n        align-items: center;\n\n        ${StepItemContentWrapper} {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n            padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n            ${StepItemTitle} {\n                width: 100%;\n            }\n\n            ${StepItemTitle}, ${StepItemContent} {\n                padding-right: 0;\n                text-align: center;\n            }\n        }\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}
+{"version":3,"file":"StepItem.styles.js","sources":["../../../../../src/components/Steps/ui/StepItem/StepItem.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { classes, tokens } from '../../Steps.tokens';\nimport { component, mergeConfig } from '../../../../engines';\nimport { spinnerConfig, spinnerTokens } from '../../../Spinner';\nimport { addFocus } from '../../../../mixins';\n\nconst mergedConfig = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfig);\n\nexport const SpinnerStyled = styled(Spinner)<{ hasIndicator?: boolean }>`\n    ${spinnerTokens.size}: ${({ hasIndicator }) =>\n    hasIndicator ? `var(${tokens.activeIndicatorSize})` : `var(${tokens.activeBulletSize})`};\n    ${spinnerTokens.color}: var(${tokens.activeIndicatorColor});\n`;\n\nexport const StepItemTitle = styled.div`\n    padding-top: var(${tokens.titlePaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.titleFontFamily});\n    font-size: var(${tokens.titleFontSize});\n    font-style: var(${tokens.titleFontStyle});\n    font-weight: var(${tokens.titleFontWeight});\n    letter-spacing: var(${tokens.titleLetterSpacing});\n    line-height: var(${tokens.titleLineHeight});\n\n    word-break: break-word;\n`;\n\nexport const StepItemContent = styled.div`\n    padding-top: var(${tokens.contentPaddingTop});\n    padding-right: var(${tokens.contentSidePadding});\n\n    font-family: var(${tokens.contentFontFamily});\n    font-size: var(${tokens.contentFontSize});\n    font-style: var(${tokens.contentFontStyle});\n    font-weight: var(${tokens.contentFontWeight});\n    letter-spacing: var(${tokens.contentLetterSpacing});\n    line-height: var(${tokens.contentLineHeight});\n\n    word-break: break-word;\n\n    color: var(${tokens.contentColor});\n`;\n\nexport const BulletIndicatorWrapper = styled.div`\n    display: flex;\n    align-items: center;\n\n    &:not(.${classes.simple}) {\n        flex: 0;\n\n        &.${classes.hasIndicator} {\n            width: 100%;\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: 100%;\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.verticalOrientation} {\n            padding-right: var(${tokens.verticalContentPaddingLeft});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            width: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.verticalOrientation} {\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n        }\n        &:not(.${classes.hasIndicator}) {\n            min-width: var(${tokens.activeBulletSize});\n        }\n    }\n\n    &.${classes.centered} {\n        justify-content: center;\n    }\n`;\n\nexport const BulletIndicator = styled.button`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: var(${tokens.indicatorSize});\n    height: var(${tokens.indicatorSize});\n    border-radius: 50%;\n    box-sizing: border-box;\n    position: relative;\n\n    outline: none;\n    padding: 0;\n    margin: 0;\n    border: none;\n\n    cursor: pointer;\n    color: var(${tokens.completedIndicatorColor});\n    background: var(${tokens.completedIndicatorBackground});\n\n    font-family: var(${tokens.indicatorFontFamily});\n    font-size: var(${tokens.indicatorFontSize});\n    font-style: var(${tokens.indicatorFontStyle});\n    font-weight: var(${tokens.indicatorFontWeight});\n    letter-spacing: var(${tokens.indicatorLetterSpacing});\n    line-height: var(${tokens.indicatorLineHeight});\n\n    ${addFocus({\n        outlineOffset: '-0.0625rem',\n        outlineSize: '0.0625rem',\n        outlineRadius: '50%',\n        outlineColor: `var(${tokens.focusColor})`,\n    })}\n\n    &.${classes.active} {\n        width: var(${tokens.activeIndicatorSize});\n        height: var(${tokens.activeIndicatorSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        font-family: var(${tokens.activeIndicatorFontFamily});\n        font-size: var(${tokens.activeIndicatorFontSize});\n        font-style: var(${tokens.activeIndicatorFontStyle});\n        font-weight: var(${tokens.activeIndicatorFontWeight});\n        letter-spacing: var(${tokens.activeIndicatorLetterSpacing});\n        line-height: var(${tokens.activeIndicatorLineHeight});\n\n        color: var(${tokens.activeIndicatorColor});\n        background: var(${tokens.activeIndicatorBackground});\n\n        ${addFocus({\n            outlineOffset: '-0.1875rem',\n            outlineSize: '0.0625rem',\n            outlineRadius: '50%',\n            outlineColor: `var(${tokens.focusColor})`,\n        })}\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n        background: var(${tokens.inactiveIndicatorBackground});\n\n        &.${classes.simple} {\n            &:before,\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n    }\n`;\n\nexport const Bullet = styled(BulletIndicator)`\n    width: var(${tokens.bulletSize});\n    height: var(${tokens.bulletSize});\n\n    &.${classes.active} {\n        width: var(${tokens.activeBulletSize});\n        height: var(${tokens.activeBulletSize});\n\n        border: var(${tokens.dividerThickness}) var(${tokens.activeIndicatorBorder});\n\n        background: var(${tokens.activeIndicatorBackground});\n    }\n`;\n\nexport const StepItemDivider = styled.div<{ indentToken?: string }>`\n    width: 100%;\n    height: var(${tokens.dividerThickness});\n\n    flex: 1;\n    background: var(${tokens.activeIndicatorColor});\n\n    &.${classes.inactive} {\n        background: var(${tokens.inactiveIndicatorBackground});\n    }\n\n    &.${classes.disabled} {\n        opacity: var(${tokens.disabledOpacity});\n    }\n\n    &.${classes.transparentDivider} {\n        background: transparent;\n    }\n\n    &.${classes.verticalOrientation} {\n        width: var(${tokens.dividerThickness});\n        height: 100%;\n    }\n\n    &.${classes.indentDivider} {\n        height: ${({ indentToken }) => indentToken || ''};\n        min-height: ${({ indentToken }) => indentToken || ''};\n        max-height: ${({ indentToken }) => indentToken || ''};\n\n        &.${classes.simple} {\n            height: auto;\n            max-height: none;\n        }\n    }\n`;\n\nexport const StepItemContentWrapper = styled.div`\n    &.${classes.verticalOrientation} {\n        ${StepItemTitle} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n\n        ${StepItemContent} {\n            padding-top: var(${tokens.contentVerticalPadding});\n            padding-bottom: var(${tokens.contentVerticalPadding});\n            padding-right: 0;\n        }\n    }\n`;\n\nexport const StepItemStyled = styled.div`\n    position: relative;\n\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    flex: 1;\n\n    color: var(${tokens.activeIndicatorColor});\n\n    &.${classes.verticalOrientation} {\n        flex-direction: row;\n        align-items: stretch;\n\n        ${StepItemDivider} {\n            width: var(${tokens.dividerThickness});\n            height: 100%;\n        }\n    }\n\n    ${StepItemTitle} {\n        color: var(${tokens.completedTitleColor}, ${tokens.activeTitleColor});\n    }\n\n    &.${classes.active} {\n        ${BulletIndicator} {\n            cursor: default;\n        }\n\n        ${StepItemTitle} {\n            color: var(${tokens.activeTitleColor});\n        }\n    }\n\n    &.${classes.inactive} {\n        color: var(${tokens.inactiveIndicatorColor});\n\n        ${StepItemTitle} {\n            color: var(${tokens.inactiveTitleColor});\n        }\n    }\n\n    &.${classes.simple} {\n        flex: 0;\n        align-items: center;\n        justify-content: center;\n        flex-direction: row;\n        height: 100%;\n\n        &.${classes.hasIndicator} {\n            min-width: var(${tokens.activeIndicatorSize});\n            min-height: var(${tokens.activeIndicatorSize});\n        }\n\n        &:not(.${classes.hasIndicator}) {\n            width: var(${tokens.activeBulletSize});\n            min-height: var(${tokens.activeBulletSize});\n        }\n\n        &.${classes.inactive}, &:not(.${classes.active}) {\n            &:before,\n            &:after {\n                content: '';\n                display: block;\n                width: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                height: var(${tokens.dividerThickness});\n                background: var(${tokens.activeIndicatorColor});\n            }\n\n            &:not(.${classes.hasIndicator}) {\n                &:before,\n                &:after {\n                    width: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                }\n            }\n\n            &.${classes.verticalOrientation} {\n                flex-direction: column;\n\n                &:before,\n                &:after {\n                    width: var(${tokens.dividerThickness});\n                    height: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n                    margin: 0 auto;\n                    align-self: auto;\n                }\n\n                &:not(.${classes.hasIndicator}) {\n                    &:before,\n                    &:after {\n                        height: calc((var(${tokens.activeBulletSize}) - var(${tokens.bulletSize})) / 2);\n                    }\n                }\n\n                &:after {\n                    margin: 0 auto;\n                }\n            }\n\n            &.isFirst {\n                &:before {\n                    background: transparent;\n                }\n            }\n\n            &.isLast {\n                &:after {\n                    background: transparent;\n                }\n            }\n        }\n\n        &.${classes.inactive} {\n            &:after,\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isPrevInactive {\n            &:before {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.isNextInactive {\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n            }\n        }\n\n        &.${classes.disabled} {\n            &:before,\n            &:after {\n                background: var(${tokens.inactiveIndicatorBackground});\n                opacity: 1;\n            }\n        }\n\n        &.${classes.transparentDivider} {\n            &:before,\n            &:after {\n                background: transparent;\n            }\n        }\n    }\n\n    &:not(.${classes.simple}):not(.${classes.verticalOrientation}) {\n        &.isNextActive {\n            ${BulletIndicatorWrapper} {\n                width: calc(100% - (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n\n        &.${classes.active} {\n            ${BulletIndicatorWrapper} {\n                margin-left: calc((var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / -2);\n                width: calc(100% + (var(${tokens.activeIndicatorSize}) - var(${tokens.indicatorSize})) / 2);\n            }\n        }\n    }\n\n    &.${classes.hovered} {\n        &:not(.${classes.active}) {\n            ${StepItemTitle} {\n                cursor: pointer;\n                color: var(${tokens.activeTitleColorHover});\n            }\n\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.completedIndicatorColorHover});\n                background: var(${tokens.completedIndicatorBackgroundHover});\n            }\n        }\n\n        &.${classes.inactive} {\n            ${StepItemTitle} {\n                color: var(${tokens.inactiveTitleColorHover});\n            }\n\n            ${BulletIndicator}, ${Bullet} {\n                color: var(${tokens.inactiveIndicatorColorHover});\n                background: var(${tokens.inactiveIndicatorBackgroundHover});\n            }\n        }\n\n        ${BulletIndicatorWrapper} {\n            cursor: pointer;\n        }\n    }\n\n    &.${classes.centered} {\n        align-items: center;\n\n        ${StepItemContentWrapper} {\n            display: flex;\n            flex-direction: column;\n            align-items: center;\n\n            padding-left: calc(var(${tokens.contentSidePadding}) / 2);\n            padding-right: calc(var(${tokens.contentSidePadding}) / 2);\n\n            ${StepItemTitle} {\n                width: 100%;\n            }\n\n            ${StepItemTitle}, ${StepItemContent} {\n                padding-right: 0;\n                text-align: center;\n            }\n        }\n    }\n\n    &.${classes.disabled} {\n        cursor: default;\n        opacity: var(${tokens.disabledOpacity});\n    }\n`;\n"],"names":["mergedConfig","mergeConfig","spinnerConfig","Spinner","component","_exp","_exp3","_ref","hasIndicator","concat","tokens","activeIndicatorSize","activeBulletSize","SpinnerStyled","styled","name","class","propsAsIs","vars","StepItemTitle","StepItemContent","BulletIndicatorWrapper","BulletIndicator","_exp71","Bullet","_exp92","_ref2","indentToken","StepItemDivider","StepItemContentWrapper","StepItemStyled"],"mappings":"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"}

package/es/components/Steps/ui/StepItem/StepItem.styles_c6jhr1.css

@@ -0,0 +1,9 @@
+.snf9dn9{--plasma-spinner-size:var(--snf9dn9-0);--plasma-spinner-color:var(--plasma-step-item-active-indicator-color);}
+.sv5tpso{padding-top:var(--plasma-step-item-title-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-title-font-family);font-size:var(--plasma-step-item-title-font-size);font-style:var(--plasma-step-item-title-font-style);font-weight:var(--plasma-step-item-title-font-weight);-webkit-letter-spacing:var(--plasma-step-item-title-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-title-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-title-letter-spacing);letter-spacing:var(--plasma-step-item-title-letter-spacing);line-height:var(--plasma-step-item-title-line-height);word-break:break-word;}
+.s529fhk{padding-top:var(--plasma-step-item-content-padding-top);padding-right:var(--plasma-step-item-content-side-padding);font-family:var(--plasma-step-item-content-font-family);font-size:var(--plasma-step-item-content-font-size);font-style:var(--plasma-step-item-content-font-style);font-weight:var(--plasma-step-item-content-font-weight);-webkit-letter-spacing:var(--plasma-step-item-content-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-content-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-content-letter-spacing);letter-spacing:var(--plasma-step-item-content-letter-spacing);line-height:var(--plasma-step-item-content-line-height);word-break:break-word;color:var(--plasma-step-item-content-color);}
+.b1kcj14{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;}.b1kcj14:not(.simple){-webkit-flex:0;-ms-flex:0;flex:0;}.b1kcj14:not(.simple).item-has-indicator{width:100%;min-height:var(--plasma-step-item-active-indicator-size);}.b1kcj14:not(.simple):not(.item-has-indicator){width:100%;min-height:var(--plasma-step-item-active-bullet-size);}.b1kcj14:not(.simple).vertical-orientation{padding-right:var(--plasma-step-item-vertical-content-padding-left);}.b1kcj14.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.simple.item-has-indicator{width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}.b1kcj14.vertical-orientation.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);}.b1kcj14.vertical-orientation:not(.item-has-indicator){min-width:var(--plasma-step-item-active-bullet-size);}.b1kcj14.item-centered{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;}
+.b9hdug{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;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;width:var(--plasma-step-item-indicator-size);height:var(--plasma-step-item-indicator-size);border-radius:50%;box-sizing:border-box;position:relative;outline:none;padding:0;margin:0;border:none;cursor:pointer;color:var(--plasma-step-item-completed-indicator-color);background:var(--plasma-step-item-completed-indicator-background);font-family:var(--plasma-step-item-indicator-font-family);font-size:var(--plasma-step-item-indicator-font-size);font-style:var(--plasma-step-item-indicator-font-style);font-weight:var(--plasma-step-item-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-indicator-letter-spacing);line-height:var(--plasma-step-item-indicator-line-height);position:relative;}.b9hdug::before{content:'';position:absolute;top:-0.0625rem;left:-0.0625rem;right:-0.0625rem;bottom:-0.0625rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.focus-visible:focus::before,.b9hdug[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-active{width:var(--plasma-step-item-active-indicator-size);height:var(--plasma-step-item-active-indicator-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);font-family:var(--plasma-step-item-active-indicator-font-family);font-size:var(--plasma-step-item-active-indicator-font-size);font-style:var(--plasma-step-item-active-indicator-font-style);font-weight:var(--plasma-step-item-active-indicator-font-weight);-webkit-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-moz-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);-ms-letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);letter-spacing:var(--plasma-step-item-active-indicator-letter-spacing);line-height:var(--plasma-step-item-active-indicator-line-height);color:var(--plasma-step-item-active-indicator-color);background:var(--plasma-step-item-active-indicator-background);position:relative;}.b9hdug.item-active::before{content:'';position:absolute;top:-0.1875rem;left:-0.1875rem;right:-0.1875rem;bottom:-0.1875rem;z-index:1;display:block;box-sizing:content-box;border:0.0625rem solid transparent;border-radius:50%;-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.b9hdug.item-active.focus-visible:focus::before,.b9hdug.item-active[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 0.0625rem var(--plasma-step-item-focus-color);}.b9hdug.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);background:var(--plasma-step-item-inactive-indicator-background);}.b9hdug.item-inactive.simple:before,.b9hdug.item-inactive.simple:after{background:var(--plasma-step-item-inactive-indicator-background);}
+.b1eo1o32.b9hdug{width:var(--plasma-step-item-bullet-size);height:var(--plasma-step-item-bullet-size);}.b1eo1o32.b9hdug.item-active{width:var(--plasma-step-item-active-bullet-size);height:var(--plasma-step-item-active-bullet-size);border:var(--plasma-step-item-divider-thickness) var(--plasma-step-item-active-indicator-border);background:var(--plasma-step-item-active-indicator-background);}
+.sxskc3q{width:100%;height:var(--plasma-step-item-divider-thickness);-webkit-flex:1;-ms-flex:1;flex:1;background:var(--plasma-step-item-active-indicator-color);}.sxskc3q.item-inactive{background:var(--plasma-step-item-inactive-indicator-background);}.sxskc3q.item-disabled{opacity:var(--plasma-step-item-disabled-opacity);}.sxskc3q.transparent-divider{background:transparent;}.sxskc3q.vertical-orientation{width:var(--plasma-step-item-divider-thickness);height:100%;}.sxskc3q.indent-divider{height:var(--sxskc3q-0);min-height:var(--sxskc3q-0);max-height:var(--sxskc3q-0);}.sxskc3q.indent-divider.simple{height:auto;max-height:none;}
+.s4zgmmr.vertical-orientation .sv5tpso{padding-top:var(--plasma-step-item-content-vertical-padding);padding-right:0;}.s4zgmmr.vertical-orientation .s529fhk{padding-top:var(--plasma-step-item-content-vertical-padding);padding-bottom:var(--plasma-step-item-content-vertical-padding);padding-right:0;}
+.s12pqpa3{position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;-webkit-flex:1;-ms-flex:1;flex:1;color:var(--plasma-step-item-active-indicator-color);}.s12pqpa3.vertical-orientation{-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-align-items:stretch;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;}.s12pqpa3.vertical-orientation .sxskc3q{width:var(--plasma-step-item-divider-thickness);height:100%;}.s12pqpa3 .sv5tpso{color:var(--plasma-step-item-completed-title-color,--plasma-step-item-active-title-color);}.s12pqpa3.item-active .b9hdug{cursor:default;}.s12pqpa3.item-active .sv5tpso{color:var(--plasma-step-item-active-title-color);}.s12pqpa3.item-inactive{color:var(--plasma-step-item-inactive-indicator-color);}.s12pqpa3.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color);}.s12pqpa3.simple{-webkit-flex:0;-ms-flex:0;flex:0;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;height:100%;}.s12pqpa3.simple.item-has-indicator{min-width:var(--plasma-step-item-active-indicator-size);min-height:var(--plasma-step-item-active-indicator-size);}.s12pqpa3.simple:not(.item-has-indicator){width:var(--plasma-step-item-active-bullet-size);min-height:var(--plasma-step-item-active-bullet-size);}.s12pqpa3.simple.item-inactive:before,.s12pqpa3.simple:not(.item-active):before,.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple:not(.item-active):after{content:'';display:block;width:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);height:var(--plasma-step-item-divider-thickness);background:var(--plasma-step-item-active-indicator-color);}.s12pqpa3.simple.item-inactive:not(.item-has-indicator):before,.s12pqpa3.simple:not(.item-active):not(.item-has-indicator):before,.s12pqpa3.simple.item-inactive:not(.item-has-indicator):after,.s12pqpa3.simple:not(.item-active):not(.item-has-indicator):after{width:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.s12pqpa3.simple.item-inactive.vertical-orientation,.s12pqpa3.simple:not(.item-active).vertical-orientation{-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;}.s12pqpa3.simple.item-inactive.vertical-orientation:before,.s12pqpa3.simple:not(.item-active).vertical-orientation:before,.s12pqpa3.simple.item-inactive.vertical-orientation:after,.s12pqpa3.simple:not(.item-active).vertical-orientation:after{width:var(--plasma-step-item-divider-thickness);height:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);margin:0 auto;-webkit-align-self:auto;-ms-flex-item-align:auto;align-self:auto;}.s12pqpa3.simple.item-inactive.vertical-orientation:not(.item-has-indicator):before,.s12pqpa3.simple:not(.item-active).vertical-orientation:not(.item-has-indicator):before,.s12pqpa3.simple.item-inactive.vertical-orientation:not(.item-has-indicator):after,.s12pqpa3.simple:not(.item-active).vertical-orientation:not(.item-has-indicator):after{height:calc((var(--plasma-step-item-active-bullet-size) - var(--plasma-step-item-bullet-size)) / 2);}.s12pqpa3.simple.item-inactive.vertical-orientation:after,.s12pqpa3.simple:not(.item-active).vertical-orientation:after{margin:0 auto;}.s12pqpa3.simple.item-inactive.isFirst:before,.s12pqpa3.simple:not(.item-active).isFirst:before{background:transparent;}.s12pqpa3.simple.item-inactive.isLast:after,.s12pqpa3.simple:not(.item-active).isLast:after{background:transparent;}.s12pqpa3.simple.item-inactive:after,.s12pqpa3.simple.item-inactive:before{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.isPrevInactive:before{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.isNextInactive:after{background:var(--plasma-step-item-inactive-indicator-background);}.s12pqpa3.simple.item-disabled:before,.s12pqpa3.simple.item-disabled:after{background:var(--plasma-step-item-inactive-indicator-background);opacity:1;}.s12pqpa3.simple.transparent-divider:before,.s12pqpa3.simple.transparent-divider:after{background:transparent;}.s12pqpa3:not(.simple):not(.vertical-orientation).isNextActive .b1kcj14{width:calc(100% - (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.s12pqpa3:not(.simple):not(.vertical-orientation).item-active .b1kcj14{margin-left:calc((var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / -2);width:calc(100% + (var(--plasma-step-item-active-indicator-size) - var(--plasma-step-item-indicator-size)) / 2);}.s12pqpa3.item-hovered:not(.item-active) .sv5tpso{cursor:pointer;color:var(--plasma-step-item-active-title-color-hover);}.s12pqpa3.item-hovered:not(.item-active) .b9hdug,.s12pqpa3.item-hovered:not(.item-active) .b1eo1o32{color:var(--plasma-step-item-completed-indicator-color-hover);background:var(--plasma-step-item-completed-indicator-background-hover);}.s12pqpa3.item-hovered.item-inactive .sv5tpso{color:var(--plasma-step-item-inactive-title-color-hover);}.s12pqpa3.item-hovered.item-inactive .b9hdug,.s12pqpa3.item-hovered.item-inactive .b1eo1o32{color:var(--plasma-step-item-inactive-indicator-color-hover);background:var(--plasma-step-item-inactive-indicator-background-hover);}.s12pqpa3.item-hovered .b1kcj14{cursor:pointer;}.s12pqpa3.item-centered{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}.s12pqpa3.item-centered .s4zgmmr{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-left:calc(var(--plasma-step-item-content-side-padding) / 2);padding-right:calc(var(--plasma-step-item-content-side-padding) / 2);}.s12pqpa3.item-centered .s4zgmmr .sv5tpso{width:100%;}.s12pqpa3.item-centered .s4zgmmr .sv5tpso,.s12pqpa3.item-centered .s4zgmmr .s529fhk{padding-right:0;text-align:center;}.s12pqpa3.item-disabled{cursor:default;opacity:var(--plasma-step-item-disabled-opacity);}

package/es/components/TextArea/TextArea.js

@@ -8,10 +8,9 @@ import { classes } from './TextArea.tokens.js';
 import { base as base$2 } from './variations/_view/base.js';
 import { base as base$1 } from './variations/_size/base.js';
 import { base as base$3 } from './variations/_clear/base.js';
-import { base as base$4 } from './variations/_read-only/base.js';
-import { base as base$5 } from './variations/_disabled/base.js';
-import { base as base$6 } from './variations/_hint-view/base.js';
-import { base as base$7 } from './variations/_hint-size/base.js';
+import { base as base$4 } from './variations/_disabled/base.js';
+import { base as base$5 } from './variations/_hint-view/base.js';
+import { base as base$6 } from './variations/_hint-size/base.js';
 import { HintComponent } from './ui/Hint/Hint.js';
 import { useOutsideClick } from '../../hooks/useOutsideClick.js';
 import { ROOT_FONT_SIZE, useAutoResize } from './hooks/useAutoResize.js';
@@ -334,19 +333,18 @@ var textAreaConfig = {
       css: base$3,
       attrs: true
     },
-    readOnly: {
+    disabled: {
       css: base$4,
       attrs: true
     },
-    disabled: {
-      css: base$5,
+    readOnly: {
       attrs: true
     },
     hintView: {
-      css: base$6
+      css: base$5
     },
     hintSize: {
-      css: base$7
+      css: base$6
     }
   },
   defaults: {

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, 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            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 && (\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                                        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$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 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            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 && { hintView, hintSize })}\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 && (\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                                        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        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","_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$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","disabledCSS","hintViewCSS","hintSizeCSS","defaults"],"mappings":"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"}

package/es/components/TextArea/TextArea.tokens.js

@@ -60,9 +60,6 @@ var tokens = {
   /** Цвет текста для элемента textarea */
   inputColor: '--plasma-textarea-input-color',
   clearInputColor: '--plasma-textarea-input-clear-color',
-  inputColorReadOnly: '--plasma-textarea-input-color-read-only',
-  backgroundColorReadOnly: '--plasma-textarea-background-color-read-only',
-  readOnlyOpacity: '--plasma-textarea-read-only-opacity',
   /** Цвет текста для элемента textarea в состоянии focus */
   inputColorFocus: '--plasma-textarea-input-color-focus',
   /** Цвет каретки для элемента textarea */

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n    /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n    innerPlaceholderUp: 'inner-placeholder-up',\n    /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n    focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n    /** Класс отвечающий за скрытие плейсхолдера */\n    hidePlaceHolder: 'hide-placeholder',\n    /** Класс для компонента `StyledContainer` */\n    styledContainer: 'textarea-container',\n    /** Класс для компонента `StyledTextArea` */\n    styledTextArea: 'textarea',\n    /** Класс для компонента `StyledTextAreaWrapper` */\n    styledTextAreaWrapper: 'textarea-wrapper',\n    /** Класс для компонента `StyledPlaceholder` */\n    styledPlaceholder: 'textarea-placeholder',\n    /** Класс для компонента `StyledHelpers` */\n    styledHelpers: 'textarea-helpers',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    /** Класс для view `clear` */\n    clear: 'textarea-clear',\n    hasHint: 'textarea-has-hint',\n    hasRightContent: 'textarea-has-right-content',\n    hasDivider: 'textarea-has-divider',\n    requiredAlignRight: 'required-align-right',\n};\n\nexport const tokens = {\n    /** Цвет фона для всего компонента */\n    backgroundColor: '--plasma-textarea-background-color',\n    /** Цвет фона для всего компонента в состоянии hover */\n    backgroundColorHover: '--plasma-textarea-background-color-hover',\n    /** Цвет фона для всего компонента в состоянии active */\n    backgroundColorActive: '--plasma-textarea-background-color-active',\n    /** Цвет фона для всего компонента в состоянии focus */\n    backgroundColorFocus: '--plasma-textarea-background-color-focus',\n    /** Цвет фона для элемента textarea */\n    inputBackgroundColor: '--plasma-textarea-input-background-color',\n    /** Цвет фона для элемента textarea в состоянии hover */\n    inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n    /** Цвет фона для элемента textarea в состоянии active */\n    inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n    /** Цвет фона для элемента textarea в состоянии focus */\n    inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n    /** Цвета границы для элемента textarea */\n    inputBorderColor: '--plasma-textarea-input-border-color',\n    /** Цвета границы для элемента textarea в состоянии hover */\n    inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n    /** Цвета границы для элемента textarea в состоянии active */\n    inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n    /** Цвета границы для элемента textarea в состоянии focus */\n    inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n    /** Цвет фона для блока подписей снизу */\n    helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n    /** Цвет фона для блока подписей снизу в состоянии hover */\n    helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n    /** Цвет фона для блока подписей снизу в состоянии active */\n    helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n    /** Цвет фона для блока подписей снизу в состоянии focus */\n    helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n    /** Цвет текста для элемента textarea */\n    inputColor: '--plasma-textarea-input-color',\n    clearInputColor: '--plasma-textarea-input-clear-color',\n    inputColorReadOnly: '--plasma-textarea-input-color-read-only',\n    backgroundColorReadOnly: '--plasma-textarea-background-color-read-only',\n    readOnlyOpacity: '--plasma-textarea-read-only-opacity',\n\n    /** Цвет текста для элемента textarea в состоянии focus */\n    inputColorFocus: '--plasma-textarea-input-color-focus',\n    /** Цвет каретки для элемента textarea */\n    inputCaretColor: '--plasma-textarea-input-caret-color',\n    /** Цвет элемента placeholder */\n    placeholderColor: '--plasma-textarea-placeholder-color',\n    clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',\n    /** Цвет элемента placeholder в состоянии focus */\n    placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n    clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',\n    /** Цвет элемента optional */\n    optionalColor: '--plasma-textarea__optional-color',\n    /** Цвет текста для левой подписи снизу */\n    leftHelperColor: '--plasma-textarea-left-helper-color',\n    /** Цвет текста для правой подписи снизу */\n    rightHelperColor: '--plasma-textarea-right-helper-color',\n    /** Цвета границы для всего компонента */\n    borderColor: '--plasma-textarea-border-color',\n    /** Цвета границы для всего компонента в состоянии hover */\n    borderColorHover: '--plasma-textarea-border-color-hover',\n    /** Цвета границы для всего компонента в состоянии focus */\n    borderColorFocus: '--plasma-textarea-border-color-focus',\n\n    /** Ширина элемента textarea */\n    inputWidth: '--plasma-textarea-input-width',\n    /** Высота элемента textarea */\n    inputHeight: '--plasma-textarea-input-height',\n    /** Минимальная высота элемента textarea */\n    inputMinHeight: '--plasma-textarea-input-min-height',\n    /** Толщина рамки всего компонента */\n    borderSize: '--plasma-textarea-border-size',\n    /** Размер скругления рамки всего компонента */\n    borderRadius: '--plasma-textarea-border-radius',\n    /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n    borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n    /** Отступ сверху для элемента textarea */\n    inputPaddingTop: '--plasma-textarea-input-padding-top',\n    /** Отступ справа для элемента textarea */\n    inputPaddingRight: '--plasma-textarea-input-padding-right',\n    /** Отступ справа для элемента textarea, когда есть контент справа */\n    inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n    clearInputPaddingRightWithRightContent: '--plasma-textarea-clear-input-padding-right-with-right-content',\n    /** Отступ снизу для элемента textarea */\n    inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n    /** Отступ снизу для элемента textarea, когда есть блок подписей */\n    inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n    /** Отступ слева для элемента textarea */\n    inputPaddingLeft: '--plasma-textarea-input-padding-left',\n    /** Отступ сверху для блока подписей */\n    helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n    clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',\n    /** Отступ справа для блока подписей */\n    helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n    /** Отступ снизу для блока подписей */\n    helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n    /** Отступ слева для блока подписей */\n    helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n    /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n    helpersOffset: '--plasma-textarea-helpers-offset',\n    /** Отступ сверху для контента справа */\n    rightContentTop: '--plasma-textarea-right-content-top',\n    /** Отступ справа для контента справа */\n    rightContentRight: '--plasma-textarea-right-content-right',\n    /** Высота контента справа */\n    rightContentHeight: '--plasma-textarea-right-content-height',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelOuterColor: '--plasma-textarea-label-outer-color',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',\n    /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n    labelOuterFontSize: '--plasma-textarea-label-outer-font-size',\n    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n    labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',\n    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n    labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',\n    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n    labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',\n    /** Высота строки для элемента label, когда он внутри и уменьшен */\n    labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',\n    /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n    labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n    clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n    /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n    labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n    /** Высота строки для элемента label, когда он внутри и уменьшен */\n    labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n    /** Отступ сверху для элемента textarea при фокусе */\n    labelInnerTop: '--plasma-textarea-label-inner-top',\n    /** Вспомогательный отступ сверху для элемента textarea при фокусе для компенсации размеров */\n    labelInnerTopHelper: '--plasma-textarea-label-inner-top-helper',\n    /** Отступ между Label и TextArea */\n    labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n    /** Шрифт для элемента textarea */\n    inputFontFamily: '--plasma-textarea-input-font-family',\n    /** Размер шрифта для элемента textarea */\n    inputFontSize: '--plasma-textarea-input-font-size',\n    /** Стиль шрифта для элемента textarea */\n    inputFontStyle: '--plasma-textarea-input-font-style',\n    /** Начертание шрифта для элемента textarea */\n    inputFontWeight: '--plasma-textarea-input-font-weight',\n    /** Межсимвольное расстояние шрифта для элемента textarea */\n    inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n    /** Высота строки шрифта для элемента textarea */\n    inputLineHeight: '--plasma-textarea-input-line-height',\n    /** Шрифт для элемента блока подписей снизу */\n    helpersFontFamily: '--plasma-textarea-helpers-font-family',\n    /** Размер шрифта для элемента блока подписей снизу */\n    helpersFontSize: '--plasma-textarea-helpers-font-size',\n    /** Стиль шрифта для элемента блока подписей снизу */\n    helpersFontStyle: '--plasma-textarea-helpers-font-style',\n    /** Начертание шрифта для элемента блока подписей снизу */\n    helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n    /** Межсимвольное расстояние для элемента блока подписей снизу */\n    helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n    /** Высота строки для элемента блока подписей снизу */\n    helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n    /** Тень */\n    boxShadow: '--plasma-textarea-box-shadow',\n\n    rightContentColor: '--plasma-textarea-right-content-color',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textarea-disabled-opacity',\n    /** Цвет текста для элемента textarea в состоянии disabled */\n    inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n    indicatorColor: '--plasma-textarea-indicator-color',\n    indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n    clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',\n    clearIndicatorHintInnerRight: '--plasma-textarea__clear-indicator-hint-placement-inner-right',\n\n    scrollbarWidth: '--plasma-textarea-scrollbar-width',\n    scrollbarBorderWidth: '--plasma-textarea-scrollbar-border-width',\n    scrollbarThumbBackgroundColor: '--plasma-textarea-scrollbar-thumb-background-color',\n    scrollbarThumbBackgroundColorHover: '--plasma-textarea-scrollbar-thumb-background-color-hover',\n    scrollbarThumbBackgroundColorActive: '--plasma-textarea-scrollbar-thumb-background-color-active',\n    scrollbarTrackBackgroundColor: '--plasma-textarea-scrollbar-track-background-color',\n    scrollbarTrackBackgroundColorHover: '--plasma-textarea-scrollbar-track-background-color-hover',\n    scrollbarTrackBackgroundColorActive: '--plasma-textarea-scrollbar-track-background-color-active',\n\n    dividerColor: '--plasma-textarea-divider-color',\n    dividerColorHover: '--plasma-textarea-divider-color-hover',\n    dividerColorFocus: '--plasma-textarea-divider-color-focus',\n    dividerColorReadOnly: '--plasma-textarea-divider-color-readonly',\n\n    titleCaptionColor: '--plasma-textarea__title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-textarea__title-caption-color-readonly',\n    titleCaptionInnerLabelOffset: '--plasma-textarea__title-caption-label-inner-offset',\n\n    titleCaptionFontFamily: '--plasma-textarea__title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-textarea__title-caption-font-style',\n    titleCaptionFontSize: '--plasma-textarea__title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-textarea__title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-textarea__title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-textarea__title-caption-line-height',\n\n    /** Токены для tooltip */\n    hintCustomIconTargetSize: '--plasma-textarea__hint-custom-icon-target-size',\n    hintMargin: '--plasma-textarea__hint-margin',\n    hintTargetSize: '--plasma-textarea__hint-target-size',\n    hintIconColor: '--plasma-textarea__hint-icon-color',\n    hintInnerLabelPlacementOffset: '--plasma-textarea__hint-inner-label-placement-offset',\n    clearHintInnerLabelPlacementOffset: '--plasma-textarea__clear-hint-inner-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-textarea__tooltip-background-color',\n    tooltipBoxShadow: '--plasma-textarea__tooltip-box-shadow',\n    tooltipColor: '--plasma-textarea__tooltip-color',\n\n    tooltipPaddingTop: '--plasma-textarea__tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-textarea__tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-textarea__tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-textarea__tooltip-padding-left',\n    tooltipMinHeight: '--plasma-textarea__tooltip-min-height',\n    tooltipBorderRadius: '--plasma-textarea__tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-textarea__tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-textarea__tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-textarea__tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-textarea__tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-textarea__tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-textarea__tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-textarea__tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-textarea__tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-textarea__tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","clear","hasHint","hasRightContent","hasDivider","requiredAlignRight","tokens","backgroundColor","backgroundColorHover","backgroundColorActive","backgroundColorFocus","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","clearInputColor","inputColorReadOnly","backgroundColorReadOnly","readOnlyOpacity","inputColorFocus","inputCaretColor","placeholderColor","clearPlaceholderColor","placeholderColorFocus","clearPlaceholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","clearInputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","clearHelpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","clearLabelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerTopHelper","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","boxShadow","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight","scrollbarWidth","scrollbarBorderWidth","scrollbarThumbBackgroundColor","scrollbarThumbBackgroundColorHover","scrollbarThumbBackgroundColorActive","scrollbarTrackBackgroundColor","scrollbarTrackBackgroundColorHover","scrollbarTrackBackgroundColorActive","dividerColor","dividerColorHover","dividerColorFocus","dividerColorReadOnly","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintCustomIconTargetSize","hintMargin","hintTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground"],"mappings":"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"}
+{"version":3,"file":"TextArea.tokens.js","sources":["../../../src/components/TextArea/TextArea.tokens.ts"],"sourcesContent":["export const classes = {\n    /** Класс отвечающий за поднятие и уменьшение плейсхолдера */\n    innerPlaceholderUp: 'inner-placeholder-up',\n    /** Класс отвечающий за изменение цвета плейсхолдера при фокусе */\n    focusedOuterPlaceholderColor: 'focused-outer-placeholder-color',\n    /** Класс отвечающий за скрытие плейсхолдера */\n    hidePlaceHolder: 'hide-placeholder',\n    /** Класс для компонента `StyledContainer` */\n    styledContainer: 'textarea-container',\n    /** Класс для компонента `StyledTextArea` */\n    styledTextArea: 'textarea',\n    /** Класс для компонента `StyledTextAreaWrapper` */\n    styledTextAreaWrapper: 'textarea-wrapper',\n    /** Класс для компонента `StyledPlaceholder` */\n    styledPlaceholder: 'textarea-placeholder',\n    /** Класс для компонента `StyledHelpers` */\n    styledHelpers: 'textarea-helpers',\n    innerLabelPlacement: 'label-placement-inner',\n    outerLabelPlacement: 'label-placement-outer',\n    /** Класс для view `clear` */\n    clear: 'textarea-clear',\n    hasHint: 'textarea-has-hint',\n    hasRightContent: 'textarea-has-right-content',\n    hasDivider: 'textarea-has-divider',\n    requiredAlignRight: 'required-align-right',\n};\n\nexport const tokens = {\n    /** Цвет фона для всего компонента */\n    backgroundColor: '--plasma-textarea-background-color',\n    /** Цвет фона для всего компонента в состоянии hover */\n    backgroundColorHover: '--plasma-textarea-background-color-hover',\n    /** Цвет фона для всего компонента в состоянии active */\n    backgroundColorActive: '--plasma-textarea-background-color-active',\n    /** Цвет фона для всего компонента в состоянии focus */\n    backgroundColorFocus: '--plasma-textarea-background-color-focus',\n    /** Цвет фона для элемента textarea */\n    inputBackgroundColor: '--plasma-textarea-input-background-color',\n    /** Цвет фона для элемента textarea в состоянии hover */\n    inputBackgroundColorHover: '--plasma-textarea-input-background-color-hover',\n    /** Цвет фона для элемента textarea в состоянии active */\n    inputBackgroundColorActive: '--plasma-textarea-input-background-color-active',\n    /** Цвет фона для элемента textarea в состоянии focus */\n    inputBackgroundColorFocus: '--plasma-textarea-input-background-color-focus',\n    /** Цвета границы для элемента textarea */\n    inputBorderColor: '--plasma-textarea-input-border-color',\n    /** Цвета границы для элемента textarea в состоянии hover */\n    inputBorderColorHover: '--plasma-textarea-input-border-color-hover',\n    /** Цвета границы для элемента textarea в состоянии active */\n    inputBorderColorActive: '--plasma-textarea-input-border-color-active',\n    /** Цвета границы для элемента textarea в состоянии focus */\n    inputBorderColorFocus: '--plasma-textarea-input-border-color-focus',\n    /** Цвет фона для блока подписей снизу */\n    helpersBackgroundColor: '--plasma-textarea-helpers-background-color',\n    /** Цвет фона для блока подписей снизу в состоянии hover */\n    helpersBackgroundColorHover: '--plasma-textarea-helpers-background-color-hover',\n    /** Цвет фона для блока подписей снизу в состоянии active */\n    helpersBackgroundColorActive: '--plasma-textarea-helpers-background-color-active',\n    /** Цвет фона для блока подписей снизу в состоянии focus */\n    helpersBackgroundColorFocus: '--plasma-textarea-helpers-background-color-focus',\n    /** Цвет текста для элемента textarea */\n    inputColor: '--plasma-textarea-input-color',\n    clearInputColor: '--plasma-textarea-input-clear-color',\n    /** Цвет текста для элемента textarea в состоянии focus */\n    inputColorFocus: '--plasma-textarea-input-color-focus',\n    /** Цвет каретки для элемента textarea */\n    inputCaretColor: '--plasma-textarea-input-caret-color',\n    /** Цвет элемента placeholder */\n    placeholderColor: '--plasma-textarea-placeholder-color',\n    clearPlaceholderColor: '--plasma-textarea-clear-placeholder-color',\n    /** Цвет элемента placeholder в состоянии focus */\n    placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',\n    clearPlaceholderColorFocus: '--plasma-textarea-clear-placeholder-color-focus',\n    /** Цвет элемента optional */\n    optionalColor: '--plasma-textarea__optional-color',\n    /** Цвет текста для левой подписи снизу */\n    leftHelperColor: '--plasma-textarea-left-helper-color',\n    /** Цвет текста для правой подписи снизу */\n    rightHelperColor: '--plasma-textarea-right-helper-color',\n    /** Цвета границы для всего компонента */\n    borderColor: '--plasma-textarea-border-color',\n    /** Цвета границы для всего компонента в состоянии hover */\n    borderColorHover: '--plasma-textarea-border-color-hover',\n    /** Цвета границы для всего компонента в состоянии focus */\n    borderColorFocus: '--plasma-textarea-border-color-focus',\n\n    /** Ширина элемента textarea */\n    inputWidth: '--plasma-textarea-input-width',\n    /** Высота элемента textarea */\n    inputHeight: '--plasma-textarea-input-height',\n    /** Минимальная высота элемента textarea */\n    inputMinHeight: '--plasma-textarea-input-min-height',\n    /** Толщина рамки всего компонента */\n    borderSize: '--plasma-textarea-border-size',\n    /** Размер скругления рамки всего компонента */\n    borderRadius: '--plasma-textarea-border-radius',\n    /** Размер скругления рамки всего компонента, когда есть блок подписей и у него нет рамки */\n    borderRadiusWithHelpers: '--plasma-textarea-border-radius-with-helpers',\n    /** Отступ сверху для элемента textarea */\n    inputPaddingTop: '--plasma-textarea-input-padding-top',\n    /** Отступ справа для элемента textarea */\n    inputPaddingRight: '--plasma-textarea-input-padding-right',\n    /** Отступ справа для элемента textarea, когда есть контент справа */\n    inputPaddingRightWithRightContent: '--plasma-textarea-input-padding-right-with-right-content',\n    clearInputPaddingRightWithRightContent: '--plasma-textarea-clear-input-padding-right-with-right-content',\n    /** Отступ снизу для элемента textarea */\n    inputPaddingBottom: '--plasma-textarea-input-padding-bottom',\n    /** Отступ снизу для элемента textarea, когда есть блок подписей */\n    inputPaddingBottomWithHelpers: '--plasma-textarea-input-padding-bottom-with-helpers',\n    /** Отступ слева для элемента textarea */\n    inputPaddingLeft: '--plasma-textarea-input-padding-left',\n    /** Отступ сверху для блока подписей */\n    helpersPaddingTop: '--plasma-textarea-helpers-padding-top',\n    clearHelpersPaddingTop: '--plasma-textarea-clear-helpers-padding-top',\n    /** Отступ справа для блока подписей */\n    helpersPaddingRight: '--plasma-textarea-helpers-padding-right',\n    /** Отступ снизу для блока подписей */\n    helpersPaddingBottom: '--plasma-textarea-helpers-padding-bottom',\n    /** Отступ слева для блока подписей */\n    helpersPaddingLeft: '--plasma-textarea-helpers-padding-left',\n    /** Вспомогательная высота для всего компонента, когда есть блок подписей и у него нет рамки */\n    helpersOffset: '--plasma-textarea-helpers-offset',\n    /** Отступ сверху для контента справа */\n    rightContentTop: '--plasma-textarea-right-content-top',\n    /** Отступ справа для контента справа */\n    rightContentRight: '--plasma-textarea-right-content-right',\n    /** Высота контента справа */\n    rightContentHeight: '--plasma-textarea-right-content-height',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelOuterColor: '--plasma-textarea-label-outer-color',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelOuterFontFamily: '--plasma-textarea-label-outer-font-family',\n    /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n    labelOuterFontSize: '--plasma-textarea-label-outer-font-size',\n    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n    labelOuterFontStyle: '--plasma-textarea-label-outer-font-style',\n    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n    labelOuterFontWeight: '--plasma-textarea-label-outer-font-weight',\n    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n    labelOuterLetterSpacing: '--plasma-textarea-label-outer-letter-spacing',\n    /** Высота строки для элемента label, когда он внутри и уменьшен */\n    labelOuterLineHeight: '--plasma-textarea-label-outer-line-height',\n    /** Отступ сверху для элемента label, когда он внутри и уменьшен */\n    labelMarginBottom: '--plasma-textarea-label-margin-bottom',\n    clearLabelMarginBottom: '--plasma-textarea-clear-label-margin-bottom',\n    /** Шрифт для элемента label, когда он внутри и уменьшен */\n    labelInnerFontFamily: '--plasma-textarea-label-inner-font-family',\n    /** Размер шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontSize: '--plasma-textarea-label-inner-font-size',\n    /** Стиль шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontStyle: '--plasma-textarea-label-inner-font-style',\n    /** Начертание шрифта для элемента label, когда он внутри и уменьшен */\n    labelInnerFontWeight: '--plasma-textarea-label-inner-font-weight',\n    /** Межсимвольное расстояние для элемента label, когда он внутри и уменьшен */\n    labelInnerLetterSpacing: '--plasma-textarea-label-inner-letter-spacing',\n    /** Высота строки для элемента label, когда он внутри и уменьшен */\n    labelInnerLineHeight: '--plasma-textarea-label-inner-line-height',\n    /** Отступ сверху для элемента textarea при фокусе */\n    labelInnerTop: '--plasma-textarea-label-inner-top',\n    /** Вспомогательный отступ сверху для элемента textarea при фокусе для компенсации размеров */\n    labelInnerTopHelper: '--plasma-textarea-label-inner-top-helper',\n    /** Отступ между Label и TextArea */\n    labelInnerMarginBottom: '--plasma-textarea-label-inner-margin-bottom',\n    /** Шрифт для элемента textarea */\n    inputFontFamily: '--plasma-textarea-input-font-family',\n    /** Размер шрифта для элемента textarea */\n    inputFontSize: '--plasma-textarea-input-font-size',\n    /** Стиль шрифта для элемента textarea */\n    inputFontStyle: '--plasma-textarea-input-font-style',\n    /** Начертание шрифта для элемента textarea */\n    inputFontWeight: '--plasma-textarea-input-font-weight',\n    /** Межсимвольное расстояние шрифта для элемента textarea */\n    inputLetterSpacing: '--plasma-textarea-input-letter-spacing',\n    /** Высота строки шрифта для элемента textarea */\n    inputLineHeight: '--plasma-textarea-input-line-height',\n    /** Шрифт для элемента блока подписей снизу */\n    helpersFontFamily: '--plasma-textarea-helpers-font-family',\n    /** Размер шрифта для элемента блока подписей снизу */\n    helpersFontSize: '--plasma-textarea-helpers-font-size',\n    /** Стиль шрифта для элемента блока подписей снизу */\n    helpersFontStyle: '--plasma-textarea-helpers-font-style',\n    /** Начертание шрифта для элемента блока подписей снизу */\n    helpersFontWeight: '--plasma-textarea-helpers-font-weight',\n    /** Межсимвольное расстояние для элемента блока подписей снизу */\n    helpersLetterSpacing: '--plasma-textarea-helpers-letter-spacing',\n    /** Высота строки для элемента блока подписей снизу */\n    helpersLineHeight: '--plasma-textarea-helpers-line-height',\n\n    /** Тень */\n    boxShadow: '--plasma-textarea-box-shadow',\n\n    rightContentColor: '--plasma-textarea-right-content-color',\n\n    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textarea-disabled-opacity',\n    /** Цвет текста для элемента textarea в состоянии disabled */\n    inputColorDisabled: '--plasma-textarea-input-color-disabled',\n\n    indicatorColor: '--plasma-textarea-indicator-color',\n    indicatorSizeInner: '--plasma-textarea-indicator-size-inner',\n    indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',\n    indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',\n    indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',\n    indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',\n    indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',\n    indicatorLabelPlacementHintOuterRight: '--plasma-textfield__indicator-hint-placement-outer-right',\n    clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-placement-inner-right',\n    clearIndicatorHintInnerRight: '--plasma-textarea__clear-indicator-hint-placement-inner-right',\n\n    scrollbarWidth: '--plasma-textarea-scrollbar-width',\n    scrollbarBorderWidth: '--plasma-textarea-scrollbar-border-width',\n    scrollbarThumbBackgroundColor: '--plasma-textarea-scrollbar-thumb-background-color',\n    scrollbarThumbBackgroundColorHover: '--plasma-textarea-scrollbar-thumb-background-color-hover',\n    scrollbarThumbBackgroundColorActive: '--plasma-textarea-scrollbar-thumb-background-color-active',\n    scrollbarTrackBackgroundColor: '--plasma-textarea-scrollbar-track-background-color',\n    scrollbarTrackBackgroundColorHover: '--plasma-textarea-scrollbar-track-background-color-hover',\n    scrollbarTrackBackgroundColorActive: '--plasma-textarea-scrollbar-track-background-color-active',\n\n    dividerColor: '--plasma-textarea-divider-color',\n    dividerColorHover: '--plasma-textarea-divider-color-hover',\n    dividerColorFocus: '--plasma-textarea-divider-color-focus',\n    dividerColorReadOnly: '--plasma-textarea-divider-color-readonly',\n\n    titleCaptionColor: '--plasma-textarea__title-caption-color',\n    titleCaptionColorReadOnly: '--plasma-textarea__title-caption-color-readonly',\n    titleCaptionInnerLabelOffset: '--plasma-textarea__title-caption-label-inner-offset',\n\n    titleCaptionFontFamily: '--plasma-textarea__title-caption-font-family',\n    titleCaptionFontStyle: '--plasma-textarea__title-caption-font-style',\n    titleCaptionFontSize: '--plasma-textarea__title-caption-font-size',\n    titleCaptionFontWeight: '--plasma-textarea__title-caption-font-weight',\n    titleCaptionLetterSpacing: '--plasma-textarea__title-caption-letter-spacing',\n    titleCaptionLineHeight: '--plasma-textarea__title-caption-line-height',\n\n    /** Токены для tooltip */\n    hintCustomIconTargetSize: '--plasma-textarea__hint-custom-icon-target-size',\n    hintMargin: '--plasma-textarea__hint-margin',\n    hintTargetSize: '--plasma-textarea__hint-target-size',\n    hintIconColor: '--plasma-textarea__hint-icon-color',\n    hintInnerLabelPlacementOffset: '--plasma-textarea__hint-inner-label-placement-offset',\n    clearHintInnerLabelPlacementOffset: '--plasma-textarea__clear-hint-inner-label-placement-offset',\n\n    tooltipBackgroundColor: '--plasma-textarea__tooltip-background-color',\n    tooltipBoxShadow: '--plasma-textarea__tooltip-box-shadow',\n    tooltipColor: '--plasma-textarea__tooltip-color',\n\n    tooltipPaddingTop: '--plasma-textarea__tooltip-padding-top',\n    tooltipPaddingRight: '--plasma-textarea__tooltip-padding-right',\n    tooltipPaddingBottom: '--plasma-textarea__tooltip-padding-bottom',\n    tooltipPaddingLeft: '--plasma-textarea__tooltip-padding-left',\n    tooltipMinHeight: '--plasma-textarea__tooltip-min-height',\n    tooltipBorderRadius: '--plasma-textarea__tooltip-border-radius',\n    tooltipTextFontFamily: '--plasma-textarea__tooltip-text-font-family',\n    tooltipTextFontSize: '--plasma-textarea__tooltip-text-font-size',\n    tooltipTextFontStyle: '--plasma-textarea__tooltip-text-font-style',\n    tooltipTextFontWeight: '--plasma-textarea__tooltip-text-font-weight',\n    tooltipTextFontLetterSpacing: '--plasma-textarea__tooltip-text-font-letter-spacing',\n    tooltipTextFontLineHeight: '--plasma-textarea__tooltip-text-font-line-height',\n    tooltipContentLeftMargin: '--plasma-textarea__tooltip-content-left-margin',\n    tooltipArrowMaskWidth: '--plasma-textarea__tooltip-arrow-mask-width',\n    tooltipArrowMaskHeight: '--plasma-textarea__tooltip-arrow-mask-height',\n    tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',\n    tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',\n    tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',\n    tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","clear","hasHint","hasRightContent","hasDivider","requiredAlignRight","tokens","backgroundColor","backgroundColorHover","backgroundColorActive","backgroundColorFocus","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","clearInputColor","inputColorFocus","inputCaretColor","placeholderColor","clearPlaceholderColor","placeholderColorFocus","clearPlaceholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","clearInputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","clearHelpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","clearLabelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerTopHelper","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","boxShadow","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","indicatorLabelPlacementHintOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight","scrollbarWidth","scrollbarBorderWidth","scrollbarThumbBackgroundColor","scrollbarThumbBackgroundColorHover","scrollbarThumbBackgroundColorActive","scrollbarTrackBackgroundColor","scrollbarTrackBackgroundColorHover","scrollbarTrackBackgroundColorActive","dividerColor","dividerColorHover","dividerColorFocus","dividerColorReadOnly","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintCustomIconTargetSize","hintMargin","hintTargetSize","hintIconColor","hintInnerLabelPlacementOffset","clearHintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground"],"mappings":"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"}

package/es/components/TextArea/variations/_clear/base.js.map

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextArea.tokens';\nimport {\n    OuterLabelWrapper,\n    StyledContainer,\n    StyledContent,\n    StyledHelpers,\n    StyledHintWrapper,\n    StyledIndicator,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n} from '../../TextArea.styles';\n\nexport const base = css`\n    &.${classes.clear} {\n        border: unset;\n\n        ${StyledTextAreaWrapper} {\n            box-shadow: unset;\n            background-color: unset;\n            border-radius: 0;\n            padding-bottom: var(${tokens.inputPaddingTop});\n        }\n\n        ${OuterLabelWrapper} {\n            margin-bottom: var(${tokens.clearLabelMarginBottom});\n        }\n\n        ${StyledContent} {\n            right: 0;\n            bottom: unset;\n        }\n\n        ${StyledTextArea}, ${StyledHelpers} {\n            padding-left: 0;\n        }\n\n        ${StyledHelpers} {\n            background-color: unset;\n            border-radius: 0;\n            padding-top: var(${tokens.clearHelpersPaddingTop});\n            padding-right: 0;\n        }\n\n        ${StyledTextArea} {\n            color: var(${tokens.clearInputColor});\n            padding-right: 0;\n\n            &.${classes.hasRightContent} {\n                padding-right: var(${tokens.clearInputPaddingRightWithRightContent});\n            }\n        }\n\n        ${StyledContainer} {\n            &:not(.${classes.innerPlaceholderUp}) {\n                ${StyledPlaceholder} {\n                    color: var(${tokens.clearPlaceholderColor});\n                }\n\n                &.${classes.focusedOuterPlaceholderColor} ${StyledPlaceholder} {\n                    color: var(${tokens.clearPlaceholderColorFocus});\n                }\n            }\n\n            &.${classes.innerPlaceholderUp} {\n                color: var(${tokens.placeholderColor});\n            }\n        }\n\n        ${StyledPlaceholder} {\n            padding-left: 0;\n        }\n\n        ${StyledIndicator} {\n            &.${classes.innerLabelPlacement} {\n                inset: var(${tokens.clearIndicatorLabelPlacementInner});\n\n                &.${classes.requiredAlignRight} {\n                    inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n                }\n            }\n        }\n\n        &.${classes.hasHint} {\n            ${StyledHintWrapper} {\n                &.${classes.innerLabelPlacement} {\n                    inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n                }\n            }\n\n            ${StyledIndicator} {\n                &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n                    inset: var(${tokens.clearIndicatorHintInnerRight});\n                }\n            }\n        }\n\n        .${classes.styledContainer} {\n            border: unset;\n            border-radius: 0;\n        }\n\n        &:focus-within:not([readonly]) .${classes.styledTextAreaWrapper} {\n            background-color: unset;\n            box-shadow: unset;\n        }\n\n        &:focus-within:not([readonly]) .${classes.styledContainer} {\n            border: unset;\n        }\n\n        &:focus-within:not([readonly]) .${classes.styledHelpers} {\n            background-color: unset;\n        }\n\n        &.${classes.hasDivider} {\n            ${StyledTextAreaWrapper} {\n                position: relative;\n\n                --plasma_private-textarea-divider-color: var(${String(tokens.dividerColor)});\n\n                &:before {\n                    content: '';\n                    position: absolute;\n                    height: 0.063rem;\n                    width: 100%;\n                    bottom: 0;\n                    left: 0;\n                    background-color: var(--plasma_private-textarea-divider-color);\n                    transition: background-color 0.1s ease-in;\n                }\n            }\n\n            &:not([readonly]) ${StyledTextAreaWrapper}:hover {\n                --plasma_private-textarea-divider-color: var(\n                    ${tokens.dividerColorHover},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n\n            &:not([readonly]) ${StyledTextAreaWrapper}:focus-within {\n                --plasma_private-textarea-divider-color: var(\n                    ${tokens.dividerColorFocus},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAeO,IAAMA,IAAI,GAuIhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_clear/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { classes, tokens } from '../../TextArea.tokens';\nimport {\n    OuterLabelWrapper,\n    StyledContainer,\n    StyledContent,\n    StyledHelpers,\n    StyledHintWrapper,\n    StyledIndicator,\n    StyledPlaceholder,\n    StyledTextArea,\n    StyledTextAreaWrapper,\n} from '../../TextArea.styles';\n\nexport const base = css`\n    &.${classes.clear} {\n        border: unset;\n\n        ${StyledTextAreaWrapper} {\n            box-shadow: unset;\n            background-color: unset;\n            border-radius: 0;\n            padding-bottom: var(${tokens.inputPaddingTop});\n        }\n\n        ${OuterLabelWrapper} {\n            margin-bottom: var(${tokens.clearLabelMarginBottom});\n        }\n\n        ${StyledContent} {\n            right: 0;\n            bottom: unset;\n        }\n\n        ${StyledTextArea}, ${StyledHelpers} {\n            padding-left: 0;\n        }\n\n        ${StyledHelpers} {\n            background-color: unset;\n            border-radius: 0;\n            padding-top: var(${tokens.clearHelpersPaddingTop});\n            padding-right: 0;\n        }\n\n        ${StyledTextArea} {\n            color: var(${tokens.clearInputColor});\n            padding-right: 0;\n\n            &.${classes.hasRightContent} {\n                padding-right: var(${tokens.clearInputPaddingRightWithRightContent});\n            }\n        }\n\n        ${StyledContainer} {\n            &:not(.${classes.innerPlaceholderUp}) {\n                ${StyledPlaceholder} {\n                    color: var(${tokens.clearPlaceholderColor});\n                }\n\n                &.${classes.focusedOuterPlaceholderColor} ${StyledPlaceholder} {\n                    color: var(${tokens.clearPlaceholderColorFocus});\n                }\n            }\n\n            &.${classes.innerPlaceholderUp} {\n                color: var(${tokens.placeholderColor});\n            }\n        }\n\n        ${StyledPlaceholder} {\n            padding-left: 0;\n        }\n\n        ${StyledIndicator} {\n            &.${classes.innerLabelPlacement} {\n                inset: var(${tokens.clearIndicatorLabelPlacementInner});\n                &.${classes.requiredAlignRight} {\n                    inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\n                }\n            }\n        }\n\n        &.${classes.hasHint} {\n            ${StyledHintWrapper} {\n                &.${classes.innerLabelPlacement} {\n                    inset: var(${tokens.clearHintInnerLabelPlacementOffset});\n                }\n            }\n\n            ${StyledIndicator} {\n                &.${classes.innerLabelPlacement}.${classes.requiredAlignRight} {\n                    inset: var(${tokens.clearIndicatorHintInnerRight});\n                }\n            }\n        }\n\n        .${classes.styledContainer} {\n            border: unset;\n            border-radius: 0;\n        }\n\n        &:focus-within:not([readonly]) .${classes.styledTextAreaWrapper} {\n            background-color: unset;\n            box-shadow: unset;\n        }\n\n        &:focus-within:not([readonly]) .${classes.styledContainer} {\n            border: unset;\n        }\n\n        &:focus-within:not([readonly]) .${classes.styledHelpers} {\n            background-color: unset;\n        }\n\n        &.${classes.hasDivider} {\n            ${StyledTextAreaWrapper} {\n                position: relative;\n\n                --plasma_private-textarea-divider-color: var(${String(tokens.dividerColor)});\n\n                &:before {\n                    content: '';\n                    position: absolute;\n                    height: 0.063rem;\n                    width: 100%;\n                    bottom: 0;\n                    left: 0;\n                    background-color: var(--plasma_private-textarea-divider-color);\n                    transition: background-color 0.1s ease-in;\n                }\n            }\n            &:not([readonly]) ${StyledTextAreaWrapper}:hover {\n                --plasma_private-textarea-divider-color: var(\n                    ${tokens.dividerColorHover},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n            &:not([readonly]) ${StyledTextAreaWrapper}:focus-within {\n                --plasma_private-textarea-divider-color: var(\n                    ${tokens.dividerColorFocus},\n                    var(${String(tokens.dividerColor)})\n                );\n            }\n        }\n    }\n`;\n"],"names":["base"],"mappings":"AAeO,IAAMA,IAAI,GAoIhB;;;;"}

package/es/components/TextField/TextField.tokens.js

@@ -112,7 +112,6 @@ var tokens = {
   textAfterMargin: '--plasma-textfield__after-text-margin',
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textfield-disabled-opacity',
-  readOnlyOpacity: '--plasma-textfield-readonly-opacity',
   /** Токены для tooltip */
   hintMargin: '--plasma-textfield__hint-margin',
   hintTargetSize: '--plasma-textfield__hint-target-size',