npm - @salutejs/plasma-new-hope - Versions diffs - 0.156.0-canary.1459.11057629608.0 → 0.156.0-canary.1461.11068657609.0 - Mend

@salutejs/plasma-new-hope 0.156.0-canary.1459.11057629608.0 → 0.156.0-canary.1461.11068657609.0

Files changed (380) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\nimport { tooltipConfig } from '../Tooltip';\nimport { component, mergeConfig } from '../../engines';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nconst mergedConfig = mergeConfig(tooltipConfig);\nconst Tooltip = component(mergedConfig);\n\nexport const Hint = styled(Tooltip)``;\n\nexport const OuterLabelWrapper = styled.div<{ isInnnerLabel: boolean }>`\n display: flex;\n align-items: center;\n\n margin-bottom: ${({ isInnnerLabel }) =>\n isInnnerLabel ? `var(${tokens.titleCaptionInnerLabelOffset})` : `var(${tokens.labelMarginBottom})`};\n`;\n\nexport const StyledLabel = styled.div`\n position: relative;\n display: inline-flex;\n\n color: var(${tokens.labelOuterColor}, var(${tokens.inputColor}));\n font-family: var(${tokens.labelOuterFontFamily}, var(${tokens.inputFontFamily}));\n font-size: var(${tokens.labelOuterFontSize}, var(${tokens.inputFontSize}));\n font-style: var(${tokens.labelOuterFontStyle}, var(${tokens.inputFontStyle}));\n font-weight: var(${tokens.labelOuterFontWeight}, var(${tokens.inputFontWeight}));\n letter-spacing: var(${tokens.labelOuterLetterSpacing}, var(${tokens.inputLetterSpacing}));\n line-height: var(${tokens.labelOuterLineHeight}, var(${tokens.inputLineHeight}));\n`;\n\nexport const TitleCaption = styled.div`\n display: inline-block;\n margin-left: auto;\n\n font-family: var(${tokens.titleCaptionFontFamily});\n font-size: var(${tokens.titleCaptionFontSize});\n font-style: var(${tokens.titleCaptionFontStyle});\n font-weight: var(${tokens.titleCaptionFontWeight});\n letter-spacing: var(${tokens.titleCaptionLetterSpacing});\n line-height: var(${tokens.titleCaptionLineHeight});\n`;\n\nexport const StyledIndicatorWrapper = styled.div`\n position: relative;\n display: inline-flex;\n align-items: center;\n`;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledHintWrapper = styled.div`\n display: inline-block;\n line-height: 0;\n margin: var(${tokens.hintMargin});\n\n &.${classes.innerLabelPlacement} {\n position: absolute;\n margin: 0;\n top: 0;\n right: var(${tokens.hintInnerLabelPlacementOffset});\n }\n`;\n\nexport const HintTargetWrapper = styled.div`\n color: var(${tokens.hintIconColor});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n hasHelper: boolean;\n}>`\n background-color: var(${tokens.inputBackgroundColor});\n\n padding-top: var(${tokens.inputPaddingTop});\n padding-bottom: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n border-radius: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n display: flex;\n align-items: center;\n bottom: 0;\n z-index: 1;\n\n color: var(${tokens.rightContentColor}, var(${tokens.inputColor}));\n\n top: var(${tokens.rightContentTop});\n right: var(${tokens.rightContentRight});\n\n height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n display: inline-flex;\n flex-direction: column;\n\n width: ${({ width }) => width};\n\n position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n hasHelper: boolean;\n hasContentRight: boolean;\n applyCustomWidth: boolean;\n width?: string \| number;\n height?: string \| number;\n resize?: string;\n}>`\n display: block;\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none; /* для отображение рамок на iOS /\n background-color: transparent;\n\n color: var(${tokens.inputColor});\n caret-color: var(${tokens.inputCaretColor});\n\n resize: ${({ resize }) => resize \|\| 'none'};\n\n --plasma_private-textarea-height: ${({ height }) =>\n !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height \|\| `var(${tokens.inputHeight})`};\n\n --plasma_private-textarea-width: ${({ width }) =>\n !Number.isNaN(Number(width)) ? `${width}rem` : width \|\| `var(${tokens.inputWidth})`};\n\n --plasma_private-textarea-computed-height: ${({ rows }) =>\n rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n --plasma_private-textarea-computed-width: ${({ cols }) =>\n cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n height: var(--plasma_private-textarea-computed-height);\n width: var(--plasma_private-textarea-computed-width);\n\n min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n min-height: var(${tokens.inputMinHeight});\n\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n padding-left: var(${tokens.inputPaddingLeft});\n padding-top: 0;\n padding-bottom: 0;\n\n / INFO: Высчитываем высоту блока с подсказками */\n --plasma_private-textarea-helpers-computed-height: calc(\n var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n );\n\n --plasma_private-textarea-input-with-helpers-height: calc(\n var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n var(${tokens.helpersOffset})\n );\n --plasma_private-textarea-input-without-helpers-height: calc(\n var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n );\n\n --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n hasHelper && !rows\n ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n height: var(--plasma_private-textarea-input-actual-height);\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n\n &::placeholder {\n opacity: 0;\n }\n\n &:read-only {\n cursor: default;\n }\n\n &:focus:not(:disabled) {\n color: var(${tokens.inputColorFocus});\n }\n`;\n\nexport const StyledHelpers = styled.div`\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n\n transition: background-color 0.1s ease-in-out;\n\n background-color: var(${tokens.helpersBackgroundColor});\n\n padding-top: var(${tokens.helpersPaddingTop});\n padding-right: var(${tokens.helpersPaddingRight});\n padding-bottom: var(${tokens.helpersPaddingBottom});\n padding-left: var(${tokens.helpersPaddingLeft});\n\n border-bottom-left-radius: var(${tokens.borderRadius});\n border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n ${applyEllipsis()};\n\n display: block;\n\n font-family: var(${tokens.helpersFontFamily});\n font-size: var(${tokens.helpersFontSize});\n font-style: var(${tokens.helpersFontStyle});\n font-weight: var(${tokens.helpersFontWeight});\n letter-spacing: var(${tokens.helpersLetterSpacing});\n line-height: var(${tokens.helpersLineHeight});\n\n color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n color: var(${tokens.rightHelperColor});\n margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n hasContentRight: boolean;\n}>`\n box-sizing: border-box;\n position: absolute;\n pointer-events: none;\n display: inline-flex;\n align-items: center;\n\n transition: all 0.1s ease-in-out;\n transform-origin: top left;\n\n color: var(${tokens.placeholderColor});\n\n width: 100%;\n height: auto;\n\n top: var(${tokens.inputPaddingTop});\n padding-left: var(${tokens.inputPaddingLeft});\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["mergedConfig","mergeConfig","tooltipConfig","Tooltip","component","_exp","Hint","styled","name","class","propsAsIs","_exp2","_ref","isInnnerLabel","concat","tokens","titleCaptionInnerLabelOffset","labelMarginBottom","OuterLabelWrapper","vars","StyledLabel","TitleCaption","StyledIndicatorWrapper","StyledOptionalText","StyledHintWrapper","HintTargetWrapper","_exp30","_ref2","hasHelper","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp31","_ref3","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","StyledContent","_exp37","_ref4","width","StyledContainer","_exp40","_ref5","resize","_exp41","_ref6","height","Number","isNaN","inputHeight","_exp42","_ref7","inputWidth","_exp43","_ref8","rows","_exp44","_ref9","cols","_exp46","_ref10","applyCustomWidth","_exp48","_ref11","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp55","_ref12","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp78","StyledRightHelper","_exp83","_ref13","StyledPlaceholder","StyledIndicator"],"mappings":"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"}
1	+ {"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n position: relative;\n display: inline-flex;\n margin-bottom: var(${tokens.labelMarginBottom});\n\n color: var(${tokens.labelOuterColor}, var(${tokens.inputColor}));\n font-family: var(${tokens.labelOuterFontFamily}, var(${tokens.inputFontFamily}));\n font-size: var(${tokens.labelOuterFontSize}, var(${tokens.inputFontSize}));\n font-style: var(${tokens.labelOuterFontStyle}, var(${tokens.inputFontStyle}));\n font-weight: var(${tokens.labelOuterFontWeight}, var(${tokens.inputFontWeight}));\n letter-spacing: var(${tokens.labelOuterLetterSpacing}, var(${tokens.inputLetterSpacing}));\n line-height: var(${tokens.labelOuterLineHeight}, var(${tokens.inputLineHeight}));\n`;\n\nexport const StyledOptionalText = styled.span`\n color: var(${tokens.optionalColor});\n`;\n\nexport const StyledTextAreaWrapper = styled.div<{\n hasHelper: boolean;\n}>`\n background-color: var(${tokens.inputBackgroundColor});\n\n padding-top: var(${tokens.inputPaddingTop});\n padding-bottom: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.inputPaddingBottomWithHelpers})` : `var(${tokens.inputPaddingBottom})`};\n\n border-radius: ${({ hasHelper }) =>\n hasHelper ? `var(${tokens.borderRadiusWithHelpers})` : `var(${tokens.borderRadius})`};\n`;\n\nexport const StyledContent = styled.div`\n position: absolute;\n display: flex;\n align-items: center;\n bottom: 0;\n z-index: 1;\n\n color: var(${tokens.rightContentColor}, var(${tokens.inputColor}));\n\n top: var(${tokens.rightContentTop});\n right: var(${tokens.rightContentRight});\n\n height: var(${tokens.rightContentHeight});\n`;\n\nexport const StyledContainer = styled.div<{ width: string }>`\n display: inline-flex;\n flex-direction: column;\n\n width: ${({ width }) => width};\n\n position: relative;\n`;\n\nexport const StyledTextArea = styled.textarea<{\n hasHelper: boolean;\n hasContentRight: boolean;\n applyCustomWidth: boolean;\n width?: string \| number;\n height?: string \| number;\n resize?: string;\n}>`\n display: block;\n box-sizing: border-box;\n outline: none;\n border: none;\n -webkit-appearance: none; /* для отображение рамок на iOS /\n background-color: transparent;\n\n color: var(${tokens.inputColor});\n caret-color: var(${tokens.inputCaretColor});\n\n resize: ${({ resize }) => resize \|\| 'none'};\n\n --plasma_private-textarea-height: ${({ height }) =>\n !Number.isNaN(Number(height)) ? `calc(${height}rem - 0.875rem)` : height \|\| `var(${tokens.inputHeight})`};\n\n --plasma_private-textarea-width: ${({ width }) =>\n !Number.isNaN(Number(width)) ? `${width}rem` : width \|\| `var(${tokens.inputWidth})`};\n\n --plasma_private-textarea-computed-height: ${({ rows }) =>\n rows ? 'unset' : 'var(--plasma_private-textarea-height)'};\n --plasma_private-textarea-computed-width: ${({ cols }) =>\n cols ? 'unset' : 'var(--plasma_private-textarea-width)'};\n\n height: var(--plasma_private-textarea-computed-height);\n width: var(--plasma_private-textarea-computed-width);\n\n min-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n max-width: ${({ applyCustomWidth }) => (applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto')};\n\n min-height: var(${tokens.inputMinHeight});\n\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n padding-left: var(${tokens.inputPaddingLeft});\n padding-top: 0;\n padding-bottom: 0;\n\n / INFO: Высчитываем высоту блока с подсказками */\n --plasma_private-textarea-helpers-computed-height: calc(\n var(${tokens.helpersPaddingTop}) + var(${tokens.helpersPaddingBottom}) + var(${tokens.helpersLineHeight})\n );\n\n --plasma_private-textarea-input-with-helpers-height: calc(\n var(--plasma_private-textarea-height) - var(--plasma_private-textarea-helpers-computed-height) +\n var(${tokens.helpersOffset})\n );\n --plasma_private-textarea-input-without-helpers-height: calc(\n var(--plasma_private-textarea-computed-height) - var(${tokens.inputPaddingBottom})\n );\n\n --plasma_private-textarea-input-actual-height: ${({ hasHelper, rows }) =>\n hasHelper && !rows\n ? 'var(--plasma_private-textarea-input-with-helpers-height)'\n : 'var(--plasma_private-textarea-input-without-helpers-height)'};\n\n height: var(--plasma_private-textarea-input-actual-height);\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n\n &::placeholder {\n opacity: 0;\n }\n\n &:read-only {\n cursor: default;\n }\n\n &:focus:not(:disabled) {\n color: var(${tokens.inputColorFocus});\n }\n`;\n\nexport const StyledHelpers = styled.div`\n box-sizing: border-box;\n display: flex;\n justify-content: space-between;\n\n transition: background-color 0.1s ease-in-out;\n\n background-color: var(${tokens.helpersBackgroundColor});\n\n padding-top: var(${tokens.helpersPaddingTop});\n padding-right: var(${tokens.helpersPaddingRight});\n padding-bottom: var(${tokens.helpersPaddingBottom});\n padding-left: var(${tokens.helpersPaddingLeft});\n\n border-bottom-left-radius: var(${tokens.borderRadius});\n border-bottom-right-radius: var(${tokens.borderRadius});\n`;\n\nexport const StyledLeftHelper = styled.span`\n ${applyEllipsis()};\n\n display: block;\n\n font-family: var(${tokens.helpersFontFamily});\n font-size: var(${tokens.helpersFontSize});\n font-style: var(${tokens.helpersFontStyle});\n font-weight: var(${tokens.helpersFontWeight});\n letter-spacing: var(${tokens.helpersLetterSpacing});\n line-height: var(${tokens.helpersLineHeight});\n\n color: var(${tokens.leftHelperColor});\n`;\n\nexport const StyledRightHelper = styled(StyledLeftHelper)`\n color: var(${tokens.rightHelperColor});\n margin-left: auto;\n`;\n\nexport const StyledPlaceholder = styled.label<{\n hasContentRight: boolean;\n}>`\n box-sizing: border-box;\n position: absolute;\n pointer-events: none;\n display: inline-flex;\n align-items: center;\n\n transition: all 0.1s ease-in-out;\n transform-origin: top left;\n\n color: var(${tokens.placeholderColor});\n\n width: 100%;\n height: auto;\n\n top: var(${tokens.inputPaddingTop});\n padding-left: var(${tokens.inputPaddingLeft});\n padding-right: ${({ hasContentRight }) =>\n hasContentRight ? `var(${tokens.inputPaddingRightWithRightContent})` : `var(${tokens.inputPaddingRight})`};\n\n font-family: var(${tokens.inputFontFamily});\n font-size: var(${tokens.inputFontSize});\n font-style: var(${tokens.inputFontStyle});\n font-weight: var(${tokens.inputFontWeight});\n letter-spacing: var(${tokens.inputLetterSpacing});\n line-height: var(${tokens.inputLineHeight});\n`;\n\nexport const StyledIndicator = styled.div`\n position: absolute;\n border-radius: 50%;\n\n background-color: var(${tokens.indicatorColor});\n\n &.${classes.outerLabelPlacement} {\n width: var(${tokens.indicatorSizeOuter});\n height: var(${tokens.indicatorSizeOuter});\n inset: var(${tokens.indicatorLabelPlacementOuter});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementOuterRight});\n }\n }\n\n &.${classes.innerLabelPlacement} {\n width: var(${tokens.indicatorSizeInner});\n height: var(${tokens.indicatorSizeInner});\n inset: var(${tokens.indicatorLabelPlacementInner});\n\n &.align-right {\n inset: var(${tokens.indicatorLabelPlacementInnerRight});\n }\n }\n`;\n"],"names":["StyledLabel","styled","name","class","propsAsIs","StyledOptionalText","_exp19","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp20","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp26","_ref3","width","StyledContainer","_exp29","_ref4","resize","_exp30","_ref5","height","Number","isNaN","inputHeight","_exp31","_ref6","inputWidth","_exp32","_ref7","rows","_exp33","_ref8","cols","_exp35","_ref9","applyCustomWidth","_exp37","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp44","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp67","StyledRightHelper","_exp72","_ref12","StyledPlaceholder","StyledIndicator"],"mappings":"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"}

