@salutejs/plasma-new-hope 0.173.0-canary.1500.11456169969.0 → 0.173.1-canary.1448.11473442920.0

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    hasRightContent: 'textarea-has-right-content',\n    hasDivider: 'textarea-has-divider',\n};\n\nexport const tokens = {\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    /** Отступ между 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    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    clearIndicatorLabelPlacementInner: '--plasma-textarea__clear-indicator-placement-inner',\n    clearIndicatorLabelPlacementInnerRight: '--plasma-textarea__clear-indicator-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-textfield-divider-color',\n    dividerColorHover: '--plasma-textfield-divider-color-hover',\n    dividerColorFocus: '--plasma-textfield-divider-color-focus',\n    dividerColorReadOnly: '--plasma-textfield-divider-color-readonly',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","clear","hasRightContent","hasDivider","tokens","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","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","scrollbarWidth","scrollbarBorderWidth","scrollbarThumbBackgroundColor","scrollbarThumbBackgroundColorHover","scrollbarThumbBackgroundColorActive","scrollbarTrackBackgroundColor","scrollbarTrackBackgroundColorHover","scrollbarTrackBackgroundColorActive","dividerColor","dividerColorHover","dividerColorFocus","dividerColorReadOnly"],"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    /** Цвет фона для элемента 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    /** Отступ между 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    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    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    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","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","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","rightContentColor","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight","clearIndicatorLabelPlacementInner","clearIndicatorLabelPlacementInnerRight","clearIndicatorHintInnerRight","scrollbarWidth","scrollbarBorderWidth","scrollbarThumbBackgroundColor","scrollbarThumbBackgroundColorHover","scrollbarThumbBackgroundColorActive","scrollbarTrackBackgroundColor","scrollbarTrackBackgroundColorHover","scrollbarTrackBackgroundColorActive","dividerColor","dividerColorHover","dividerColorFocus","dividerColorReadOnly","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","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":"AAAO,IAAMA,OAAO,GAAG;AACnB;AACAC,EAAAA,kBAAkB,EAAE,sBAAsB;AAC1C;AACAC,EAAAA,4BAA4B,EAAE,iCAAiC;AAC/D;AACAC,EAAAA,eAAe,EAAE,kBAAkB;AACnC;AACAC,EAAAA,eAAe,EAAE,oBAAoB;AACrC;AACAC,EAAAA,cAAc,EAAE,UAAU;AAC1B;AACAC,EAAAA,qBAAqB,EAAE,kBAAkB;AACzC;AACAC,EAAAA,iBAAiB,EAAE,sBAAsB;AACzC;AACAC,EAAAA,aAAa,EAAE,kBAAkB;AACjCC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5CC,EAAAA,mBAAmB,EAAE,uBAAuB;AAC5C;AACAC,EAAAA,KAAK,EAAE,gBAAgB;AACvBC,EAAAA,OAAO,EAAE,mBAAmB;AAC5BC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,UAAU,EAAE,sBAAsB;AAClCC,EAAAA,kBAAkB,EAAE,sBAAA;AACxB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClB;AACAC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChE;AACAC,EAAAA,yBAAyB,EAAE,gDAAgD;AAC3E;AACAC,EAAAA,0BAA0B,EAAE,iDAAiD;AAC7E;AACAC,EAAAA,yBAAyB,EAAE,gDAAgD;AAC3E;AACAC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxD;AACAC,EAAAA,qBAAqB,EAAE,4CAA4C;AACnE;AACAC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrE;AACAC,EAAAA,qBAAqB,EAAE,4CAA4C;AACnE;AACAC,EAAAA,sBAAsB,EAAE,4CAA4C;AACpE;AACAC,EAAAA,2BAA2B,EAAE,kDAAkD;AAC/E;AACAC,EAAAA,4BAA4B,EAAE,mDAAmD;AACjF;AACAC,EAAAA,2BAA2B,EAAE,kDAAkD;AAC/E;AACAC,EAAAA,UAAU,EAAE,+BAA+B;AAC3CC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,gBAAgB,EAAE,qCAAqC;AACvDC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClE;AACAC,EAAAA,qBAAqB,EAAE,2CAA2C;AAClEC,EAAAA,0BAA0B,EAAE,iDAAiD;AAC7E;AACAC,EAAAA,aAAa,EAAE,mCAAmC;AAClD;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxD;AACAC,EAAAA,WAAW,EAAE,gCAAgC;AAC7C;AACAC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxD;AACAC,EAAAA,gBAAgB,EAAE,sCAAsC;AAExD;AACAC,EAAAA,UAAU,EAAE,+BAA+B;AAC3C;AACAC,EAAAA,WAAW,EAAE,gCAAgC;AAC7C;AACAC,EAAAA,cAAc,EAAE,oCAAoC;AACpD;AACAC,EAAAA,UAAU,EAAE,+BAA+B;AAC3C;AACAC,EAAAA,YAAY,EAAE,iCAAiC;AAC/C;AACAC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvE;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1D;AACAC,EAAAA,iCAAiC,EAAE,0DAA0D;AAC7FC,EAAAA,sCAAsC,EAAE,gEAAgE;AACxG;AACAC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5D;AACAC,EAAAA,6BAA6B,EAAE,qDAAqD;AACpF;AACAC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxD;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrE;AACAC,EAAAA,mBAAmB,EAAE,yCAAyC;AAC9D;AACAC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChE;AACAC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5D;AACAC,EAAAA,aAAa,EAAE,kCAAkC;AACjD;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1D;AACAC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5D;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjE;AACAC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7D;AACAC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/D;AACAC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjE;AACAC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvE;AACAC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjE;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrE;AACAC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjE;AACAC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7D;AACAC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/D;AACAC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjE;AACAC,EAAAA,uBAAuB,EAAE,8CAA8C;AACvE;AACAC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjE;AACAC,EAAAA,aAAa,EAAE,mCAAmC;AAClD;AACAC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrE;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,aAAa,EAAE,mCAAmC;AAClD;AACAC,EAAAA,cAAc,EAAE,oCAAoC;AACpD;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5D;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1D;AACAC,EAAAA,eAAe,EAAE,qCAAqC;AACtD;AACAC,EAAAA,gBAAgB,EAAE,sCAAsC;AACxD;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1D;AACAC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChE;AACAC,EAAAA,iBAAiB,EAAE,uCAAuC;AAE1DC,EAAAA,iBAAiB,EAAE,uCAAuC;AAE1D;AACAC,EAAAA,eAAe,EAAE,oCAAoC;AACrD;AACAC,EAAAA,kBAAkB,EAAE,wCAAwC;AAE5DC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,kBAAkB,EAAE,wCAAwC;AAC5DC,EAAAA,4BAA4B,EAAE,6CAA6C;AAC3EC,EAAAA,4BAA4B,EAAE,6CAA6C;AAC3EC,EAAAA,iCAAiC,EAAE,mDAAmD;AACtFC,EAAAA,iCAAiC,EAAE,mDAAmD;AACtFC,EAAAA,iCAAiC,EAAE,oDAAoD;AACvFC,EAAAA,sCAAsC,EAAE,0DAA0D;AAClGC,EAAAA,4BAA4B,EAAE,+DAA+D;AAE7FC,EAAAA,cAAc,EAAE,mCAAmC;AACnDC,EAAAA,oBAAoB,EAAE,0CAA0C;AAChEC,EAAAA,6BAA6B,EAAE,oDAAoD;AACnFC,EAAAA,kCAAkC,EAAE,0DAA0D;AAC9FC,EAAAA,mCAAmC,EAAE,2DAA2D;AAChGC,EAAAA,6BAA6B,EAAE,oDAAoD;AACnFC,EAAAA,kCAAkC,EAAE,0DAA0D;AAC9FC,EAAAA,mCAAmC,EAAE,2DAA2D;AAEhGC,EAAAA,YAAY,EAAE,iCAAiC;AAC/CC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,iBAAiB,EAAE,uCAAuC;AAC1DC,EAAAA,oBAAoB,EAAE,0CAA0C;AAEhEC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,4BAA4B,EAAE,qDAAqD;AAEnFC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,yBAAyB,EAAE,iDAAiD;AAC5EC,EAAAA,sBAAsB,EAAE,8CAA8C;AAEtE;AACAC,EAAAA,UAAU,EAAE,gCAAgC;AAC5CC,EAAAA,cAAc,EAAE,qCAAqC;AACrDC,EAAAA,aAAa,EAAE,oCAAoC;AACnDC,EAAAA,6BAA6B,EAAE,sDAAsD;AACrFC,EAAAA,kCAAkC,EAAE,4DAA4D;AAEhGC,EAAAA,sBAAsB,EAAE,6CAA6C;AACrEC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,YAAY,EAAE,kCAAkC;AAEhDC,EAAAA,iBAAiB,EAAE,wCAAwC;AAC3DC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,oBAAoB,EAAE,2CAA2C;AACjEC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,gBAAgB,EAAE,uCAAuC;AACzDC,EAAAA,mBAAmB,EAAE,0CAA0C;AAC/DC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,mBAAmB,EAAE,2CAA2C;AAChEC,EAAAA,oBAAoB,EAAE,4CAA4C;AAClEC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,4BAA4B,EAAE,qDAAqD;AACnFC,EAAAA,yBAAyB,EAAE,kDAAkD;AAC7EC,EAAAA,wBAAwB,EAAE,gDAAgD;AAC1EC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,qBAAqB,EAAE,6CAA6C;AACpEC,EAAAA,kBAAkB,EAAE,yCAAyC;AAC7DC,EAAAA,sBAAsB,EAAE,8CAA8C;AACtEC,EAAAA,sBAAsB,EAAE,6CAAA;AAC5B;;;;"}

package/es/components/TextArea/hooks/useAutoResize.js

@@ -2,14 +2,12 @@ import { useRef, useEffect } from 'react';
 
 var ROOT_FONT_SIZE = 16;
 var useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto) {
-  var isManualResize = useRef(false);
   var previousHeight = useRef();
   useEffect(function () {
-    if (active && ref && ref.current && !isManualResize.current) {
+    if (active && ref && ref.current) {
       // проверка на пользовательский resize (вручную)
       var height = ref.current.clientHeight / ROOT_FONT_SIZE;
       if (previousHeight.current !== undefined && previousHeight.current !== height) {
-        isManualResize.current = true;
         return;
       }
       var style = getComputedStyle(ref.current);
@@ -24,7 +22,7 @@ var useAutoResize = function useAutoResize(active, ref, value, minAuto, maxAuto)
       ref.current.style.height = "".concat(newHeight, "rem");
       previousHeight.current = newHeight;
     }
-  }, [ref, active, value]);
+  }, [ref, active, value, minAuto, maxAuto]);
 };
 
 export { ROOT_FONT_SIZE, useAutoResize };

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoResize.js","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"sourcesContent":["import { useEffect, useRef, MutableRefObject } from 'react';\n\nexport const ROOT_FONT_SIZE = 16;\n\nexport const useAutoResize = <T extends HTMLTextAreaElement>(\n    active: boolean,\n    ref: MutableRefObject<T | null>,\n    value?: string | ReadonlyArray<string> | number,\n    minAuto?: number,\n    maxAuto?: number,\n) => {\n    const isManualResize = useRef<boolean>(false);\n    const previousHeight = useRef<number | undefined>();\n\n    useEffect(() => {\n        if (active && ref && ref.current && !isManualResize.current) {\n            // проверка на пользовательский resize (вручную)\n            const height = ref.current.clientHeight / ROOT_FONT_SIZE;\n            if (previousHeight.current !== undefined && previousHeight.current !== height) {\n                isManualResize.current = true;\n                return;\n            }\n\n            const style = getComputedStyle(ref.current);\n            const lineHeight = parseInt(style.lineHeight, 10);\n            const lineHeightInRem = lineHeight / ROOT_FONT_SIZE;\n\n            const minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;\n            ref.current.style.height = `${minAutoHeight}rem`;\n\n            const lines = Math.floor(ref.current.scrollHeight / lineHeight);\n            const newScrollHeight = lines * lineHeightInRem;\n\n            const maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;\n\n            const newHeight = Math.min(newScrollHeight, maxAutoHeight);\n\n            ref.current.style.height = `${newHeight}rem`;\n            previousHeight.current = newHeight;\n        }\n    }, [ref, active, value]);\n};\n"],"names":["ROOT_FONT_SIZE","useAutoResize","active","ref","value","minAuto","maxAuto","isManualResize","useRef","previousHeight","useEffect","current","height","clientHeight","undefined","style","getComputedStyle","lineHeight","parseInt","lineHeightInRem","minAutoHeight","concat","lines","Math","floor","scrollHeight","newScrollHeight","maxAutoHeight","newHeight","min"],"mappings":";;AAEO,IAAMA,cAAc,GAAG,GAAE;AAEnBC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,MAAe,EACfC,GAA+B,EAC/BC,KAA+C,EAC/CC,OAAgB,EAChBC,OAAgB,EACf;AACD,EAAA,IAAMC,cAAc,GAAGC,MAAM,CAAU,KAAK,CAAC,CAAA;AAC7C,EAAA,IAAMC,cAAc,GAAGD,MAAM,EAAsB,CAAA;AAEnDE,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIR,MAAM,IAAIC,GAAG,IAAIA,GAAG,CAACQ,OAAO,IAAI,CAACJ,cAAc,CAACI,OAAO,EAAE;AACzD;MACA,IAAMC,MAAM,GAAGT,GAAG,CAACQ,OAAO,CAACE,YAAY,GAAGb,cAAc,CAAA;MACxD,IAAIS,cAAc,CAACE,OAAO,KAAKG,SAAS,IAAIL,cAAc,CAACE,OAAO,KAAKC,MAAM,EAAE;QAC3EL,cAAc,CAACI,OAAO,GAAG,IAAI,CAAA;AAC7B,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMI,KAAK,GAAGC,gBAAgB,CAACb,GAAG,CAACQ,OAAO,CAAC,CAAA;MAC3C,IAAMM,UAAU,GAAGC,QAAQ,CAACH,KAAK,CAACE,UAAU,EAAE,EAAE,CAAC,CAAA;AACjD,MAAA,IAAME,eAAe,GAAGF,UAAU,GAAGjB,cAAc,CAAA;MAEnD,IAAMoB,aAAa,GAAGf,OAAO,GAAGA,OAAO,GAAGc,eAAe,GAAG,CAAC,CAAA;MAC7DhB,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMD,aAAa,EAAK,KAAA,CAAA,CAAA;AAEhD,MAAA,IAAME,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACrB,GAAG,CAACQ,OAAO,CAACc,YAAY,GAAGR,UAAU,CAAC,CAAA;AAC/D,MAAA,IAAMS,eAAe,GAAGJ,KAAK,GAAGH,eAAe,CAAA;MAE/C,IAAMQ,aAAa,GAAGrB,OAAO,GAAGA,OAAO,GAAGa,eAAe,GAAGO,eAAe,CAAA;MAE3E,IAAME,SAAS,GAAGL,IAAI,CAACM,GAAG,CAACH,eAAe,EAAEC,aAAa,CAAC,CAAA;MAE1DxB,GAAG,CAACQ,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMO,SAAS,EAAK,KAAA,CAAA,CAAA;MAC5CnB,cAAc,CAACE,OAAO,GAAGiB,SAAS,CAAA;AACtC,KAAA;GACH,EAAE,CAACzB,GAAG,EAAED,MAAM,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC5B;;;;"}
+{"version":3,"file":"useAutoResize.js","sources":["../../../../src/components/TextArea/hooks/useAutoResize.ts"],"sourcesContent":["import { useEffect, useRef, MutableRefObject } from 'react';\n\nexport const ROOT_FONT_SIZE = 16;\n\nexport const useAutoResize = <T extends HTMLTextAreaElement>(\n    active: boolean,\n    ref: MutableRefObject<T | null>,\n    value?: string | ReadonlyArray<string> | number,\n    minAuto?: number,\n    maxAuto?: number,\n) => {\n    const previousHeight = useRef<number | undefined>();\n\n    useEffect(() => {\n        if (active && ref && ref.current) {\n            // проверка на пользовательский resize (вручную)\n            const height = ref.current.clientHeight / ROOT_FONT_SIZE;\n            if (previousHeight.current !== undefined && previousHeight.current !== height) {\n                return;\n            }\n\n            const style = getComputedStyle(ref.current);\n            const lineHeight = parseInt(style.lineHeight, 10);\n            const lineHeightInRem = lineHeight / ROOT_FONT_SIZE;\n\n            const minAutoHeight = minAuto ? minAuto * lineHeightInRem : 0;\n            ref.current.style.height = `${minAutoHeight}rem`;\n\n            const lines = Math.floor(ref.current.scrollHeight / lineHeight);\n            const newScrollHeight = lines * lineHeightInRem;\n\n            const maxAutoHeight = maxAuto ? maxAuto * lineHeightInRem : newScrollHeight;\n\n            const newHeight = Math.min(newScrollHeight, maxAutoHeight);\n\n            ref.current.style.height = `${newHeight}rem`;\n            previousHeight.current = newHeight;\n        }\n    }, [ref, active, value, minAuto, maxAuto]);\n};\n"],"names":["ROOT_FONT_SIZE","useAutoResize","active","ref","value","minAuto","maxAuto","previousHeight","useRef","useEffect","current","height","clientHeight","undefined","style","getComputedStyle","lineHeight","parseInt","lineHeightInRem","minAutoHeight","concat","lines","Math","floor","scrollHeight","newScrollHeight","maxAutoHeight","newHeight","min"],"mappings":";;AAEO,IAAMA,cAAc,GAAG,GAAE;AAEnBC,IAAAA,aAAa,GAAG,SAAhBA,aAAaA,CACtBC,MAAe,EACfC,GAA+B,EAC/BC,KAA+C,EAC/CC,OAAgB,EAChBC,OAAgB,EACf;AACD,EAAA,IAAMC,cAAc,GAAGC,MAAM,EAAsB,CAAA;AAEnDC,EAAAA,SAAS,CAAC,YAAM;AACZ,IAAA,IAAIP,MAAM,IAAIC,GAAG,IAAIA,GAAG,CAACO,OAAO,EAAE;AAC9B;MACA,IAAMC,MAAM,GAAGR,GAAG,CAACO,OAAO,CAACE,YAAY,GAAGZ,cAAc,CAAA;MACxD,IAAIO,cAAc,CAACG,OAAO,KAAKG,SAAS,IAAIN,cAAc,CAACG,OAAO,KAAKC,MAAM,EAAE;AAC3E,QAAA,OAAA;AACJ,OAAA;AAEA,MAAA,IAAMG,KAAK,GAAGC,gBAAgB,CAACZ,GAAG,CAACO,OAAO,CAAC,CAAA;MAC3C,IAAMM,UAAU,GAAGC,QAAQ,CAACH,KAAK,CAACE,UAAU,EAAE,EAAE,CAAC,CAAA;AACjD,MAAA,IAAME,eAAe,GAAGF,UAAU,GAAGhB,cAAc,CAAA;MAEnD,IAAMmB,aAAa,GAAGd,OAAO,GAAGA,OAAO,GAAGa,eAAe,GAAG,CAAC,CAAA;MAC7Df,GAAG,CAACO,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMD,aAAa,EAAK,KAAA,CAAA,CAAA;AAEhD,MAAA,IAAME,KAAK,GAAGC,IAAI,CAACC,KAAK,CAACpB,GAAG,CAACO,OAAO,CAACc,YAAY,GAAGR,UAAU,CAAC,CAAA;AAC/D,MAAA,IAAMS,eAAe,GAAGJ,KAAK,GAAGH,eAAe,CAAA;MAE/C,IAAMQ,aAAa,GAAGpB,OAAO,GAAGA,OAAO,GAAGY,eAAe,GAAGO,eAAe,CAAA;MAE3E,IAAME,SAAS,GAAGL,IAAI,CAACM,GAAG,CAACH,eAAe,EAAEC,aAAa,CAAC,CAAA;MAE1DvB,GAAG,CAACO,OAAO,CAACI,KAAK,CAACH,MAAM,GAAAS,EAAAA,CAAAA,MAAA,CAAMO,SAAS,EAAK,KAAA,CAAA,CAAA;MAC5CpB,cAAc,CAACG,OAAO,GAAGiB,SAAS,CAAA;AACtC,KAAA;AACJ,GAAC,EAAE,CAACxB,GAAG,EAAED,MAAM,EAAEE,KAAK,EAAEC,OAAO,EAAEC,OAAO,CAAC,CAAC,CAAA;AAC9C;;;;"}

package/es/components/TextArea/ui/Hint/Hint.css

@@ -0,0 +1,30 @@
+.Popover_styles_rmr9za_s1g1xbt5__0bafa6fb{display:inline-block;}
+.Popover_styles_rmr9za_s12xwbyh__0bafa6fb{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;box-sizing:border-box;position:relative;}
+.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb{width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);}.Popover_styles_rmr9za_s1pd4d8a__0bafa6fb::before{position:absolute;width:var(--plasma-popover-arrow-mask-width);height:var(--plasma-popover-arrow-mask-height);-webkit-mask-image:var(--plasma-popover-arrow-mask-image);mask-image:var(--plasma-popover-arrow-mask-image);background:var(--plasma-popover-arrow-background);content:'';-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg);}
+.Popover_styles_rmr9za_s16xlixz__0bafa6fb{position:absolute;z-index:var(--s16xlixz-0);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{right:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(-90deg);-ms-transform:rotate(-90deg);transform:rotate(-90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{left:calc(0px - var(--plasma-popover-arrow-height));}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='top-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{bottom:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:calc(0px - var(--plasma-popover-arrow-height));left:unset !important;right:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='bottom-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb::before{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg);}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-start'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='left-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb,.Popover_styles_rmr9za_s16xlixz__0bafa6fb[data-popper-placement^='right-end'] > .Popover_styles_rmr9za_popoverArrow__0bafa6fb{top:unset !important;bottom:var(--plasma-popover-arrow-edge-margin) !important;-webkit-transform:unset !important;-ms-transform:unset !important;transform:unset !important;}
+
+.Tooltip_styles_1jz4u92_teczcv4__3fe65388{padding:var(--plasma-tooltip-padding-top) var(--plasma-tooltip-padding-right) var(--plasma-tooltip-padding-bottom) var(--plasma-tooltip-padding-left);min-height:var(--plasma-tooltip-min-height);box-sizing:border-box;background-color:var(--plasma-tooltip-background-color);border-radius:var(--plasma-tooltip-border-radius);box-shadow:var(--plasma-tooltip-box-shadow);color:var(--plasma-tooltip-color);font-family:var(--plasma-tooltip-text-font-family);font-size:var(--plasma-tooltip-text-font-size);font-style:var(--plasma-tooltip-text-font-style);font-weight:var(--plasma-tooltip-text-font-weight);-webkit-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-moz-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);-ms-letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);letter-spacing:var(--plasma-tooltip-text-font-letter-spacing);line-height:var(--plasma-tooltip-text-font-line-height);max-width:var(--teczcv4-0);min-width:var(--teczcv4-1);width:-webkit-max-content;width:-moz-max-content;width:max-content;word-break:break-word;pointer-events:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}.Tooltip_styles_1jz4u92_teczcv4__3fe65388.Tooltip_styles_1jz4u92_hasContentLeft__3fe65388{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}
+.Tooltip_styles_1jz4u92_s1j361h1__3fe65388{-webkit-align-self:center;-ms-flex-item-align:center;align-self:center;margin-right:var(--plasma-tooltip-content-left-margin);height:var(--plasma-tooltip-text-font-line-height);}
+
+.Tooltip_aay375_s1cz8cv8__390cdb21{--plasma-popover-arrow-mask-width:var(--plasma-tooltip-arrow-mask-width);--plasma-popover-arrow-mask-height:var(--plasma-tooltip-arrow-mask-height);--plasma-popover-arrow-mask-image:var(--plasma-tooltip-arrow-mask-image);--plasma-popover-arrow-background:var(--plasma-tooltip-arrow-background);--plasma-popover-arrow-height:var(--plasma-tooltip-arrow-height);--plasma-popover-arrow-edge-margin:var(--plasma-tooltip-arrow-edge-margin);}.Tooltip_aay375_s1cz8cv8__390cdb21.Tooltip_aay375_tooltipAnimated__390cdb21 .Tooltip_aay375_popoverRoot__390cdb21{-webkit-transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;transition:opacity 200ms ease-in-out,visibility 200ms ease-in-out;}
+
+
+.TextArea_styles_1ke2ihc_o1r1fvk8__87970d35{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:var(--o1r1fvk8-0);}
+.TextArea_styles_1ke2ihc_surmvwq__87970d35{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;color:var(--plasma-textarea-label-outer-color,var(--plasma-textarea-input-color));font-family:var(--plasma-textarea-label-outer-font-family,var(--plasma-textarea-input-font-family));font-size:var(--plasma-textarea-label-outer-font-size,var(--plasma-textarea-input-font-size));font-style:var(--plasma-textarea-label-outer-font-style,var(--plasma-textarea-input-font-style));font-weight:var(--plasma-textarea-label-outer-font-weight,var(--plasma-textarea-input-font-weight));-webkit-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-moz-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));-ms-letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));letter-spacing:var(--plasma-textarea-label-outer-letter-spacing,var(--plasma-textarea-input-letter-spacing));line-height:var(--plasma-textarea-label-outer-line-height,var(--plasma-textarea-input-line-height));}
+.TextArea_styles_1ke2ihc_t18bd513__87970d35{display:inline-block;margin-left:auto;font-family:var(--plasma-textarea__title-caption-font-family);font-size:var(--plasma-textarea__title-caption-font-size);font-style:var(--plasma-textarea__title-caption-font-style);font-weight:var(--plasma-textarea__title-caption-font-weight);-webkit-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-moz-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);-ms-letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);letter-spacing:var(--plasma-textarea__title-caption-letter-spacing);line-height:var(--plasma-textarea__title-caption-line-height);}
+.TextArea_styles_1ke2ihc_s7alcr2__87970d35{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+.TextArea_styles_1ke2ihc_si9oz50__87970d35{color:var(--plasma-textarea__optional-color);font-family:var(--si9oz50-0);font-size:var(--si9oz50-1);font-style:var(--si9oz50-2);font-weight:var(--si9oz50-3);-webkit-letter-spacing:var(--si9oz50-4);-moz-letter-spacing:var(--si9oz50-4);-ms-letter-spacing:var(--si9oz50-4);letter-spacing:var(--si9oz50-4);line-height:var(--si9oz50-5);}
+.TextArea_styles_1ke2ihc_s18tpn65__87970d35{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;line-height:0;margin:var(--plasma-textarea__hint-margin);}.TextArea_styles_1ke2ihc_s18tpn65__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{position:absolute;margin:0;inset:var(--plasma-textarea__hint-inner-label-placement-offset);}
+.TextArea_styles_1ke2ihc_h19sfsrt__87970d35{color:var(--plasma-textarea__hint-icon-color);width:var(--plasma-textarea__hint-target-size);height:var(--plasma-textarea__hint-target-size);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}
+
+.TextArea_styles_1ke2ihc_s3wsw3p__87970d35{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s3wsw3p-0);border-radius:var(--s3wsw3p-1);}
+.TextArea_styles_1ke2ihc_stc5t23__87970d35{position:absolute;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;bottom:0;z-index:1;color:var(--plasma-textarea-right-content-color,var(--plasma-textarea-input-color));top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
+.TextArea_styles_1ke2ihc_salwx57__87970d35{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;width:var(--salwx57-0);position:relative;}
+.TextArea_styles_1ke2ihc_s18lndvq__87970d35{display:block;box-sizing:border-box;outline:none;border:none;-webkit-appearance:none;background-color:transparent;color:var(--plasma-textarea-input-color);caret-color:var(--plasma-textarea-input-caret-color);resize:var(--s18lndvq-0);--plasma_private-textarea-height:var(--s18lndvq-1);--plasma_private-textarea-width:var(--s18lndvq-2);--plasma_private-textarea-computed-height:var(--s18lndvq-3);--plasma_private-textarea-computed-width:var(--s18lndvq-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s18lndvq-5);max-width:var(--s18lndvq-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s18lndvq-6);padding-left:var(--plasma-textarea-input-padding-left);padding-top:0;padding-bottom:0;--plasma_private-textarea-helpers-computed-height:calc( var(--plasma-textarea-helpers-padding-top) + var(--plasma-textarea-helpers-padding-bottom) + var(--plasma-textarea-helpers-line-height) );--plasma_private-textarea-input-with-helpers-height:calc( var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) + var(--plasma-textarea-helpers-offset) );--plasma_private-textarea-input-without-helpers-height:calc( var(--plasma_private-textarea-computed-height) - var(--plasma-textarea-input-padding-bottom) );--plasma_private-textarea-input-actual-height:var(--s18lndvq-7);height:var(--plasma_private-textarea-input-actual-height);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-moz-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-ms-input-placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::placeholder{opacity:0;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:-moz-read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:read-only{cursor:default;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar{width:var(--plasma-textarea-scrollbar-width);}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar-thumb{background-color:var(--plasma-textarea-scrollbar-thumb-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}.TextArea_styles_1ke2ihc_s18lndvq__87970d35::-webkit-scrollbar-track{background-color:var(--plasma-textarea-scrollbar-track-background-color);background-clip:content-box;border:var(--plasma-textarea-scrollbar-border-width) solid transparent;border-radius:1rem;}
+.TextArea_styles_1ke2ihc_s183p45n__87970d35{box-sizing:border-box;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-transition:background-color 0.1s ease-in-out;transition:background-color 0.1s ease-in-out;background-color:var(--plasma-textarea-helpers-background-color);padding-top:var(--plasma-textarea-helpers-padding-top);padding-right:var(--plasma-textarea-helpers-padding-right);padding-bottom:var(--plasma-textarea-helpers-padding-bottom);padding-left:var(--plasma-textarea-helpers-padding-left);border-bottom-left-radius:var(--plasma-textarea-border-radius);border-bottom-right-radius:var(--plasma-textarea-border-radius);}
+.TextArea_styles_1ke2ihc_snf439a__87970d35{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block;font-family:var(--plasma-textarea-helpers-font-family);font-size:var(--plasma-textarea-helpers-font-size);font-style:var(--plasma-textarea-helpers-font-style);font-weight:var(--plasma-textarea-helpers-font-weight);-webkit-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-helpers-letter-spacing);letter-spacing:var(--plasma-textarea-helpers-letter-spacing);line-height:var(--plasma-textarea-helpers-line-height);color:var(--plasma-textarea-left-helper-color);}
+.TextArea_styles_1ke2ihc_suev9vb__87970d35.TextArea_styles_1ke2ihc_snf439a__87970d35{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
+.TextArea_styles_1ke2ihc_s7jal92__87970d35{box-sizing:border-box;position:absolute;pointer-events:none;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-transition:all 0.1s ease-in-out;transition:all 0.1s ease-in-out;-webkit-transform-origin:top left;-ms-transform-origin:top left;transform-origin:top left;color:var(--plasma-textarea-placeholder-color);width:100%;height:auto;top:var(--plasma-textarea-input-padding-top);padding-left:var(--plasma-textarea-input-padding-left);padding-right:var(--s7jal92-0);font-family:var(--plasma-textarea-input-font-family);font-size:var(--plasma-textarea-input-font-size);font-style:var(--plasma-textarea-input-font-style);font-weight:var(--plasma-textarea-input-font-weight);-webkit-letter-spacing:var(--plasma-textarea-input-letter-spacing);-moz-letter-spacing:var(--plasma-textarea-input-letter-spacing);-ms-letter-spacing:var(--plasma-textarea-input-letter-spacing);letter-spacing:var(--plasma-textarea-input-letter-spacing);line-height:var(--plasma-textarea-input-line-height);}
+.TextArea_styles_1ke2ihc_s11kd6xq__87970d35{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-outer-right);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementOuter__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35.TextArea_styles_1ke2ihc_textareaHasHint__87970d35{right:calc(-1 * var(--plasma-textarea-indicator-size-outer));}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.TextArea_styles_1ke2ihc_s11kd6xq__87970d35.TextArea_styles_1ke2ihc_labelPlacementInner__87970d35.TextArea_styles_1ke2ihc_requiredAlignRight__87970d35{inset:var(--plasma-textarea-indicator-placement-inner-right);}
+
+.IconRoot_7pl7ig_svvlqhf__32c458a1{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:var(--svvlqhf-0);height:var(--svvlqhf-0);-webkit-flex:0 0 var(--svvlqhf-0);-ms-flex:0 0 var(--svvlqhf-0);flex:0 0 var(--svvlqhf-0);}

package/es/components/TextArea/ui/Hint/Hint.js

@@ -0,0 +1,48 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import React, { forwardRef } from 'react';
+import { Hint, HintTargetWrapper, HintIconWrapper } from '../../TextArea.styles.js';
+import { safeUseId } from '../../../../utils/react.js';
+import { IconInfoCircleOutline } from '../../../_Icon/Icons/IconInfoCircleOutline.js';
+
+var _IconInfoCircleOutlin;
+var HintComponent = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var hintText = _ref.hintText,
+    isHintVisible = _ref.isHintVisible,
+    hintTrigger = _ref.hintTrigger,
+    hintTargetIcon = _ref.hintTargetIcon,
+    hintPlacement = _ref.hintPlacement,
+    hintHasArrow = _ref.hintHasArrow,
+    hintOffset = _ref.hintOffset,
+    hintWidth = _ref.hintWidth,
+    hintContentLeft = _ref.hintContentLeft,
+    handleHintShow = _ref.handleHintShow,
+    handleHintHide = _ref.handleHintHide,
+    handleHintClick = _ref.handleHintClick;
+  var hintId = safeUseId();
+  return /*#__PURE__*/React.createElement(Hint, {
+    ref: ref,
+    text: String(hintText),
+    opened: isHintVisible,
+    target: /*#__PURE__*/React.createElement(HintTargetWrapper, null, /*#__PURE__*/React.createElement(HintIconWrapper, _extends({
+      id: hintId
+    }, hintTrigger === 'hover' ? {
+      onMouseEnter: handleHintShow,
+      onMouseLeave: handleHintHide
+    } : {
+      onClick: handleHintClick
+    }), hintTargetIcon || _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
+      size: "xs",
+      color: "inherit"
+    })))),
+    placement: hintPlacement,
+    hasArrow: hintHasArrow,
+    offset: hintOffset,
+    minWidth: hintWidth,
+    maxWidth: hintWidth,
+    contentLeft: hintContentLeft,
+    frame: hintId
+  });
+});
+
+export { HintComponent };
+//# sourceMappingURL=Hint.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Hint.js","sources":["../../../../../src/components/TextArea/ui/Hint/Hint.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { Hint, HintIconWrapper, HintTargetWrapper } from '../../TextArea.styles';\nimport { IconInfoCircleOutline } from '../../../_Icon';\nimport { safeUseId } from '../../../../utils';\n\nimport type { TextAreaHintProps } from './Hint.types';\n\nexport const HintComponent = forwardRef<HTMLDivElement, TextAreaHintProps>(\n    (\n        {\n            hintText,\n            isHintVisible,\n            hintTrigger,\n            hintTargetIcon,\n            hintPlacement,\n            hintHasArrow,\n            hintOffset,\n            hintWidth,\n            hintContentLeft,\n            handleHintShow,\n            handleHintHide,\n            handleHintClick,\n        },\n        ref,\n    ) => {\n        const hintId = safeUseId();\n\n        return (\n            <Hint\n                ref={ref}\n                text={String(hintText)}\n                opened={isHintVisible}\n                target={\n                    <HintTargetWrapper>\n                        <HintIconWrapper\n                            id={hintId}\n                            {...(hintTrigger === 'hover'\n                                ? {\n                                      onMouseEnter: handleHintShow,\n                                      onMouseLeave: handleHintHide,\n                                  }\n                                : { onClick: handleHintClick })}\n                        >\n                            {hintTargetIcon || <IconInfoCircleOutline size=\"xs\" color=\"inherit\" />}\n                        </HintIconWrapper>\n                    </HintTargetWrapper>\n                }\n                placement={hintPlacement}\n                hasArrow={hintHasArrow}\n                offset={hintOffset}\n                minWidth={hintWidth}\n                maxWidth={hintWidth}\n                contentLeft={hintContentLeft}\n                frame={hintId}\n            />\n        );\n    },\n);\n"],"names":["HintComponent","forwardRef","_ref","ref","hintText","isHintVisible","hintTrigger","hintTargetIcon","hintPlacement","hintHasArrow","hintOffset","hintWidth","hintContentLeft","handleHintShow","handleHintHide","handleHintClick","hintId","safeUseId","React","createElement","Hint","text","String","opened","target","HintTargetWrapper","HintIconWrapper","_extends","id","onMouseEnter","onMouseLeave","onClick","_IconInfoCircleOutlin","IconInfoCircleOutline","size","color","placement","hasArrow","offset","minWidth","maxWidth","contentLeft","frame"],"mappings":";;;;;;;AAQO,IAAMA,aAAa,gBAAGC,UAAU,CACnC,UAAAC,IAAA,EAeIC,GAAG,EACF;AAAA,EAAA,IAdGC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,aAAa,GAAAH,IAAA,CAAbG,aAAa;IACbC,WAAW,GAAAJ,IAAA,CAAXI,WAAW;IACXC,cAAc,GAAAL,IAAA,CAAdK,cAAc;IACdC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IACbC,YAAY,GAAAP,IAAA,CAAZO,YAAY;IACZC,UAAU,GAAAR,IAAA,CAAVQ,UAAU;IACVC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,eAAe,GAAAV,IAAA,CAAfU,eAAe;IACfC,cAAc,GAAAX,IAAA,CAAdW,cAAc;IACdC,cAAc,GAAAZ,IAAA,CAAdY,cAAc;IACdC,eAAe,GAAAb,IAAA,CAAfa,eAAe,CAAA;AAInB,EAAA,IAAMC,MAAM,GAAGC,SAAS,EAAE,CAAA;AAE1B,EAAA,oBACIC,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA;AACDjB,IAAAA,GAAG,EAAEA,GAAI;AACTkB,IAAAA,IAAI,EAAEC,MAAM,CAAClB,QAAQ,CAAE;AACvBmB,IAAAA,MAAM,EAAElB,aAAc;AACtBmB,IAAAA,MAAM,eACFN,KAAA,CAAAC,aAAA,CAACM,iBAAiB,EACdP,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACO,eAAe,EAAAC,QAAA,CAAA;AACZC,MAAAA,EAAE,EAAEZ,MAAAA;KACCV,EAAAA,WAAW,KAAK,OAAO,GACtB;AACIuB,MAAAA,YAAY,EAAEhB,cAAc;AAC5BiB,MAAAA,YAAY,EAAEhB,cAAAA;AAClB,KAAC,GACD;AAAEiB,MAAAA,OAAO,EAAEhB,eAAAA;KAAiB,CAAA,EAEjCR,cAAc,IAAAyB,qBAAA,KAAAA,qBAAA,gBAAId,KAAA,CAAAC,aAAA,CAACc,qBAAqB,EAAA;AAACC,MAAAA,IAAI,EAAC,IAAI;AAACC,MAAAA,KAAK,EAAC,SAAA;KAAW,CAAC,CACzD,CACF,CACtB;AACDC,IAAAA,SAAS,EAAE5B,aAAc;AACzB6B,IAAAA,QAAQ,EAAE5B,YAAa;AACvB6B,IAAAA,MAAM,EAAE5B,UAAW;AACnB6B,IAAAA,QAAQ,EAAE5B,SAAU;AACpB6B,IAAAA,QAAQ,EAAE7B,SAAU;AACpB8B,IAAAA,WAAW,EAAE7B,eAAgB;AAC7B8B,IAAAA,KAAK,EAAE1B,MAAAA;AAAO,GACjB,CAAC,CAAA;AAEV,CACJ;;;;"}

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

