@salutejs/plasma-new-hope 0.139.0-canary.1352.10686935940.0 → 0.139.0-canary.1406.10687974550.0

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

@@ -1,4 +1,4 @@
-import './TextArea.styles_1fyj8ox.css';
+import './TextArea.styles_1bv40vw.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -11,18 +11,13 @@ var StyledLabel = /*#__PURE__*/react.styled('div')({
   "class": "s1luq7vd",
   propsAsIs: false
 });
-var StyledOptionalText = /*#__PURE__*/react.styled('span')({
-  name: "StyledOptionalText",
-  "class": "s1r1fvk8",
-  propsAsIs: false
-});
-var _exp11 = function _exp11() {
+var _exp10 = function _exp10() {
   return function (_ref) {
     var hasHelper = _ref.hasHelper;
     return hasHelper ? "var(".concat(TextArea_tokens.tokens.inputPaddingBottomWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingBottom, ")");
   };
 };
-var _exp12 = function _exp12() {
+var _exp11 = function _exp11() {
   return function (_ref2) {
     var hasHelper = _ref2.hasHelper;
     return hasHelper ? "var(".concat(TextArea_tokens.tokens.borderRadiusWithHelpers, ")") : "var(".concat(TextArea_tokens.tokens.borderRadius, ")");
@@ -30,19 +25,19 @@ var _exp12 = function _exp12() {
 };
 var StyledTextAreaWrapper = /*#__PURE__*/react.styled('div')({
   name: "StyledTextAreaWrapper",
-  "class": "surmvwq",
+  "class": "s1r1fvk8",
   propsAsIs: false,
   vars: {
-    "surmvwq-0": [/*#__PURE__*/_exp11()],
-    "surmvwq-1": [/*#__PURE__*/_exp12()]
+    "s1r1fvk8-0": [/*#__PURE__*/_exp10()],
+    "s1r1fvk8-1": [/*#__PURE__*/_exp11()]
   }
 });
 var StyledContent = /*#__PURE__*/react.styled('div')({
   name: "StyledContent",
-  "class": "s18bd513",
+  "class": "surmvwq",
   propsAsIs: false
 });
-var _exp16 = function _exp16() {
+var _exp15 = function _exp15() {
   return function (_ref3) {
     var width = _ref3.width;
     return width;
@@ -50,55 +45,55 @@ var _exp16 = function _exp16() {
 };
 var StyledContainer = /*#__PURE__*/react.styled('div')({
   name: "StyledContainer",
-  "class": "s7alcr2",
+  "class": "s18bd513",
   propsAsIs: false,
   vars: {
-    "s7alcr2-0": [/*#__PURE__*/_exp16()]
+    "s18bd513-0": [/*#__PURE__*/_exp15()]
   }
 });
-var _exp19 = function _exp19() {
+var _exp18 = function _exp18() {
   return function (_ref4) {
     var resize = _ref4.resize;
     return resize || 'none';
   };
 };
-var _exp20 = function _exp20() {
+var _exp19 = function _exp19() {
   return function (_ref5) {
     var height = _ref5.height;
     return !Number.isNaN(Number(height)) ? "calc(".concat(height, "rem - 0.875rem)") : height || "var(".concat(TextArea_tokens.tokens.inputHeight, ")");
   };
 };
-var _exp21 = function _exp21() {
+var _exp20 = function _exp20() {
   return function (_ref6) {
     var width = _ref6.width;
     return !Number.isNaN(Number(width)) ? "".concat(width, "rem") : width || "var(".concat(TextArea_tokens.tokens.inputWidth, ")");
   };
 };
-var _exp22 = function _exp22() {
+var _exp21 = function _exp21() {
   return function (_ref7) {
     var rows = _ref7.rows;
     return rows ? 'unset' : 'var(--plasma_private-textarea-height)';
   };
 };
-var _exp23 = function _exp23() {
+var _exp22 = function _exp22() {
   return function (_ref8) {
     var cols = _ref8.cols;
     return cols ? 'unset' : 'var(--plasma_private-textarea-width)';
   };
 };
-var _exp25 = function _exp25() {
+var _exp24 = function _exp24() {
   return function (_ref9) {
     var applyCustomWidth = _ref9.applyCustomWidth;
     return applyCustomWidth ? 'var(--plasma_private-textarea-width)' : 'auto';
   };
 };
-var _exp27 = function _exp27() {
+var _exp26 = function _exp26() {
   return function (_ref10) {
     var hasContentRight = _ref10.hasContentRight;
     return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
   };
 };
-var _exp34 = function _exp34() {
+var _exp33 = function _exp33() {
   return function (_ref11) {
     var hasHelper = _ref11.hasHelper,
       rows = _ref11.rows;
@@ -107,38 +102,38 @@ var _exp34 = function _exp34() {
 };
 var StyledTextArea = /*#__PURE__*/react.styled('textarea')({
   name: "StyledTextArea",
-  "class": "si9oz50",
+  "class": "s7alcr2",
   propsAsIs: false,
   vars: {
-    "si9oz50-0": [/*#__PURE__*/_exp19()],
-    "si9oz50-1": [/*#__PURE__*/_exp20()],
-    "si9oz50-2": [/*#__PURE__*/_exp21()],
-    "si9oz50-3": [/*#__PURE__*/_exp22()],
-    "si9oz50-4": [/*#__PURE__*/_exp23()],
-    "si9oz50-5": [/*#__PURE__*/_exp25()],
-    "si9oz50-6": [/*#__PURE__*/_exp27()],
-    "si9oz50-7": [/*#__PURE__*/_exp34()]
+    "s7alcr2-0": [/*#__PURE__*/_exp18()],
+    "s7alcr2-1": [/*#__PURE__*/_exp19()],
+    "s7alcr2-2": [/*#__PURE__*/_exp20()],
+    "s7alcr2-3": [/*#__PURE__*/_exp21()],
+    "s7alcr2-4": [/*#__PURE__*/_exp22()],
+    "s7alcr2-5": [/*#__PURE__*/_exp24()],
+    "s7alcr2-6": [/*#__PURE__*/_exp26()],
+    "s7alcr2-7": [/*#__PURE__*/_exp33()]
   }
 });
 var StyledHelpers = /*#__PURE__*/react.styled('div')({
   name: "StyledHelpers",
-  "class": "s18tpn65",
+  "class": "si9oz50",
   propsAsIs: false
 });
 var StyledLeftHelper = /*#__PURE__*/react.styled('span')({
   name: "StyledLeftHelper",
-  "class": "s19sfsrt",
+  "class": "s18tpn65",
   propsAsIs: false
 });
-var _exp57 = function _exp57() {
+var _exp56 = function _exp56() {
   return StyledLeftHelper;
 };
-var StyledRightHelper = /*#__PURE__*/react.styled(_exp57())({
+var StyledRightHelper = /*#__PURE__*/react.styled(_exp56())({
   name: "StyledRightHelper",
-  "class": "sfype23",
+  "class": "s19sfsrt",
   propsAsIs: true
 });
-var _exp62 = function _exp62() {
+var _exp61 = function _exp61() {
   return function (_ref12) {
     var hasContentRight = _ref12.hasContentRight;
     return hasContentRight ? "var(".concat(TextArea_tokens.tokens.inputPaddingRightWithRightContent, ")") : "var(".concat(TextArea_tokens.tokens.inputPaddingRight, ")");
@@ -146,25 +141,18 @@ var _exp62 = function _exp62() {
 };
 var StyledPlaceholder = /*#__PURE__*/react.styled('label')({
   name: "StyledPlaceholder",
-  "class": "s3wsw3p",
+  "class": "sfype23",
   propsAsIs: false,
   vars: {
-    "s3wsw3p-0": [/*#__PURE__*/_exp62()]
+    "sfype23-0": [/*#__PURE__*/_exp61()]
   }
 });
-var StyledIndicator = /*#__PURE__*/react.styled('div')({
-  name: "StyledIndicator",
-  "class": "stc5t23",
-  propsAsIs: false
-});
 
 exports.StyledContainer = StyledContainer;
 exports.StyledContent = StyledContent;
 exports.StyledHelpers = StyledHelpers;
-exports.StyledIndicator = StyledIndicator;
 exports.StyledLabel = StyledLabel;
 exports.StyledLeftHelper = StyledLeftHelper;
-exports.StyledOptionalText = StyledOptionalText;
 exports.StyledPlaceholder = StyledPlaceholder;
 exports.StyledRightHelper = StyledRightHelper;
 exports.StyledTextArea = StyledTextArea;

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

@@ -1 +1 @@
-{"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { classes, tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n    position: relative;\n    display: inline-flex;\n    margin-bottom: var(${tokens.labelMarginBottom});\n\n    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 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    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","_exp11","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp12","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp16","_ref3","width","StyledContainer","_exp19","_ref4","resize","_exp20","_ref5","height","Number","isNaN","inputHeight","_exp21","_ref6","inputWidth","_exp22","_ref7","rows","_exp23","_ref8","cols","_exp25","_ref9","applyCustomWidth","_exp27","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp34","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp57","StyledRightHelper","_exp62","_ref12","StyledPlaceholder","StyledIndicator"],"mappings":"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"}
+{"version":3,"file":"TextArea.styles.js","sources":["../../../src/components/TextArea/TextArea.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { applyEllipsis } from '../../mixins';\n\nimport { tokens } from './TextArea.tokens';\n\nexport const StyledLabel = styled.div`\n    margin-bottom: var(${tokens.labelMarginBottom});\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 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    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"],"names":["StyledLabel","styled","name","class","propsAsIs","_exp10","_ref","hasHelper","concat","tokens","inputPaddingBottomWithHelpers","inputPaddingBottom","_exp11","_ref2","borderRadiusWithHelpers","borderRadius","StyledTextAreaWrapper","vars","StyledContent","_exp15","_ref3","width","StyledContainer","_exp18","_ref4","resize","_exp19","_ref5","height","Number","isNaN","inputHeight","_exp20","_ref6","inputWidth","_exp21","_ref7","rows","_exp22","_ref8","cols","_exp24","_ref9","applyCustomWidth","_exp26","_ref10","hasContentRight","inputPaddingRightWithRightContent","inputPaddingRight","_exp33","_ref11","StyledTextArea","StyledHelpers","StyledLeftHelper","_exp56","StyledRightHelper","_exp61","_ref12","StyledPlaceholder"],"mappings":"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"}

package/cjs/components/TextArea/TextArea.styles_1bv40vw.css

@@ -0,0 +1,9 @@
+.s1luq7vd{margin-bottom:var(--plasma-textarea-label-margin-bottom);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);}
+.s1r1fvk8{background-color:var(--plasma-textarea-input-background-color);padding-top:var(--plasma-textarea-input-padding-top);padding-bottom:var(--s1r1fvk8-0);border-radius:var(--s1r1fvk8-1);}
+.surmvwq{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;top:var(--plasma-textarea-right-content-top);right:var(--plasma-textarea-right-content-right);height:var(--plasma-textarea-right-content-height);}
+.s18bd513{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(--s18bd513-0);position:relative;}
+.s7alcr2{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(--s7alcr2-0);--plasma_private-textarea-height:var(--s7alcr2-1);--plasma_private-textarea-width:var(--s7alcr2-2);--plasma_private-textarea-computed-height:var(--s7alcr2-3);--plasma_private-textarea-computed-width:var(--s7alcr2-4);height:var(--plasma_private-textarea-computed-height);width:var(--plasma_private-textarea-computed-width);min-width:var(--s7alcr2-5);max-width:var(--s7alcr2-5);min-height:var(--plasma-textarea-input-min-height);padding-right:var(--s7alcr2-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(--s7alcr2-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);}.s7alcr2::-webkit-input-placeholder{opacity:0;}.s7alcr2::-moz-placeholder{opacity:0;}.s7alcr2:-ms-input-placeholder{opacity:0;}.s7alcr2::placeholder{opacity:0;}.s7alcr2:-moz-read-only{cursor:default;}.s7alcr2:read-only{cursor:default;}.s7alcr2:focus:not(:disabled){color:var(--plasma-textarea-input-color-focus);}
+.si9oz50{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);}
+.s18tpn65{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);}
+.s19sfsrt.s18tpn65{color:var(--plasma-textarea-right-helper-color);margin-left:auto;}
+.sfype23{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(--sfype23-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);}

package/cjs/components/TextArea/TextArea.tokens.js

@@ -18,9 +18,7 @@ var classes = {
   /** Класс для компонента `StyledPlaceholder` */
   styledPlaceholder: 'textarea-placeholder',
   /** Класс для компонента `StyledHelpers` */
-  styledHelpers: 'textarea-helpers',
-  innerLabelPlacement: 'label-placement-inner',
-  outerLabelPlacement: 'label-placement-outer'
+  styledHelpers: 'textarea-helpers'
 };
 var tokens = {
   /** Цвет фона для элемента textarea */
@@ -57,8 +55,6 @@ var tokens = {
   placeholderColor: '--plasma-textarea-placeholder-color',
   /** Цвет элемента placeholder в состоянии focus */
   placeholderColorFocus: '--plasma-textarea-placeholder-color-focus',
-  /** Цвет элемента optional */
-  optionalColor: '--plasma-textarea__optional-color',
   /** Цвет текста для левой подписи снизу */
   leftHelperColor: '--plasma-textarea-left-helper-color',
   /** Цвет текста для правой подписи снизу */
@@ -154,14 +150,7 @@ var tokens = {
   /** Прозрачность для всего компонента в состоянии disabled */
   disabledOpacity: '--plasma-textarea-disabled-opacity',
   /** Цвет текста для элемента textarea в состоянии disabled */
-  inputColorDisabled: '--plasma-textarea-input-color-disabled',
-  indicatorColor: '--plasma-textarea-indicator-color',
-  indicatorSizeInner: '--plasma-textarea-indicator-size-inner',
-  indicatorSizeOuter: '--plasma-textarea-indicator-size-outer',
-  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'
+  inputColorDisabled: '--plasma-textarea-input-color-disabled'
 };
 
 exports.classes = classes;

package/cjs/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};\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    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    /** Прозрачность для всего компонента в состоянии 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","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","disabledOpacity","inputColorDisabled","indicatorColor","indicatorSizeInner","indicatorSizeOuter","indicatorLabelPlacementInner","indicatorLabelPlacementOuter","indicatorLabelPlacementInnerRight","indicatorLabelPlacementOuterRight"],"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};\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    /** Цвет текста для левой подписи снизу */\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    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    /** Прозрачность для всего компонента в состоянии disabled */\n    disabledOpacity: '--plasma-textarea-disabled-opacity',\n    /** Цвет текста для элемента textarea в состоянии disabled */\n    inputColorDisabled: '--plasma-textarea-input-color-disabled',\n};\n"],"names":["classes","innerPlaceholderUp","focusedOuterPlaceholderColor","hidePlaceHolder","styledContainer","styledTextArea","styledTextAreaWrapper","styledPlaceholder","styledHelpers","tokens","inputBackgroundColor","inputBackgroundColorHover","inputBackgroundColorActive","inputBackgroundColorFocus","inputBorderColor","inputBorderColorHover","inputBorderColorActive","inputBorderColorFocus","helpersBackgroundColor","helpersBackgroundColorHover","helpersBackgroundColorActive","helpersBackgroundColorFocus","inputColor","inputColorFocus","inputCaretColor","placeholderColor","placeholderColorFocus","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","labelMarginBottom","labelInnerFontFamily","labelInnerFontSize","labelInnerFontStyle","labelInnerFontWeight","labelInnerLetterSpacing","labelInnerLineHeight","labelInnerTop","labelInnerMarginBottom","inputFontFamily","inputFontSize","inputFontStyle","inputFontWeight","inputLetterSpacing","inputLineHeight","helpersFontFamily","helpersFontSize","helpersFontStyle","helpersFontWeight","helpersLetterSpacing","helpersLineHeight","disabledOpacity","inputColorDisabled"],"mappings":"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"}

package/cjs/components/TextField/TextField.js

@@ -1,4 +1,4 @@
-import './TextField_1lzb2r1.css';
+import './TextField_wctd2m.css';
 'use strict';
 
 Object.defineProperty(exports, '__esModule', { value: true });
@@ -17,8 +17,7 @@ var TextField_tokens = require('./TextField.tokens.js');
 var TextFieldChip = require('./ui/TextFieldChip/TextFieldChip.js');
 var useKeyNavigation = require('./hooks/useKeyNavigation.js');
 
-var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "requiredPlacement", "view", "size", "readOnly", "disabled", "required", "optional", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
-var optionalText = 'optional';
+var _excluded = ["id", "className", "style", "contentLeft", "contentRight", "label", "labelPlacement", "textBefore", "textAfter", "placeholder", "leftHelper", "enumerationType", "view", "size", "readOnly", "disabled", "chips", "onChange", "onChangeChips", "onSearch", "onKeyDown"];
 var base = "bpunezx";
 var textFieldRoot = function textFieldRoot(Root) {
   return /*#__PURE__*/React.forwardRef(function (_ref, ref) {
@@ -35,18 +34,12 @@ var textFieldRoot = function textFieldRoot(Root) {
       leftHelper = _ref.leftHelper,
       _ref$enumerationType = _ref.enumerationType,
       enumerationType = _ref$enumerationType === void 0 ? 'plain' : _ref$enumerationType,
-      _ref$requiredPlacemen = _ref.requiredPlacement,
-      requiredPlacement = _ref$requiredPlacemen === void 0 ? 'right' : _ref$requiredPlacemen,
       view = _ref.view,
       size = _ref.size,
       _ref$readOnly = _ref.readOnly,
       readOnly = _ref$readOnly === void 0 ? false : _ref$readOnly,
       _ref$disabled = _ref.disabled,
       disabled = _ref$disabled === void 0 ? false : _ref$disabled,
-      _ref$required = _ref.required,
-      required = _ref$required === void 0 ? false : _ref$required,
-      _ref$optional = _ref.optional,
-      optional = _ref$optional === void 0 ? false : _ref$optional,
       values = _ref.chips,
       onChange = _ref.onChange,
       onChangeChips = _ref.onChangeChips,
@@ -62,37 +55,26 @@ var textFieldRoot = function textFieldRoot(Root) {
       inputRef: inputRef,
       chipsRefs: chipsRefs
     };
-    var _useState = React.useState(!!rest.value),
+    var _useState = React.useState([]),
       _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
-      hasValue = _useState2[0],
-      setHasValue = _useState2[1];
-    var _useState3 = React.useState([]),
-      _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
-      chips = _useState4[0],
-      setChips = _useState4[1];
+      chips = _useState2[0],
+      setChips = _useState2[1];
     var uniqId = plasmaCore.safeUseId();
     var innerId = id || uniqId;
     var labelId = plasmaCore.safeUseId();
     var helperTextId = plasmaCore.safeUseId();
     var isChipEnumeration = enumerationType === 'chip';
-    var isChipsVisible = isChipEnumeration && !!(chips !== null && chips !== void 0 && chips.length);
+    var hideLabel = (size === 'xs' || isChipEnumeration) && labelPlacement === 'inner';
+    var labelInside = size !== 'xs' && labelPlacement === 'inner';
+    var innerLabelPlacementValue = hideLabel ? 'outer' : labelPlacement;
+    var innerPlaceholderValue = hideLabel ? label : placeholder;
+    var innerLabelValue = hideLabel ? undefined : label;
+    var hideLabelClass = hideLabel && label ? TextField_tokens.classes.hideLabel : undefined;
+    var labelPlacementClass = TextField_tokens.classes["".concat(labelPlacement, "LabelPlacement")];
+    var isChipsVisible = isChipEnumeration && (chips === null || chips === void 0 ? void 0 : chips.length);
     var withHasChips = isChipsVisible ? TextField_tokens.classes.hasChips : undefined;
-    var hasLabelValue = !!label;
-    var hasInnerLabel = size !== 'xs' && labelPlacement === 'inner' && !isChipsVisible && hasLabelValue;
-    var hasOuterLabel = labelPlacement === 'outer' && hasLabelValue;
-    var hasPlaceholder = !!placeholder && !hasInnerLabel;
-    var innerLabelValue = hasInnerLabel || hasOuterLabel ? label : undefined;
-    var innerLabelPlacementValue = labelPlacement === 'inner' && !hasInnerLabel ? undefined : labelPlacement;
-    var innerPlaceholderValue = hasPlaceholder ? placeholder : undefined;
-    var placeholderShown = !!innerPlaceholderValue && !hasValue;
-    var requiredPlacementClass = requiredPlacement === 'right' ? 'align-right ' : undefined;
-    var labelPlacementClass = innerLabelPlacementValue ? TextField_tokens.classes["".concat(innerLabelPlacementValue, "LabelPlacement")] : undefined;
-    var hasValueClass = hasValue ? TextField_tokens.classes.hasValue : undefined;
     var wrapperWithoutLeftContent = !contentLeft && isChipsVisible ? TextField_tokens.classes.hasEmptyContentLeft : undefined;
     var wrapperWithoutRightContent = !contentRight && isChipsVisible ? TextField_tokens.classes.hasEmptyContentRight : undefined;
-    var handleInput = function handleInput(event) {
-      setHasValue(!!event.target.value);
-    };
     var handleChange = function handleChange(event) {
       if (disabled || readOnly) {
         return;
@@ -117,7 +99,8 @@ var textFieldRoot = function textFieldRoot(Root) {
         enumerationType: enumerationType,
         updateChips: updateChips,
         onSearch: onSearch,
-        onChange: onChange
+        onChange: onChange,
+        onEnterDisabled: rest.onEnterDisabled
       }),
       handleInputKeydown = _useKeyNavigation.handleInputKeydown,
       handleChipKeyDown = _useKeyNavigation.handleChipKeyDown,
@@ -158,9 +141,6 @@ var textFieldRoot = function textFieldRoot(Root) {
       })) || [];
       setChips(newChips);
     }, [isChipEnumeration, values]);
-    var innerOptional = required ? false : optional;
-    var hasPlaceholderOptional = innerOptional && !innerLabelValue && !hasOuterLabel;
-    var optionalTextNode = innerOptional ? /*#__PURE__*/React.createElement(TextField_styles.StyledOptionalText, null, Boolean(hasPlaceholderOptional ? innerPlaceholderValue : innerLabelValue) && '\xa0', optionalText) : null;
     return /*#__PURE__*/React.createElement(Root, {
       view: view,
       size: size,
@@ -168,18 +148,17 @@ var textFieldRoot = function textFieldRoot(Root) {
       readOnly: !disabled && readOnly,
       labelPlacement: innerLabelPlacementValue,
       onClick: handleInputFocus,
-      className: index.cx(labelPlacementClass, TextField_tokens.classes.textFieldGroupItem, className),
+      className: index.cx(labelPlacementClass, hideLabelClass, TextField_tokens.classes.textFieldGroupItem, className),
       style: style
-    }, hasOuterLabel && /*#__PURE__*/React.createElement(TextField_styles.Label, {
+    }, labelInside || innerLabelValue && /*#__PURE__*/React.createElement(TextField_styles.Label, {
       id: labelId,
       htmlFor: id
-    }, required && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicator, {
-      className: index.cx(TextField_tokens.classes.outerLabelPlacement, requiredPlacementClass)
-    }), innerLabelValue, optionalTextNode), /*#__PURE__*/React.createElement(TextField_styles.InputWrapper, {
+    }, innerLabelValue), /*#__PURE__*/React.createElement(TextField_styles.InputWrapper
+    // Рефка для внутреннего использования. Не отдается наружу.
+    , {
+      ref: rest.inputWrapperRef,
       className: index.cx(withHasChips, wrapperWithoutLeftContent, wrapperWithoutRightContent)
-    }, !hasOuterLabel && required && /*#__PURE__*/React.createElement(TextField_styles.StyledIndicator, {
-      className: index.cx(TextField_tokens.classes.innerLabelPlacement, requiredPlacementClass)
-    }), contentLeft && /*#__PURE__*/React.createElement(TextField_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(TextField_styles.InputLabelWrapper, {
+    }, contentLeft && /*#__PURE__*/React.createElement(TextField_styles.StyledContentLeft, null, contentLeft), /*#__PURE__*/React.createElement(TextField_styles.InputLabelWrapper, {
       tabIndex: -1,
       ref: contentRef,
       onKeyDown: handleContentKeyDown,
@@ -205,22 +184,20 @@ var textFieldRoot = function textFieldRoot(Root) {
         },
         onClick: onChipClick
       });
-    })), /*#__PURE__*/React.createElement(TextField_styles.InputContainer, null, /*#__PURE__*/React.createElement(TextField_styles.Input, _rollupPluginBabelHelpers.extends({
+    })), /*#__PURE__*/React.createElement(TextField_styles.Input, _rollupPluginBabelHelpers.extends({
       ref: inputForkRef,
       id: innerId,
       "aria-labelledby": labelId,
       "aria-describedby": helperTextId,
       placeholder: innerPlaceholderValue,
-      className: index.cx(hasValueClass),
       disabled: disabled,
       readOnly: !disabled && readOnly,
-      onInput: handleInput,
       onChange: handleChange,
       onKeyDown: handleOnKeyDown
-    }, rest)), hasInnerLabel && /*#__PURE__*/React.createElement(TextField_styles.Label, {
+    }, rest)), labelInside && /*#__PURE__*/React.createElement(TextField_styles.Label, {
       id: labelId,
       htmlFor: innerId
-    }, innerLabelValue, optionalTextNode), placeholderShown && /*#__PURE__*/React.createElement(TextField_styles.InputPlaceholder, null, innerPlaceholderValue, hasPlaceholderOptional && optionalTextNode)), textAfter && /*#__PURE__*/React.createElement(TextField_styles.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(TextField_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {
+    }, innerLabelValue), textAfter && /*#__PURE__*/React.createElement(TextField_styles.StyledTextAfter, null, textAfter)), contentRight && /*#__PURE__*/React.createElement(TextField_styles.StyledContentRight, null, contentRight)), leftHelper && /*#__PURE__*/React.createElement(TextField_styles.LeftHelper, {
       id: helperTextId
     }, leftHelper));
   });