package/es/components/TextArea/TextArea.styles_1kzzs11.css ADDED Viewed

@@ -0,0 +1,11 @@
+.s1luq7vd{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:var(--plasma-textarea-label-margin-bottom);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));}
+.s1r1fvk8{color:var(--plasma-textarea__optional-color);}
+.surmvwq{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--surmvwq-0);border-radius:var(--surmvwq-1);}
+.s18bd513{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);}
+.s7alcr2{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(--s7alcr2-0);position:relative;}
+.si9oz50{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(--si9oz50-0);--plasma_private-textarea-height:var(--si9oz50-1);--plasma_private-textarea-width:var(--si9oz50-2);--plasma_private-textarea-computed-height:var(--si9oz50-3);--plasma_private-textarea-computed-width:var(--si9oz50-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--si9oz50-5);max-width:var(--si9oz50-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--si9oz50-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(--si9oz50-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);}.si9oz50::-webkit-input-placeholder{opacity:0;}.si9oz50::-moz-placeholder{opacity:0;}.si9oz50:-ms-input-placeholder{opacity:0;}.si9oz50::placeholder{opacity:0;}.si9oz50:-moz-read-only{cursor:default;}.si9oz50:read-only{cursor:default;}.si9oz50:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
+.s18tpn65{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);}
+.s19sfsrt{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);}
+.sfype23.s19sfsrt{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
+.s3wsw3p{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(--s3wsw3p-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);}
+.stc5t23{position:absolute;border-radius:50%;background-color:var(--plasma-textarea-indicator-color);}.stc5t23.label-placement-outer{width:var(--plasma-textarea-indicator-size-outer);height:var(--plasma-textarea-indicator-size-outer);inset:var(--plasma-textarea-indicator-placement-outer);}.stc5t23.label-placement-outer.align-right{inset:var(--plasma-textarea-indicator-placement-outer-right);}.stc5t23.label-placement-inner{width:var(--plasma-textarea-indicator-size-inner);height:var(--plasma-textarea-indicator-size-inner);inset:var(--plasma-textarea-indicator-placement-inner);}.stc5t23.label-placement-inner.align-right{inset:var(--plasma-textarea-indicator-placement-inner-right);}

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

@@ -172,42 +172,7 @@ var tokens = {
   indicatorLabelPlacementInner: '--plasma-textarea-indicator-placement-inner',
   indicatorLabelPlacementOuter: '--plasma-textarea-indicator-placement-outer',
   indicatorLabelPlacementInnerRight: '--plasma-textarea-indicator-placement-inner-right',
-  indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right',
-  titleCaptionColor: '--plasma-textarea__title-caption-color',
-  titleCaptionColorReadOnly: '--plasma-textarea__title-caption-color-readonly',
-  titleCaptionInnerLabelOffset: '--plasma-textarea__title-caption-label-inner-offset',
-  titleCaptionFontFamily: '--plasma-textarea__title-caption-font-family',
-  titleCaptionFontStyle: '--plasma-textarea__title-caption-font-style',
-  titleCaptionFontSize: '--plasma-textarea__title-caption-font-size',
-  titleCaptionFontWeight: '--plasma-textarea__title-caption-font-weight',
-  titleCaptionLetterSpacing: '--plasma-textarea__title-caption-letter-spacing',
-  titleCaptionLineHeight: '--plasma-textarea__title-caption-line-height',
-  /** Токены для tooltip */
-  hintMargin: '--plasma-textarea__hint-margin',
-  hintIconColor: '--plasma-textarea__hint-icon-color',
-  hintInnerLabelPlacementOffset: '--plasma-textarea__hint-inner-label-placement-offset',
-  tooltipBackgroundColor: '--plasma-textarea__tooltip-background-color',
-  tooltipBoxShadow: '--plasma-textarea__tooltip-box-shadow',
-  tooltipColor: '--plasma-textarea__tooltip-color',
-  tooltipPaddingTop: '--plasma-textarea__tooltip-padding-top',
-  tooltipPaddingRight: '--plasma-textarea__tooltip-padding-right',
-  tooltipPaddingBottom: '--plasma-textarea__tooltip-padding-bottom',
-  tooltipPaddingLeft: '--plasma-textarea__tooltip-padding-left',
-  tooltipMinHeight: '--plasma-textarea__tooltip-min-height',
-  tooltipBorderRadius: '--plasma-textarea__tooltip-border-radius',
-  tooltipTextFontFamily: '--plasma-textarea__tooltip-text-font-family',
-  tooltipTextFontSize: '--plasma-textarea__tooltip-text-font-size',
-  tooltipTextFontStyle: '--plasma-textarea__tooltip-text-font-style',
-  tooltipTextFontWeight: '--plasma-textarea__tooltip-text-font-weight',
-  tooltipTextFontLetterSpacing: '--plasma-textarea__tooltip-text-font-letter-spacing',
-  tooltipTextFontLineHeight: '--plasma-textarea__tooltip-text-font-line-height',
-  tooltipContentLeftMargin: '--plasma-textarea__tooltip-content-left-margin',
-  tooltipArrowMaskWidth: '--plasma-textarea__tooltip-arrow-mask-width',
-  tooltipArrowMaskHeight: '--plasma-textarea__tooltip-arrow-mask-height',
-  tooltipArrowMaskImage: '--plasma-textarea__tooltip-arrow-mask-image',
-  tooltipArrowHeight: '--plasma-textarea__tooltip-arrow-height',
-  tooltipArrowEdgeMargin: '--plasma-textarea__tooltip-arrow-edge-margin',
-  tooltipArrowBackground: '--plasma-textarea__tooltip-arrow-background'
+  indicatorLabelPlacementOuterRight: '--plasma-textarea-indicator-placement-outer-right'
 };
 export { classes, tokens };

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

	@@ -1 +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};\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 /* Цвет текста для элемента 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 /* Цвет элемента placeholder в состоянии focus /\n placeholderColorFocus: '--plasma-textarea-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 /* Отступ снизу для элемента 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 /* Отступ справа для блока подписей /\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 /* Шрифт для элемента 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\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 hintIconColor: '--plasma-textarea__hint-icon-color',\n hintInnerLabelPlacementOffset: '--plasma-textarea__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","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","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","titleCaptionColor","titleCaptionColorReadOnly","titleCaptionInnerLabelOffset","titleCaptionFontFamily","titleCaptionFontStyle","titleCaptionFontSize","titleCaptionFontWeight","titleCaptionLetterSpacing","titleCaptionLineHeight","hintMargin","hintIconColor","hintInnerLabelPlacementOffset","tooltipBackgroundColor","tooltipBoxShadow","tooltipColor","tooltipPaddingTop","tooltipPaddingRight","tooltipPaddingBottom","tooltipPaddingLeft","tooltipMinHeight","tooltipBorderRadius","tooltipTextFontFamily","tooltipTextFontSize","tooltipTextFontStyle","tooltipTextFontWeight","tooltipTextFontLetterSpacing","tooltipTextFontLineHeight","tooltipContentLeftMargin","tooltipArrowMaskWidth","tooltipArrowMaskHeight","tooltipArrowMaskImage","tooltipArrowHeight","tooltipArrowEdgeMargin","tooltipArrowBackground"],"mappings":"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"}
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};\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 /* Цвет текста для элемента 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 /* Цвет элемента placeholder в состоянии focus /\n placeholderColorFocus: '--plasma-textarea-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 /* Отступ снизу для элемента 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 /* Отступ справа для блока подписей /\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 /* Шрифт для элемента 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};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","innerLabelPlacement","outerLabelPlacement","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","optionalColor","leftHelperColor","rightHelperColor","borderColor","borderColorHover","borderColorFocus","inputWidth","inputHeight","inputMinHeight","borderSize","borderRadius","borderRadiusWithHelpers","inputPaddingTop","inputPaddingRight","inputPaddingRightWithRightContent","inputPaddingBottom","inputPaddingBottomWithHelpers","inputPaddingLeft","helpersPaddingTop","helpersPaddingRight","helpersPaddingBottom","helpersPaddingLeft","helpersOffset","rightContentTop","rightContentRight","rightContentHeight","labelOuterColor","labelOuterFontFamily","labelOuterFontSize","labelOuterFontStyle","labelOuterFontWeight","labelOuterLetterSpacing","labelOuterLineHeight","labelMarginBottom","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"],"mappings":"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"}

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

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

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

	@@ -1 +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';\~~nimport { TitleCaption } from '../../TextArea.styles';\~~n\nconst { styledContainer, styledTextAreaWrapper, styledHelpers } = classes;\n\nconst exclusionSelectors = '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\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,~~GAkDhB~~;;;;"}
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([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\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,GA8ChB;;;;"}

package/es/components/TextArea/variations/_view/base_8npjyq.css ADDED Viewed

@@ -0,0 +1 @@

+ .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);}.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([disabled]):not([readonly]):not(:focus-within) .textarea-container{border:var(--plasma-textarea-border-size) solid var(--plasma-textarea-border-color-hover);}.bofyi4a:hover: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([disabled]):not([readonly]):not(:focus-within) .textarea-wrapper + .textarea-helpers{background-color:var(--plasma-textarea-helpers-background-color-hover);}.bofyi4a:active: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([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 CHANGED Viewed

@@ -3,23 +3,17 @@ import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _
 import React, { forwardRef, useRef, useState, useEffect } from 'react';
 import { useForkRef, safeUseId } from '@salutejs/plasma-core';
 import { cx } from '../../utils/index.js';
-import '@linaria/react';
-import { IconInfoCircleOutline } from '../_Icon/Icons/IconInfoCircleOutline.js';
-import { useOutsideClick } from '../../hooks/useOutsideClick.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$3 } from './variations/_disabled/base.js';
 import { base as base$4 } from './variations/_read-only/base.js';
 import { base as base$5 } from './variations/_label-placement/base.js';
-import { base as base$6 } from './variations/_hint-view/base.js';
-import { base as base$7 } from './variations/_hint-size/base.js';
-import { OuterLabelWrapper, StyledIndicatorWrapper, Label, StyledHintWrapper, Hint, HintTargetWrapper, StyledIndicator, TitleCaption, InputWrapper, StyledContentLeft, InputLabelWrapper, StyledTextBefore, StyledChips, InputContainer, Input, InputPlaceholder, StyledTextAfter, StyledContentRight, LeftHelper, StyledOptionalText } from './TextField.styles.js';
+import { Label, StyledIndicator, 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 { useKeyNavigation } from './hooks/useKeyNavigation.js';
-var _IconInfoCircleOutlin, _IconInfoCircleOutlin2;
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "titleCaption", "hasHint", "hintTrigger", "hintText", "hintView", "hintSize", "hintTarget", "hintPlacement", "hintHasArrow", "hintOffset", "hintMinWidth", "hintMaxWidth", "hintContentLeft", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "value", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 var optionalText = 'optional';
 var base = "bpunezx";
 var textFieldRoot = function textFieldRoot(Root) {
@@ -40,23 +34,6 @@ 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,
-      hasHint = _ref.hasHint,
-      _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,
-      hintTarget = _ref.hintTarget,
-      _ref$hintPlacement = _ref.hintPlacement,
-      hintPlacement = _ref$hintPlacement === void 0 ? 'auto' : _ref$hintPlacement,
-      hintHasArrow = _ref.hintHasArrow,
-      hintOffset = _ref.hintOffset,
-      hintMinWidth = _ref.hintMinWidth,
-      hintMaxWidth = _ref.hintMaxWidth,
-      hintContentLeft = _ref.hintContentLeft,
       view = _ref.view,
       size = _ref.size,
       _ref$readOnly = _ref.readOnly,
@@ -90,15 +67,10 @@ var textFieldRoot = function textFieldRoot(Root) {
       _useState4 = _slicedToArray(_useState3, 2),
       chips = _useState4[0],
       setChips = _useState4[1];
-    var _useState5 = useState(false),
-      _useState6 = _slicedToArray(_useState5, 2),
-      showHint = _useState6[0],
-      setShowHint = _useState6[1];
     var uniqId = safeUseId();
     var innerId = id || uniqId;
     var labelId = safeUseId();
     var helperTextId = safeUseId();
-    var hintId = safeUseId();
     var isChipEnumeration = enumerationType === 'chip';
     var isChipsVisible = isChipEnumeration && Boolean(chips === null || chips === void 0 ? void 0 : chips.length);
     var withHasChips = isChipsVisible ? classes.hasChips : undefined;
@@ -115,31 +87,9 @@ var textFieldRoot = function textFieldRoot(Root) {
     var hasValueClass = hasValue ? classes.hasValue : undefined;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? classes.hasEmptyContentRight : undefined;
-    var hintRef = useOutsideClick(function () {
-      setShowHint(false);
-    });
-    var hintInnerRef = useRef(null);
-    var hintForkRef = useForkRef(hintRef, hintInnerRef);
     var handleInput = function handleInput(event) {
       setHasValue(Boolean(event.target.value));
     };
-    var handleShowHint = function handleShowHint() {
-      return setShowHint(true);
-    };
-    var handleHideHint = function handleHideHint() {
-      return setShowHint(false);
-    };
-    var handleClickHint = function handleClickHint(event) {
-      if (hasHint && hintTrigger === 'click') {
-        var _hintInnerRef$current;
-        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) {
-          setShowHint(true);
-        }
-      }
-    };
     var handleChange = function handleChange(event) {
       if (disabled || readOnly) {
         return;
@@ -218,7 +168,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, _extends({
+    return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
       disabled: disabled,
@@ -227,70 +177,19 @@ var textFieldRoot = function textFieldRoot(Root) {
       onClick: handleInputFocus,
       className: cx(labelPlacementClass, classes.textFieldGroupItem, className),
       style: style
-    }, hasHint && {
-      hintView: hintView,
-      hintSize: hintSize
-    }), (hasOuterLabel || titleCaption) && /*#__PURE__*/React.createElement(OuterLabelWrapper, {
-      isInnnerLabel: labelPlacement === 'inner'
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(StyledIndicatorWrapper, null, /*#__PURE__*/React.createElement(Label, {
+    }, hasOuterLabel && /*#__PURE__*/React.createElement(Label, {
       id: labelId,
       htmlFor: id
-    }, innerLabelValue), hasHint && /*#__PURE__*/React.createElement(StyledHintWrapper, null, /*#__PURE__*/React.createElement(Hint, {
-      text: String(hintText),
-      opened: showHint,
-      target: hintTarget || /*#__PURE__*/React.createElement(HintTargetWrapper, _extends({
-        id: hintId
-      }, hintTrigger === 'hover' ? {
-        onMouseEnter: handleShowHint,
-        onMouseLeave: handleHideHint
-      } : {
-        onClick: handleClickHint
-      }), _IconInfoCircleOutlin || (_IconInfoCircleOutlin = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
-        size: "xs",
-        color: "inherit"
-      }))),
-      placement: hintPlacement,
-      hasArrow: hintHasArrow,
-      offset: hintOffset,
-      minWidth: hintMinWidth,
-      maxWidth: hintMaxWidth,
-      contentLeft: hintContentLeft,
-      frame: hintId,
-      ref: hintForkRef
-    })), required && /*#__PURE__*/React.createElement(StyledIndicator, {
+    }, required && /*#__PURE__*/React.createElement(StyledIndicator, {
       className: cx(classes.outerLabelPlacement, requiredPlacementClass)
-    }), optionalTextNode), titleCaption && /*#__PURE__*/React.createElement(TitleCaption, null, titleCaption)), /*#__PURE__*/React.createElement(InputWrapper
+    }), innerLabelValue, optionalTextNode), /*#__PURE__*/React.createElement(InputWrapper
     // Ref для внутреннего использования. Не отдается наружу.
     , {
       ref: rest.inputWrapperRef,
       className: cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, !hasOuterLabel && /*#__PURE__*/React.createElement(React.Fragment, null, required && /*#__PURE__*/React.createElement(StyledIndicator, {
+    }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(StyledIndicator, {
       className: cx(classes.innerLabelPlacement, requiredPlacementClass)
-    }), hasHint && /*#__PURE__*/React.createElement(StyledHintWrapper, {
-      className: classes.innerLabelPlacement
-    }, /*#__PURE__*/React.createElement(Hint, {
-      text: String(hintText),
-      opened: showHint,
-      target: hintTarget || /*#__PURE__*/React.createElement(HintTargetWrapper, _extends({
-        id: hintId
-      }, hintTrigger === 'hover' ? {
-        onMouseEnter: handleShowHint,
-        onMouseLeave: handleHideHint
-      } : {
-        onClick: handleClickHint
-      }), _IconInfoCircleOutlin2 || (_IconInfoCircleOutlin2 = /*#__PURE__*/React.createElement(IconInfoCircleOutline, {
-        size: "xs",
-        color: "inherit"
-      }))),
-      placement: hintPlacement,
-      hasArrow: hintHasArrow,
-      offset: hintOffset,
-      minWidth: hintMinWidth,
-      maxWidth: hintMaxWidth,
-      contentLeft: hintContentLeft,
-      frame: hintId,
-      ref: hintForkRef
-    }))), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
+    }), contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(InputLabelWrapper, {
       tabIndex: -1,
       ref: contentRef,
       onKeyDown: handleContentKeyDown,
@@ -359,12 +258,6 @@ var textFieldConfig = {
     },
     labelPlacement: {
       css: base$5
-    },
-    hintView: {
-      css: base$6
-    },
-    hintSize: {
-      css: base$7
     }
   },
   defaults: {