@@ -1,4 +1,4 @@
-import './base_vidplj.css';
+import './base_iz2qkw.css';
 var base = "b1x0cx6o";
 
 export { base };

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    StyledContainer,\n    StyledContent,\n    StyledHelpers,\n    StyledIndicator,\n    StyledLabel,\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        ${StyledLabel} {\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                &.align-right {\n                    inset: var(${tokens.clearIndicatorLabelPlacementInnerRight});\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":"AAcO,IAAMA,IAAI,GAsHhB;;;;"}
+{"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/TextArea/variations/_clear/base_iz2qkw.css

@@ -0,0 +1 @@
+.b1x0cx6o.textarea-clear{border:unset;}.b1x0cx6o.textarea-clear .s3wsw3p{box-shadow:unset;background-color:unset;border-radius:0;padding-bottom:var(--plasma-textarea-input-padding-top);}.b1x0cx6o.textarea-clear .o1r1fvk8{margin-bottom:var(--plasma-textarea-clear-label-margin-bottom);}.b1x0cx6o.textarea-clear .stc5t23{right:0;bottom:unset;}.b1x0cx6o.textarea-clear .s18lndvq,.b1x0cx6o.textarea-clear .s183p45n{padding-left:0;}.b1x0cx6o.textarea-clear .s183p45n{background-color:unset;border-radius:0;padding-top:var(--plasma-textarea-clear-helpers-padding-top);padding-right:0;}.b1x0cx6o.textarea-clear .s18lndvq{color:var(--plasma-textarea-input-clear-color);padding-right:0;}.b1x0cx6o.textarea-clear .s18lndvq.textarea-has-right-content{padding-right:var(--plasma-textarea-clear-input-padding-right-with-right-content);}.b1x0cx6o.textarea-clear .salwx57:not(.inner-placeholder-up) .s7jal92{color:var(--plasma-textarea-clear-placeholder-color);}.b1x0cx6o.textarea-clear .salwx57:not(.inner-placeholder-up).focused-outer-placeholder-color .s7jal92{color:var(--plasma-textarea-clear-placeholder-color-focus);}.b1x0cx6o.textarea-clear .salwx57.inner-placeholder-up{color:var(--plasma-textarea-placeholder-color);}.b1x0cx6o.textarea-clear .s7jal92{padding-left:0;}.b1x0cx6o.textarea-clear .s11kd6xq.label-placement-inner{inset:var(--plasma-textarea__clear-indicator-placement-inner);}.b1x0cx6o.textarea-clear .s11kd6xq.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-placement-inner-right);}.b1x0cx6o.textarea-clear.textarea-has-hint .s18tpn65.label-placement-inner{inset:var(--plasma-textarea__clear-hint-inner-label-placement-offset);}.b1x0cx6o.textarea-clear.textarea-has-hint .s11kd6xq.label-placement-inner.required-align-right{inset:var(--plasma-textarea__clear-indicator-hint-placement-inner-right);}.b1x0cx6o.textarea-clear .textarea-container{border:unset;border-radius:0;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-wrapper{background-color:unset;box-shadow:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-container{border:unset;}.b1x0cx6o.textarea-clear:focus-within:not([readonly]) .textarea-helpers{background-color:unset;}.b1x0cx6o.textarea-clear.textarea-has-divider .s3wsw3p{position:relative;--plasma_private-textarea-divider-color:var(--plasma-textarea-divider-color);}.b1x0cx6o.textarea-clear.textarea-has-divider .s3wsw3p:before{content:'';position:absolute;height:0.063rem;width:100%;bottom:0;left:0;background-color:var(--plasma_private-textarea-divider-color);-webkit-transition:background-color 0.1s ease-in;transition:background-color 0.1s ease-in;}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .s3wsw3p:hover{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-hover, var(--plasma-textarea-divider-color) );}.b1x0cx6o.textarea-clear.textarea-has-divider:not([readonly]) .s3wsw3p:focus-within{--plasma_private-textarea-divider-color:var( --plasma-textarea-divider-color-focus, var(--plasma-textarea-divider-color) );}

package/es/components/{Tabs/ui/vertical/VerticalTabs/variations/_truncate → TextArea/variations/_hint-size}/base.js

@@ -1,5 +1,5 @@
-import './base_14x17ie.css';
-var base = "b5l3t3q";
+import './base_1ipgv90.css';
+var base = "bfm7p1t";
 
 export { base };
 //# sourceMappingURL=base.js.map

package/es/components/TextArea/variations/_hint-size/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_hint-size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tooltipTokens } from '../../../Tooltip';\nimport { tokens } from '../../TextArea.tokens';\nimport { Hint } from '../../TextArea.styles';\n\nexport const base = css`\n    ${Hint} {\n        ${tooltipTokens.paddingTop}: var(${tokens.tooltipPaddingTop});\n        ${tooltipTokens.paddingRight}: var(${tokens.tooltipPaddingRight});\n        ${tooltipTokens.paddingBottom}: var(${tokens.tooltipPaddingBottom});\n        ${tooltipTokens.paddingLeft}: var(${tokens.tooltipPaddingLeft});\n\n        ${tooltipTokens.minHeight}: var(${tokens.tooltipMinHeight});\n        ${tooltipTokens.borderRadius}: var(${tokens.tooltipBorderRadius});\n\n        ${tooltipTokens.textFontFamily}: var(${tokens.tooltipTextFontFamily});\n        ${tooltipTokens.textFontSize}: var(${tokens.tooltipTextFontSize});\n        ${tooltipTokens.textFontStyle}: var(${tokens.tooltipTextFontStyle});\n        ${tooltipTokens.textFontWeight}: var(${tokens.tooltipTextFontWeight});\n        ${tooltipTokens.textFontLetterSpacing}: var(${tokens.tooltipTextFontLetterSpacing});\n        ${tooltipTokens.textFontLineHeight}: var(${tokens.tooltipTextFontLineHeight});\n\n        ${tooltipTokens.contentLeftMargin}: var(${tokens.tooltipContentLeftMargin});\n\n        ${tooltipTokens.arrowMaskWidth}: var(${tokens.tooltipArrowMaskWidth});\n        ${tooltipTokens.arrowMaskHeight}: var(${tokens.tooltipArrowMaskHeight});\n        ${tooltipTokens.arrowMaskImage}: var(${tokens.tooltipArrowMaskImage});\n        ${tooltipTokens.arrowHeight}: var(${tokens.tooltipArrowHeight});\n        ${tooltipTokens.arrowEdgeMargin}: var(${tokens.tooltipArrowEdgeMargin});\n        ${tooltipTokens.arrowBackground}: var(${tokens.tooltipArrowBackground});\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GA0BhB;;;;"}

package/es/components/TextArea/variations/_hint-size/base_1ipgv90.css

@@ -0,0 +1 @@
+.bfm7p1t .h1luq7vd{--plasma-tooltip-padding-top:var(--plasma-textarea__tooltip-padding-top);--plasma-tooltip-padding-right:var(--plasma-textarea__tooltip-padding-right);--plasma-tooltip-padding-bottom:var(--plasma-textarea__tooltip-padding-bottom);--plasma-tooltip-padding-left:var(--plasma-textarea__tooltip-padding-left);--plasma-tooltip-min-height:var(--plasma-textarea__tooltip-min-height);--plasma-tooltip-border-radius:var(--plasma-textarea__tooltip-border-radius);--plasma-tooltip-text-font-family:var(--plasma-textarea__tooltip-text-font-family);--plasma-tooltip-text-font-size:var(--plasma-textarea__tooltip-text-font-size);--plasma-tooltip-text-font-style:var(--plasma-textarea__tooltip-text-font-style);--plasma-tooltip-text-font-weight:var(--plasma-textarea__tooltip-text-font-weight);--plasma-tooltip-text-font-letter-spacing:var(--plasma-textarea__tooltip-text-font-letter-spacing);--plasma-tooltip-text-font-line-height:var(--plasma-textarea__tooltip-text-font-line-height);--plasma-tooltip-content-left-margin:var(--plasma-textarea__tooltip-content-left-margin);--plasma-tooltip-arrow-mask-width:var(--plasma-textarea__tooltip-arrow-mask-width);--plasma-tooltip-arrow-mask-height:var(--plasma-textarea__tooltip-arrow-mask-height);--plasma-tooltip-arrow-mask-image:var(--plasma-textarea__tooltip-arrow-mask-image);--plasma-tooltip-arrow-height:var(--plasma-textarea__tooltip-arrow-height);--plasma-tooltip-arrow-edge-margin:var(--plasma-textarea__tooltip-arrow-edge-margin);--plasma-tooltip-arrow-background:var(--plasma-textarea__tooltip-arrow-background);}

package/es/components/TextArea/variations/_hint-view/base.js

@@ -0,0 +1,5 @@
+import './base_111a0qe.css';
+var base = "b193dn9j";
+
+export { base };
+//# sourceMappingURL=base.js.map

package/es/components/TextArea/variations/_hint-view/base.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_hint-view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tooltipTokens } from '../../../Tooltip';\nimport { Hint } from '../../TextArea.styles';\nimport { tokens } from '../../TextArea.tokens';\n\nexport const base = css`\n    ${Hint} {\n        ${tooltipTokens.backgroundColor}: var(${tokens.tooltipBackgroundColor});\n        ${tooltipTokens.boxShadow}: var(${tokens.tooltipBoxShadow});\n        ${tooltipTokens.color}: var(${tokens.tooltipColor});\n    }\n`;\n"],"names":["base"],"mappings":"AAMO,IAAMA,IAAI,GAMhB;;;;"}

package/es/components/TextArea/variations/_hint-view/base_111a0qe.css

@@ -0,0 +1 @@
+.b193dn9j .h1luq7vd{--plasma-tooltip-background-color:var(--plasma-textarea__tooltip-background-color);--plasma-tooltip-box-shadow:var(--plasma-textarea__tooltip-box-shadow);--plasma-tooltip-color:var(--plasma-textarea__tooltip-color);}

package/es/components/TextArea/variations/_view/base.js

@@ -1,4 +1,4 @@
-import './base_td55th.css';
+import './base_1xgrm3x.css';
 var base = "bofyi4a";
 
 export { base };

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

@@ -1 +1 @@
-{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;\n\nexport const base = css`\n    .${String(styledContainer)} {\n        transition: box-shadow 0.1s ease-in-out;\n        border-radius: var(${tokens.borderRadius});\n        border: var(${tokens.borderSize}) solid var(${tokens.borderColor});\n    }\n\n    .${String(styledTextAreaWrapper)} {\n        transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n\n        /* INFO: Отступ справа, чтобы scrollbar не перекрывал рамку */\n        padding-right: var(${tokens.borderSize}, 1px);\n    }\n\n    &:focus-within:not([readonly]) .${String(styledTextAreaWrapper)} {\n        background-color: var(${tokens.inputBackgroundColorFocus});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n    }\n\n    &:focus-within:not([readonly]) .${String(styledContainer)} {\n        border: var(${tokens.borderSize}) solid var(${tokens.borderColorFocus});\n    }\n\n    &:focus-within:not([readonly]) .${String(styledHelpers)} {\n        background-color: var(${tokens.helpersBackgroundColorFocus});\n    }\n\n    &:hover:${exclusionSelectors} .${String(styledContainer)} {\n        border: var(${tokens.borderSize}) solid var(${tokens.borderColorHover});\n    }\n\n    &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n        background-color: var(${tokens.inputBackgroundColorHover});\n    }\n\n    &:hover:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n        background-color: var(${tokens.helpersBackgroundColorHover});\n    }\n\n    &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n        background-color: var(${tokens.inputBackgroundColorActive});\n    }\n\n    &:active:${exclusionSelectors} .${String(styledTextAreaWrapper)} + .${String(styledHelpers)} {\n        background-color: var(${tokens.helpersBackgroundColorActive});\n    }\n`;\n"],"names":["base"],"mappings":"AAQO,IAAMA,IAAI,GAiDhB;;;;"}
+{"version":3,"file":"base.js","sources":["../../../../../src/components/TextArea/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nimport { tokens, classes } from '../../TextArea.tokens';\nimport { TitleCaption } from '../../TextArea.styles';\n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = `not(.${classes.clear}):not([disabled]):not([readonly]):not(:focus-within)`;\n\nexport const base = css`\n    ${TitleCaption} {\n        color: var(${tokens.titleCaptionColor});\n    }\n\n    .${styledContainer} {\n        transition: box-shadow 0.1s ease-in-out;\n        border-radius: var(${tokens.borderRadius});\n        border: var(${tokens.borderSize}) solid var(${tokens.borderColor});\n    }\n\n    .${styledTextAreaWrapper} {\n        transition: background-color 0.1s ease-in-out, box-shadow 0.1s ease-in-out;\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColor});\n\n        /* INFO: Отступ справа, чтобы scrollbar не перекрывал рамку */\n        padding-right: var(${tokens.borderSize}, 1px);\n    }\n\n    &:focus-within:not([readonly]) .${styledTextAreaWrapper} {\n        background-color: var(${tokens.inputBackgroundColorFocus});\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorFocus});\n    }\n\n    &:focus-within:not([readonly]) .${styledContainer} {\n        border: var(${tokens.borderSize}) solid var(${tokens.borderColorFocus});\n    }\n\n    &:focus-within:not([readonly]) .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorFocus});\n    }\n\n    &:hover:${exclusionSelectors} .${styledContainer} {\n        border: var(${tokens.borderSize}) solid var(${tokens.borderColorHover});\n    }\n\n    &:hover:${exclusionSelectors} .${styledTextAreaWrapper} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorHover});\n        background-color: var(${tokens.inputBackgroundColorHover});\n    }\n\n    &:hover:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorHover});\n    }\n\n    &:active:${exclusionSelectors} .${styledTextAreaWrapper} {\n        box-shadow: inset 0 0 0 var(${tokens.borderSize}, 1px) var(${tokens.inputBorderColorActive});\n        background-color: var(${tokens.inputBackgroundColorActive});\n    }\n\n    &:active:${exclusionSelectors} .${styledTextAreaWrapper} + .${styledHelpers} {\n        background-color: var(${tokens.helpersBackgroundColorActive});\n    }\n`;\n"],"names":["base"],"mappings":"AASO,IAAMA,IAAI,GAqDhB;;;;"}

package/es/components/TextArea/variations/_view/base_1xgrm3x.css

@@ -0,0 +1 @@
+.bofyi4a .t18bd513{color:var(--plasma-textarea__title-caption-color);}.bofyi4a .textarea-container{-webkit-transition:box-shadow 0.1s ease-in-out;transition:box-shadow 0.1s ease-in-out;border-radius:var(--plasma-textarea-border-radius);border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color);}.bofyi4a .textarea-wrapper{-webkit-transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;transition:background-color 0.1s ease-in-out,box-shadow 0.1s ease-in-out;box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color);padding-right:var(--plasma-textarea-border-size,1px);}.bofyi4a:focus-within:not([readonly]) .textarea-wrapper{background-color:var(--plasma-textarea-input-background-color-focus);box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-focus);}.bofyi4a:focus-within:not([readonly]) .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-focus);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-hover);background-color:var(--plasma-textarea-input-background-color-hover);}.bofyi4a:hover:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper{box-shadow:inset 0 0 0 var(--plasma-textarea-border-size,1px) var(--plasma-textarea-input-border-color-active);background-color:var(--plasma-textarea-input-background-color-active);}.bofyi4a:active:not(.textarea-clear):not([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-active);}

package/es/components/TextField/TextField.js

@@ -9,14 +9,19 @@ import { base as base$3 } from './variations/_clear/base.js';
 import { base as base$4 } from './variations/_disabled/base.js';
 import { base as base$5 } from './variations/_read-only/base.js';
 import { base as base$6 } from './variations/_label-placement/base.js';
-import { Label, StyledIndicator, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, InputContainer, Input, InputPlaceholder, StyledTextAfter, StyledContentRight, LeftHelper, StyledOptionalText } from './TextField.styles.js';
+import { base as base$7 } from './variations/_hint-view/base.js';
+import { base as base$8 } from './variations/_hint-size/base.js';
+import { OuterLabelWrapper, StyledIndicatorWrapper, Label, StyledHintWrapper, StyledIndicator, TitleCaption, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, InputContainer, Input, InputPlaceholder, StyledTextAfter, StyledContentRight, LeftHelper, StyledOptionalText } from './TextField.styles.js';
 import { classes } from './TextField.tokens.js';
-import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
+import { HintComponent } from './ui/Hint/Hint.js';
+import { useOutsideClick } from '../../hooks/useOutsideClick.js';
 import { useKeyNavigation } from './hooks/useKeyNavigation.js';
+import { TextFieldChip } from './ui/TextFieldChip/TextFieldChip.js';
 
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hintTrigger", "hintText", "hintView", "hintSize", "hintTargetIcon", "hintPlacement", "hintHasArrow", "hintOffset", "hintWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "clear", "optional", "hasDivider", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 var optionalText = 'optional';
 var base = "bpunezx";
+var HINT_DEFAULT_OFFSET = [0, 0];
 var textFieldRoot = function textFieldRoot(Root) {
   return /*#__PURE__*/forwardRef(function (_ref, ref) {
     var _inputRef$current, _inputRef$current3;
@@ -35,6 +40,22 @@ var textFieldRoot = function textFieldRoot(Root) {
       enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
       _ref$requiredPlacemen = _ref.requiredPlacement,
       requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
+      titleCaption = _ref.titleCaption,
+      _ref$hintTrigger = _ref.hintTrigger,
+      hintTrigger = _ref$hintTrigger === void 0 ? 'hover' : _ref$hintTrigger,
+      hintText = _ref.hintText,
+      _ref$hintView = _ref.hintView,
+      hintView = _ref$hintView === void 0 ? 'default' : _ref$hintView,
+      _ref$hintSize = _ref.hintSize,
+      hintSize = _ref$hintSize === void 0 ? 'm' : _ref$hintSize,
+      hintTargetIcon = _ref.hintTargetIcon,
+      _ref$hintPlacement = _ref.hintPlacement,
+      hintPlacement = _ref$hintPlacement === void 0 ? 'auto' : _ref$hintPlacement,
+      hintHasArrow = _ref.hintHasArrow,
+      _ref$hintOffset = _ref.hintOffset,
+      hintOffset = _ref$hintOffset === void 0 ? HINT_DEFAULT_OFFSET : _ref$hintOffset,
+      hintWidth = _ref.hintWidth,
+      hintContentLeft = _ref.hintContentLeft,
       view = _ref.view,
       size = _ref.size,
       _ref$readOnly = _ref.readOnly,
@@ -71,6 +92,10 @@ var textFieldRoot = function textFieldRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       chips = _useState4[0],
       setChips = _useState4[1];
+    var _useState5 = useState(false),
+      _useState6 = _slicedToArray(_useState5, 2),
+      isHintVisible = _useState6[0],
+      setIsHintVisible = _useState6[1];
     var uniqId = safeUseId();
     var innerId = id || uniqId;
     var labelId = safeUseId();
@@ -89,14 +114,38 @@ var textFieldRoot = function textFieldRoot(Root) {
     var placeholderShown = Boolean(innerPlaceholderValue) && !hasValue;
     var clearClass = clear ? classes.clear : undefined;
     var hasDividerClass = hasDivider ? classes.hasDivider : undefined;
-    var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
+    var hasHintClass = hintText ? classes.hasHint : undefined;
+    var requiredPlacementClass = requiredPlacement === 'right' ? classes.requiredAlignRight : undefined;
     var labelPlacementClass = innerLabelPlacementValue ? classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
     var hasValueClass = hasValue ? classes.hasValue : undefined;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
+    var hintRef = useOutsideClick(function () {
+      setIsHintVisible(false);
+    });
+    var hintInnerRef = useRef(null);
+    var hintForkRef = useForkRef(hintRef, hintInnerRef);
     var handleInput = function handleInput(event) {
       setHasValue(Boolean(event.target.value));
     };
+    var handleHintShow = function handleHintShow() {
+      return setIsHintVisible(true);
+    };
+    var handleHintHide = function handleHintHide() {
+      return setIsHintVisible(false);
+    };
+    var handleHintClick = function handleHintClick(event) {
+      var _hintInnerRef$current;
+      if (!hintText || hintTrigger !== 'click') {
+        return;
+      }
+      event.stopPropagation();
+      var targetIsPopover = event.target === hintInnerRef.current;
+      var rootHasTarget = (_hintInnerRef$current = hintInnerRef.current) === null || _hintInnerRef$current === void 0 ? void 0 : _hintInnerRef$current.contains(event.target);
+      if (!targetIsPopover && !rootHasTarget) {
+        setIsHintVisible(true);
+      }
+    };
     var handleChange = function handleChange(event) {
       if (disabled || readOnly) {
         return;
@@ -175,7 +224,7 @@ var textFieldRoot = function textFieldRoot(Root) {
     var innerOptional = Boolean(required ? false : optional);
     var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
     var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React.createElement(Root, _extends({
       view: view,
       size: size,
       disabled: disabled,
@@ -183,21 +232,56 @@ var textFieldRoot = function textFieldRoot(Root) {
       clear: clear,
       labelPlacement: innerLabelPlacementValue,
       onClick: handleInputFocus,
-      className: cx(labelPlacementClass, clearClass, hasDividerClass, classes.textFieldGroupItem, className),
+      className: cx(labelPlacementClass, clearClass, hasDividerClass, hasHintClass, classes.textFieldGroupItem, className),
       style: style
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(Label, {
+    }, hintText && {
+      hintView: hintView,
+      hintSize: hintSize
+    }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(OuterLabelWrapper, {
+      isInnnerLabel: labelPlacement === 'inner'
+    }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: id
-    }, required && /*#__PURE__*/React.createElement(StyledIndicator, {
-      className: cx(classes.outerLabelPlacement, requiredPlacementClass)
-    }), innerLabelValue, optionalTextNode), /*#__PURE__*/React.createElement(InputWrapper
+    }, innerLabelValue), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, null, /*#__PURE__*/React.createElement(HintComponent, {
+      ref: hintForkRef,
+      hintText: hintText,
+      hintTrigger: hintTrigger,
+      isHintVisible: isHintVisible,
+      hintTargetIcon: hintTargetIcon,
+      hintPlacement: hintPlacement,
+      hintHasArrow: hintHasArrow,
+      hintOffset: hintOffset,
+      hintWidth: hintWidth,
+      hintContentLeft: hintContentLeft,
+      handleHintShow: handleHintShow,
+      handleHintHide: handleHintHide,
+      handleHintClick: handleHintClick
+    })), required && /*#__PURE__*/React.createElement(StyledIndicator, {
+      className: cx(classes.outerLabelPlacement, requiredPlacementClass, hasHintClass)
+    }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
     // Ref для внутреннего использования. Не отдается наружу.
     , {
       ref: rest.inputWrapperRef,
       className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
+    }, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
       className: cx(classes.innerLabelPlacement, requiredPlacementClass)
-    }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
+    }), hintText && /*#__PURE__*/React.createElement(StyledHintWrapper, {
+      className: classes.innerLabelPlacement
+    }, /*#__PURE__*/React.createElement(HintComponent, {
+      ref: hintForkRef,
+      hintText: hintText,
+      hintTrigger: hintTrigger,
+      isHintVisible: isHintVisible,
+      hintTargetIcon: hintTargetIcon,
+      hintPlacement: hintPlacement,
+      hintHasArrow: hintHasArrow,
+      hintOffset: hintOffset,
+      hintWidth: hintWidth,
+      hintContentLeft: hintContentLeft,
+      handleHintShow: handleHintShow,
+      handleHintHide: handleHintHide,
+      handleHintClick: handleHintClick
+    }))), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
       isClear: clear,
       isDefaultView: isDefaultView
     }, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
@@ -273,6 +357,12 @@ var textFieldConfig = {
     },
     labelPlacement: {
       css: base$6
+    },
+    hintView: {
+      css: base$7
+    },
+    hintSize: {
+      css: base$8
     }
   },
   defaults: {