@salutejs/sdds-cs 0.319.0-canary.2020.15698332896.0 → 0.319.0-canary.2020.15824629894.0

package/components/Tabs/vertical/VerticalTabs.config.js

@@ -1,29 +1,103 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'divider',
-    size: 's'
-  },
-  variations: {
-    view: {
-      divider: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-accent);\n                ", ": #1A9E32;\n                ", ": var(--text-accent-active);\n                ", ": transparent;\n                ", ": var(--surface-accent);\n\n                ", ": 0.0625rem;\n                ", ": 0.0625rem;\n                ", ": var(--outline-solid-primary);\n                ", ": 0.0625rem;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.arrowColorHover, _styledComponents.tabsTokens.arrowColorActive, _styledComponents.tabsTokens.tabsBackgroundColor, _styledComponents.tabsTokens.outlineFocusColor, _styledComponents.tabsTokens.tabsDividerWidth, _styledComponents.tabsTokens.tabsDividerHeight, _styledComponents.tabsTokens.tabsDividerColor, _styledComponents.tabsTokens.tabsDividerBorderRadius)
-    },
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.625rem;\n                ", ": fit-content;\n                ", ": auto;\n                ", ": 0rem;\n                ", ": 0.25rem;\n            "])), _styledComponents.tabsTokens.tabsBorderRadius, _styledComponents.tabsTokens.tabsWidth, _styledComponents.tabsTokens.tabsHeight, _styledComponents.tabsTokens.arrowInnerPadding, _styledComponents.tabsTokens.arrowOuterPadding)
-    },
-    stretch: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n            "])), _styledComponents.tabsTokens.containerHeight)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-accent);\n                ",
+        ": #1A9E32;\n                ",
+        ": var(--text-accent-active);\n                ",
+        ": transparent;\n                ",
+        ": var(--surface-accent);\n\n                ",
+        ": 0.0625rem;\n                ",
+        ": 0.0625rem;\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": 0.0625rem;\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.625rem;\n                ",
+        ": fit-content;\n                ",
+        ": auto;\n                ",
+        ": 0rem;\n                ",
+        ": 0.25rem;\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": none;\n                ",
+        ": none;\n                ",
+        ": transparent;\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'divider',
+        size: 's'
     },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": none;\n                ", ": none;\n                ", ": transparent;\n            "])), _styledComponents.tabsTokens.arrowColor, _styledComponents.tabsTokens.itemColor, _styledComponents.tabsTokens.itemValueColor, _styledComponents.tabsTokens.itemColorHover, _styledComponents.tabsTokens.itemValueColorHover, _styledComponents.tabsTokens.itemColorActive, _styledComponents.tabsTokens.itemValueColorActive, _styledComponents.tabsTokens.itemSelectedColor, _styledComponents.tabsTokens.itemSelectedDividerColor, _styledComponents.tabsTokens.itemSelectedDividerColorHover, _styledComponents.tabsTokens.tabsDividerColor)
+    variations: {
+        view: {
+            divider: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.tabsTokens.arrowColor, _styledcomponents.tabsTokens.arrowColorHover, _styledcomponents.tabsTokens.arrowColorActive, _styledcomponents.tabsTokens.tabsBackgroundColor, _styledcomponents.tabsTokens.outlineFocusColor, _styledcomponents.tabsTokens.tabsDividerWidth, _styledcomponents.tabsTokens.tabsDividerHeight, _styledcomponents.tabsTokens.tabsDividerColor, _styledcomponents.tabsTokens.tabsDividerBorderRadius)
+        },
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.tabsTokens.tabsBorderRadius, _styledcomponents.tabsTokens.tabsWidth, _styledcomponents.tabsTokens.tabsHeight, _styledcomponents.tabsTokens.arrowInnerPadding, _styledcomponents.tabsTokens.arrowOuterPadding)
+        },
+        stretch: {
+            true: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.tabsTokens.containerHeight)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.tabsTokens.arrowColor, _styledcomponents.tabsTokens.itemColor, _styledcomponents.tabsTokens.itemValueColor, _styledcomponents.tabsTokens.itemColorHover, _styledcomponents.tabsTokens.itemValueColorHover, _styledcomponents.tabsTokens.itemColorActive, _styledcomponents.tabsTokens.itemValueColorActive, _styledcomponents.tabsTokens.itemSelectedColor, _styledcomponents.tabsTokens.itemSelectedDividerColor, _styledcomponents.tabsTokens.itemSelectedDividerColorHover, _styledcomponents.tabsTokens.tabsDividerColor)
+        }
     }
-  }
-};
+};

package/components/TextArea/TextArea.config.js

@@ -1,47 +1,372 @@
 "use strict";
-
 Object.defineProperty(exports, "__esModule", {
-  value: true
+    value: true
 });
-exports.config = void 0;
-var _styledComponents = /*#__PURE__*/require("@salutejs/plasma-new-hope/styled-components");
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-var config = exports.config = {
-  defaults: {
-    view: 'default',
-    focused: 'true',
-    size: 's'
-  },
-  variations: {
-    size: {
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 100%;\n                ", ": 7.187rem;\n                ", ": 0.625rem;\n                ", ": 0.75rem;\n                ", ": 0.125rem;\n                ", ": 0.625rem 0.625rem 0 0;\n                ", ": 0.688rem;\n                ", ": 0.875rem;\n                ", ": 3.125rem;\n                ", ": 2rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.25rem;\n                ", ": 0.875rem;\n                ", ": 0.75rem;\n                ", ": 0.875rem;\n                ", ": 0rem;\n                ", ": 0.688rem;\n                ", ": 0.75rem;\n                ", ": 1.25rem;\n                ", ": 0.25rem;\n                ", ": 0.5rem;\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n                ", ": var(--plasma-typo-body-m-font-family);\n                ", ": var(--plasma-typo-body-m-font-size);\n                ", ": var(--plasma-typo-body-m-font-style);\n                ", ": var(--plasma-typo-body-m-font-weight);\n                ", ": var(--plasma-typo-body-m-letter-spacing);\n                ", ": var(--plasma-typo-body-m-line-height);\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n                ", ": 0.375rem;\n                ", ": 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.3125rem auto auto -0.6875rem;\n                ", ": 0 0 auto auto;\n                ", ": 0.25rem -0.625rem auto auto;\n                ", ": 1.063rem auto auto -0.75rem;\n                ", ": 1.063rem -0.75rem auto auto;\n                ", ": 1.063rem -2.125rem auto auto;\n\n                ", ": 0.375rem;\n                ", ": 0.125rem;\n\n                ", ": -0.688rem -0.5rem;\n                ", ": 2.375rem;\n                ", ": -0.751rem -2rem auto auto;\n                ", ": 0.062rem -2.063rem auto auto;\n\n                ", ": 0.25rem;\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n            "])), _styledComponents.textAreaTokens.inputWidth, _styledComponents.textAreaTokens.inputHeight, _styledComponents.textAreaTokens.inputMinHeight, _styledComponents.textAreaTokens.borderRadius, _styledComponents.textAreaTokens.borderSize, _styledComponents.textAreaTokens.borderRadiusWithHelpers, _styledComponents.textAreaTokens.inputPaddingTop, _styledComponents.textAreaTokens.inputPaddingRight, _styledComponents.textAreaTokens.inputPaddingRightWithRightContent, _styledComponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledComponents.textAreaTokens.inputPaddingBottom, _styledComponents.textAreaTokens.inputPaddingLeft, _styledComponents.textAreaTokens.helpersPaddingTop, _styledComponents.textAreaTokens.clearHelpersPaddingTop, _styledComponents.textAreaTokens.helpersPaddingRight, _styledComponents.textAreaTokens.helpersPaddingBottom, _styledComponents.textAreaTokens.helpersPaddingLeft, _styledComponents.textAreaTokens.helpersOffset, _styledComponents.textAreaTokens.rightContentTop, _styledComponents.textAreaTokens.rightContentRight, _styledComponents.textAreaTokens.rightContentHeight, _styledComponents.textAreaTokens.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelMarginBottom, _styledComponents.textAreaTokens.clearLabelMarginBottom, _styledComponents.textAreaTokens.labelOuterFontSize, _styledComponents.textAreaTokens.labelInnerFontFamily, _styledComponents.textAreaTokens.labelInnerFontSize, _styledComponents.textAreaTokens.labelInnerFontStyle, _styledComponents.textAreaTokens.labelInnerFontWeight, _styledComponents.textAreaTokens.labelInnerLetterSpacing, _styledComponents.textAreaTokens.labelInnerLineHeight, _styledComponents.textAreaTokens.labelInnerTop, _styledComponents.textAreaTokens.labelInnerMarginBottom, _styledComponents.textAreaTokens.inputFontFamily, _styledComponents.textAreaTokens.inputFontSize, _styledComponents.textAreaTokens.inputFontStyle, _styledComponents.textAreaTokens.inputFontWeight, _styledComponents.textAreaTokens.inputLetterSpacing, _styledComponents.textAreaTokens.inputLineHeight, _styledComponents.textAreaTokens.helpersFontFamily, _styledComponents.textAreaTokens.helpersFontSize, _styledComponents.textAreaTokens.helpersFontStyle, _styledComponents.textAreaTokens.helpersFontWeight, _styledComponents.textAreaTokens.helpersLetterSpacing, _styledComponents.textAreaTokens.helpersLineHeight, _styledComponents.textAreaTokens.indicatorSizeInner, _styledComponents.textAreaTokens.indicatorSizeOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInner, _styledComponents.textAreaTokens.indicatorLabelPlacementOuter, _styledComponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledComponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledComponents.textAreaTokens.clearIndicatorHintInnerRight, _styledComponents.textAreaTokens.scrollbarWidth, _styledComponents.textAreaTokens.scrollbarBorderWidth, _styledComponents.textAreaTokens.hintMargin, _styledComponents.textAreaTokens.hintTargetSize, _styledComponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledComponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledComponents.textAreaTokens.titleCaptionFontFamily, _styledComponents.textAreaTokens.titleCaptionFontSize, _styledComponents.textAreaTokens.titleCaptionFontStyle, _styledComponents.textAreaTokens.titleCaptionFontWeight, _styledComponents.textAreaTokens.titleCaptionLetterSpacing, _styledComponents.textAreaTokens.titleCaptionLineHeight)
-    },
-    view: {
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--surface-solid-card-active);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-active);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-active);\n                ", ": var(--surface-solid-primary-hover);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.borderColor, _styledComponents.textAreaTokens.borderColorHover, _styledComponents.textAreaTokens.borderColorFocus, _styledComponents.textAreaTokens.backgroundColor, _styledComponents.textAreaTokens.backgroundColorHover, _styledComponents.textAreaTokens.backgroundColorActive, _styledComponents.textAreaTokens.backgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.rightContentColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
-      /**
-       * @deprecated
-       * использовать `default`
-       */
-      primary: /*#__PURE__*/(0, _styledComponents.css)(_templateObject3 || (_templateObject3 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--outline-solid-primary);\n                ", ": var(--outline-solid-primary-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--surface-solid-card-active);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-tertiary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-active);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-active);\n                ", ": var(--surface-solid-primary-hover);\n\n                ", ": var(--outline-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--surface-accent);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.borderColor, _styledComponents.textAreaTokens.borderColorHover, _styledComponents.textAreaTokens.borderColorFocus, _styledComponents.textAreaTokens.backgroundColor, _styledComponents.textAreaTokens.backgroundColorHover, _styledComponents.textAreaTokens.backgroundColorActive, _styledComponents.textAreaTokens.backgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.rightContentColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor),
-      negative: /*#__PURE__*/(0, _styledComponents.css)(_templateObject4 || (_templateObject4 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--text-negative);\n                ", ": var(--text-negative-hover);\n                ", ": var(--outline-accent);\n                ", ": var(--surface-solid-card);\n                ", ": var(--surface-solid-card-hover);\n                ", ": var(--surface-solid-card-active);\n                ", ": var(--surface-solid-card);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-primary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-negative);\n                ", ": var(--text-secondary);\n                ", ": var(--text-accent);\n\n                ", ": var(--surface-solid-default);\n                ", ": var(--surface-solid-default-hover);\n                ", ": var(--surface-solid-default-active);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary-active);\n                ", ": var(--surface-solid-primary-hover);\n\n                ", ": var(--outline-negative);\n                ", ": var(--outline-negative-hover);\n                ", ": var(--outline-negative-focus);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.borderColor, _styledComponents.textAreaTokens.borderColorHover, _styledComponents.textAreaTokens.borderColorFocus, _styledComponents.textAreaTokens.backgroundColor, _styledComponents.textAreaTokens.backgroundColorHover, _styledComponents.textAreaTokens.backgroundColorActive, _styledComponents.textAreaTokens.backgroundColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.clearInputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.inputCaretColor, _styledComponents.textAreaTokens.placeholderColor, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.clearPlaceholderColor, _styledComponents.textAreaTokens.clearPlaceholderColorFocus, _styledComponents.textAreaTokens.leftHelperColor, _styledComponents.textAreaTokens.rightHelperColor, _styledComponents.textAreaTokens.indicatorColor, _styledComponents.textAreaTokens.optionalColor, _styledComponents.textAreaTokens.rightContentColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledComponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledComponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledComponents.textAreaTokens.dividerColor, _styledComponents.textAreaTokens.dividerColorHover, _styledComponents.textAreaTokens.dividerColorFocus, _styledComponents.textAreaTokens.titleCaptionColor, _styledComponents.textAreaTokens.hintIconColor)
-    },
-    hintView: {
-      // TODO: заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
-      "default": /*#__PURE__*/(0, _styledComponents.css)(_templateObject5 || (_templateObject5 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": var(--surface-solid-card-brightness);\n                ", ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n                ", ": var(--text-primary);\n                ", ": var(--surface-solid-card-brightness);\n            "])), _styledComponents.textAreaTokens.tooltipBackgroundColor, _styledComponents.textAreaTokens.tooltipBoxShadow, _styledComponents.textAreaTokens.tooltipColor, _styledComponents.textAreaTokens.tooltipArrowBackground)
-    },
-    hintSize: {
-      m: /*#__PURE__*/(0, _styledComponents.css)(_templateObject6 || (_templateObject6 = /*#__PURE__*/_taggedTemplateLiteral(["\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.6875rem;\n                ", ": 0.875rem;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.6875rem;\n                ", ": 0.875rem;\n\n                ", ": 2.5rem;\n                ", ": 0.625rem;\n\n                ", ": var(--plasma-typo-body-s-font-family);\n                ", ": var(--plasma-typo-body-s-font-size);\n                ", ": var(--plasma-typo-body-s-font-style);\n                ", ": var(--plasma-typo-body-s-font-weight);\n                ", ": var(--plasma-typo-body-s-letter-spacing);\n                ", ": var(--plasma-typo-body-s-line-height);\n\n                ", ": 0.375rem;\n\n                ", ": 1.25rem;\n                ", ": 1.25rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n                ", ": 0.5rem;\n                ", ": 0.625rem;\n            "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin),
-      s: /*#__PURE__*/(0, _styledComponents.css)(_templateObject7 || (_templateObject7 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n                ", ": 0.5rem;\n                ", ": 0.75rem;\n\n                ", ": 2rem;\n                ", ": 0.5rem;\n\n                ", ": var(--plasma-typo-body-xs-font-family);\n                ", ": var(--plasma-typo-body-xs-font-size);\n                ", ": var(--plasma-typo-body-xs-font-style);\n                ", ": var(--plasma-typo-body-xs-font-weight);\n                ", ": var(--plasma-typo-body-xs-letter-spacing);\n                ", ": var(--plasma-typo-body-xs-line-height);\n\n                ", ": 0.25rem;\n\n                ", ": 1rem;\n                ", ": 1rem;\n                /* stylelint-disable-next-line */\n                ", ": url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n                ", ": 0.375rem;\n                /* stylelint-disable-next-line number-max-precision */\n                ", ": 0.5625rem;\n            "])), _styledComponents.textAreaTokens.tooltipPaddingTop, _styledComponents.textAreaTokens.tooltipPaddingRight, _styledComponents.textAreaTokens.tooltipPaddingBottom, _styledComponents.textAreaTokens.tooltipPaddingLeft, _styledComponents.textAreaTokens.tooltipMinHeight, _styledComponents.textAreaTokens.tooltipBorderRadius, _styledComponents.textAreaTokens.tooltipTextFontFamily, _styledComponents.textAreaTokens.tooltipTextFontSize, _styledComponents.textAreaTokens.tooltipTextFontStyle, _styledComponents.textAreaTokens.tooltipTextFontWeight, _styledComponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledComponents.textAreaTokens.tooltipTextFontLineHeight, _styledComponents.textAreaTokens.tooltipContentLeftMargin, _styledComponents.textAreaTokens.tooltipArrowMaskWidth, _styledComponents.textAreaTokens.tooltipArrowMaskHeight, _styledComponents.textAreaTokens.tooltipArrowMaskImage, _styledComponents.textAreaTokens.tooltipArrowHeight, _styledComponents.textAreaTokens.tooltipArrowEdgeMargin)
-    },
-    clear: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject8 || (_templateObject8 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": transparent;\n                ", ": transparent;\n                ", ": transparent;\n                ", ": transparent;\n                ", ": transparent;\n                ", ": transparent;\n            "])), _styledComponents.textAreaTokens.backgroundColor, _styledComponents.textAreaTokens.backgroundColorFocus, _styledComponents.textAreaTokens.backgroundColorHover, _styledComponents.textAreaTokens.borderColor, _styledComponents.textAreaTokens.borderColorHover, _styledComponents.textAreaTokens.borderColorFocus)
-    },
-    disabled: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject9 || (_templateObject9 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": 1;\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--surface-solid-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.disabledOpacity, _styledComponents.textAreaTokens.backgroundColor, _styledComponents.textAreaTokens.borderColor, _styledComponents.textAreaTokens.borderColorHover, _styledComponents.textAreaTokens.borderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.labelOuterColor, _styledComponents.textAreaTokens.inputColorDisabled)
+Object.defineProperty(exports, "config", {
+    enumerable: true,
+    get: function() {
+        return config;
+    }
+});
+var _styledcomponents = require("@salutejs/plasma-new-hope/styled-components");
+function _tagged_template_literal(strings, raw) {
+    if (!raw) {
+        raw = strings.slice(0);
+    }
+    return Object.freeze(Object.defineProperties(strings, {
+        raw: {
+            value: Object.freeze(raw)
+        }
+    }));
+}
+function _templateObject() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 100%;\n                ",
+        ": 7.187rem;\n                ",
+        ": 0.625rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": 0.625rem 0.625rem 0 0;\n                ",
+        ": 0.688rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 3.125rem;\n                ",
+        ": 2rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.875rem;\n                ",
+        ": 0rem;\n                ",
+        ": 0.688rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 1.25rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.25rem;\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.125rem;\n                ",
+        ": var(--plasma-typo-body-m-font-family);\n                ",
+        ": var(--plasma-typo-body-m-font-size);\n                ",
+        ": var(--plasma-typo-body-m-font-style);\n                ",
+        ": var(--plasma-typo-body-m-font-weight);\n                ",
+        ": var(--plasma-typo-body-m-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-m-line-height);\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.375rem;\n                ",
+        ": 0 0 0 0;\n                /* stylelint-disable-next-line number-max-precision */\n                ",
+        ": 0.3125rem auto auto -0.6875rem;\n                ",
+        ": 0 0 auto auto;\n                ",
+        ": 0.25rem -0.625rem auto auto;\n                ",
+        ": 1.063rem auto auto -0.75rem;\n                ",
+        ": 1.063rem -0.75rem auto auto;\n                ",
+        ": 1.063rem -2.125rem auto auto;\n\n                ",
+        ": 0.375rem;\n                ",
+        ": 0.125rem;\n\n                ",
+        ": -0.688rem -0.5rem;\n                ",
+        ": 2.375rem;\n                ",
+        ": -0.751rem -2rem auto auto;\n                ",
+        ": 0.062rem -2.063rem auto auto;\n\n                ",
+        ": 0.25rem;\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n            "
+    ]);
+    _templateObject = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject1() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-solid-primary-hover);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-hover);\n                ",
+        ": var(--surface-solid-card-active);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--surface-solid-default);\n                ",
+        ": var(--surface-solid-default-hover);\n                ",
+        ": var(--surface-solid-default-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-primary-hover);\n\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject1 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject2() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--outline-solid-primary-hover);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-hover);\n                ",
+        ": var(--surface-solid-card-active);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-tertiary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--surface-solid-default);\n                ",
+        ": var(--surface-solid-default-hover);\n                ",
+        ": var(--surface-solid-default-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-primary-hover);\n\n                ",
+        ": var(--outline-solid-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--surface-accent);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject2 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject3() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-negative-hover);\n                ",
+        ": var(--outline-accent);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--surface-solid-card-hover);\n                ",
+        ": var(--surface-solid-card-active);\n                ",
+        ": var(--surface-solid-card);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var--text-negative);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-negative);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-accent);\n\n                ",
+        ": var(--surface-solid-default);\n                ",
+        ": var(--surface-solid-default-hover);\n                ",
+        ": var(--surface-solid-default-active);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary-active);\n                ",
+        ": var(--surface-solid-primary-hover);\n\n                ",
+        ": var(--outline-negative);\n                ",
+        ": var(--outline-negative-hover);\n                ",
+        ": var(--outline-negative-focus);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject3 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject4() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": var(--surface-solid-card-brightness);\n                ",
+        ": 0px 4px 12px 0px rgba(0, 0, 0, 0.16), 0px 1px 4px 0px rgba(0, 0, 0, 0.08);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--surface-solid-card-brightness);\n            "
+    ]);
+    _templateObject4 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject5() {
+    var data = _tagged_template_literal([
+        "\n                /* stylelint-disable-next-line number-max-precision */\n                ",
+        ": 0.6875rem;\n                ",
+        ": 0.875rem;\n                /* stylelint-disable-next-line number-max-precision */\n                ",
+        ": 0.6875rem;\n                ",
+        ": 0.875rem;\n\n                ",
+        ": 2.5rem;\n                ",
+        ": 0.625rem;\n\n                ",
+        ": var(--plasma-typo-body-s-font-family);\n                ",
+        ": var(--plasma-typo-body-s-font-size);\n                ",
+        ": var(--plasma-typo-body-s-font-style);\n                ",
+        ": var(--plasma-typo-body-s-font-weight);\n                ",
+        ": var(--plasma-typo-body-s-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-s-line-height);\n\n                ",
+        ": 0.375rem;\n\n                ",
+        ": 1.25rem;\n                ",
+        ": 1.25rem;\n                /* stylelint-disable-next-line */\n                ",
+        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");\n                ',
+        ": 0.5rem;\n                ",
+        ": 0.625rem;\n            "
+    ]);
+    _templateObject5 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject6() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.75rem;\n                ",
+        ": 0.5rem;\n                ",
+        ": 0.75rem;\n\n                ",
+        ": 2rem;\n                ",
+        ": 0.5rem;\n\n                ",
+        ": var(--plasma-typo-body-xs-font-family);\n                ",
+        ": var(--plasma-typo-body-xs-font-size);\n                ",
+        ": var(--plasma-typo-body-xs-font-style);\n                ",
+        ": var(--plasma-typo-body-xs-font-weight);\n                ",
+        ": var(--plasma-typo-body-xs-letter-spacing);\n                ",
+        ": var(--plasma-typo-body-xs-line-height);\n\n                ",
+        ": 0.25rem;\n\n                ",
+        ": 1rem;\n                ",
+        ": 1rem;\n                /* stylelint-disable-next-line */\n                ",
+        ': url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");\n                ',
+        ": 0.375rem;\n                /* stylelint-disable-next-line number-max-precision */\n                ",
+        ": 0.5625rem;\n            "
+    ]);
+    _templateObject6 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject7() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n            "
+    ]);
+    _templateObject7 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject8() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": 1;\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--surface-solid-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject8 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+function _templateObject9() {
+    var data = _tagged_template_literal([
+        "\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": transparent;\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-primary);\n                ",
+        ": var(--text-secondary);\n                ",
+        ": var(--text-secondary);\n            "
+    ]);
+    _templateObject9 = function _templateObject() {
+        return data;
+    };
+    return data;
+}
+var config = {
+    defaults: {
+        view: 'default',
+        focused: 'true',
+        size: 's'
     },
-    readOnly: {
-      "true": /*#__PURE__*/(0, _styledComponents.css)(_templateObject10 || (_templateObject10 = /*#__PURE__*/_taggedTemplateLiteral(["\n                ", ": transparent;\n                ", ": transparent;\n                ", ": transparent;\n                ", ": transparent;\n                ", ": var(--text-primary);\n                ", ": var(--text-primary);\n                ", ": var(--text-secondary);\n                ", ": var(--text-secondary);\n            "])), _styledComponents.textAreaTokens.backgroundColor, _styledComponents.textAreaTokens.borderColor, _styledComponents.textAreaTokens.borderColorHover, _styledComponents.textAreaTokens.borderColorFocus, _styledComponents.textAreaTokens.inputColor, _styledComponents.textAreaTokens.inputColorFocus, _styledComponents.textAreaTokens.placeholderColorFocus, _styledComponents.textAreaTokens.labelOuterColor)
+    variations: {
+        size: {
+            s: (0, _styledcomponents.css)(_templateObject(), _styledcomponents.textAreaTokens.inputWidth, _styledcomponents.textAreaTokens.inputHeight, _styledcomponents.textAreaTokens.inputMinHeight, _styledcomponents.textAreaTokens.borderRadius, _styledcomponents.textAreaTokens.borderSize, _styledcomponents.textAreaTokens.borderRadiusWithHelpers, _styledcomponents.textAreaTokens.inputPaddingTop, _styledcomponents.textAreaTokens.inputPaddingRight, _styledcomponents.textAreaTokens.inputPaddingRightWithRightContent, _styledcomponents.textAreaTokens.clearInputPaddingRightWithRightContent, _styledcomponents.textAreaTokens.inputPaddingBottom, _styledcomponents.textAreaTokens.inputPaddingLeft, _styledcomponents.textAreaTokens.helpersPaddingTop, _styledcomponents.textAreaTokens.clearHelpersPaddingTop, _styledcomponents.textAreaTokens.helpersPaddingRight, _styledcomponents.textAreaTokens.helpersPaddingBottom, _styledcomponents.textAreaTokens.helpersPaddingLeft, _styledcomponents.textAreaTokens.helpersOffset, _styledcomponents.textAreaTokens.rightContentTop, _styledcomponents.textAreaTokens.rightContentRight, _styledcomponents.textAreaTokens.rightContentHeight, _styledcomponents.textAreaTokens.clearLabelMarginBottom, _styledcomponents.textAreaTokens.labelMarginBottom, _styledcomponents.textAreaTokens.clearLabelMarginBottom, _styledcomponents.textAreaTokens.labelOuterFontSize, _styledcomponents.textAreaTokens.labelInnerFontFamily, _styledcomponents.textAreaTokens.labelInnerFontSize, _styledcomponents.textAreaTokens.labelInnerFontStyle, _styledcomponents.textAreaTokens.labelInnerFontWeight, _styledcomponents.textAreaTokens.labelInnerLetterSpacing, _styledcomponents.textAreaTokens.labelInnerLineHeight, _styledcomponents.textAreaTokens.labelInnerTop, _styledcomponents.textAreaTokens.labelInnerMarginBottom, _styledcomponents.textAreaTokens.inputFontFamily, _styledcomponents.textAreaTokens.inputFontSize, _styledcomponents.textAreaTokens.inputFontStyle, _styledcomponents.textAreaTokens.inputFontWeight, _styledcomponents.textAreaTokens.inputLetterSpacing, _styledcomponents.textAreaTokens.inputLineHeight, _styledcomponents.textAreaTokens.helpersFontFamily, _styledcomponents.textAreaTokens.helpersFontSize, _styledcomponents.textAreaTokens.helpersFontStyle, _styledcomponents.textAreaTokens.helpersFontWeight, _styledcomponents.textAreaTokens.helpersLetterSpacing, _styledcomponents.textAreaTokens.helpersLineHeight, _styledcomponents.textAreaTokens.indicatorSizeInner, _styledcomponents.textAreaTokens.indicatorSizeOuter, _styledcomponents.textAreaTokens.indicatorLabelPlacementInner, _styledcomponents.textAreaTokens.indicatorLabelPlacementOuter, _styledcomponents.textAreaTokens.indicatorLabelPlacementInnerRight, _styledcomponents.textAreaTokens.indicatorLabelPlacementOuterRight, _styledcomponents.textAreaTokens.clearIndicatorLabelPlacementInner, _styledcomponents.textAreaTokens.clearIndicatorLabelPlacementInnerRight, _styledcomponents.textAreaTokens.clearIndicatorHintInnerRight, _styledcomponents.textAreaTokens.scrollbarWidth, _styledcomponents.textAreaTokens.scrollbarBorderWidth, _styledcomponents.textAreaTokens.hintMargin, _styledcomponents.textAreaTokens.hintTargetSize, _styledcomponents.textAreaTokens.hintInnerLabelPlacementOffset, _styledcomponents.textAreaTokens.clearHintInnerLabelPlacementOffset, _styledcomponents.textAreaTokens.titleCaptionInnerLabelOffset, _styledcomponents.textAreaTokens.titleCaptionFontFamily, _styledcomponents.textAreaTokens.titleCaptionFontSize, _styledcomponents.textAreaTokens.titleCaptionFontStyle, _styledcomponents.textAreaTokens.titleCaptionFontWeight, _styledcomponents.textAreaTokens.titleCaptionLetterSpacing, _styledcomponents.textAreaTokens.titleCaptionLineHeight)
+        },
+        view: {
+            default: (0, _styledcomponents.css)(_templateObject1(), _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.backgroundColorHover, _styledcomponents.textAreaTokens.backgroundColorActive, _styledcomponents.textAreaTokens.backgroundColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.clearInputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.inputCaretColor, _styledcomponents.textAreaTokens.placeholderColor, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.clearPlaceholderColor, _styledcomponents.textAreaTokens.clearPlaceholderColorFocus, _styledcomponents.textAreaTokens.leftHelperColor, _styledcomponents.textAreaTokens.rightHelperColor, _styledcomponents.textAreaTokens.indicatorColor, _styledcomponents.textAreaTokens.optionalColor, _styledcomponents.textAreaTokens.rightContentColor, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledcomponents.textAreaTokens.dividerColor, _styledcomponents.textAreaTokens.dividerColorHover, _styledcomponents.textAreaTokens.dividerColorFocus, _styledcomponents.textAreaTokens.titleCaptionColor, _styledcomponents.textAreaTokens.hintIconColor),
+            /**
+             * @deprecated
+             * использовать `default`
+             */ primary: (0, _styledcomponents.css)(_templateObject2(), _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.backgroundColorHover, _styledcomponents.textAreaTokens.backgroundColorActive, _styledcomponents.textAreaTokens.backgroundColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.clearInputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.inputCaretColor, _styledcomponents.textAreaTokens.placeholderColor, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.clearPlaceholderColor, _styledcomponents.textAreaTokens.clearPlaceholderColorFocus, _styledcomponents.textAreaTokens.leftHelperColor, _styledcomponents.textAreaTokens.rightHelperColor, _styledcomponents.textAreaTokens.indicatorColor, _styledcomponents.textAreaTokens.optionalColor, _styledcomponents.textAreaTokens.rightContentColor, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledcomponents.textAreaTokens.dividerColor, _styledcomponents.textAreaTokens.dividerColorHover, _styledcomponents.textAreaTokens.dividerColorFocus, _styledcomponents.textAreaTokens.titleCaptionColor, _styledcomponents.textAreaTokens.hintIconColor),
+            negative: (0, _styledcomponents.css)(_templateObject3(), _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.backgroundColorHover, _styledcomponents.textAreaTokens.backgroundColorActive, _styledcomponents.textAreaTokens.backgroundColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.clearInputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.inputCaretColor, _styledcomponents.textAreaTokens.placeholderColor, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.clearPlaceholderColor, _styledcomponents.textAreaTokens.clearPlaceholderColorFocus, _styledcomponents.textAreaTokens.leftHelperColor, _styledcomponents.textAreaTokens.rightHelperColor, _styledcomponents.textAreaTokens.indicatorColor, _styledcomponents.textAreaTokens.optionalColor, _styledcomponents.textAreaTokens.rightContentColor, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColor, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColorHover, _styledcomponents.textAreaTokens.scrollbarThumbBackgroundColorActive, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColor, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColorActive, _styledcomponents.textAreaTokens.scrollbarTrackBackgroundColorHover, _styledcomponents.textAreaTokens.dividerColor, _styledcomponents.textAreaTokens.dividerColorHover, _styledcomponents.textAreaTokens.dividerColorFocus, _styledcomponents.textAreaTokens.titleCaptionColor, _styledcomponents.textAreaTokens.hintIconColor)
+        },
+        hintView: {
+            // TODO: заменить тень на токен https://github.com/salute-developers/plasma/issues/1131
+            default: (0, _styledcomponents.css)(_templateObject4(), _styledcomponents.textAreaTokens.tooltipBackgroundColor, _styledcomponents.textAreaTokens.tooltipBoxShadow, _styledcomponents.textAreaTokens.tooltipColor, _styledcomponents.textAreaTokens.tooltipArrowBackground)
+        },
+        hintSize: {
+            m: (0, _styledcomponents.css)(_templateObject5(), _styledcomponents.textAreaTokens.tooltipPaddingTop, _styledcomponents.textAreaTokens.tooltipPaddingRight, _styledcomponents.textAreaTokens.tooltipPaddingBottom, _styledcomponents.textAreaTokens.tooltipPaddingLeft, _styledcomponents.textAreaTokens.tooltipMinHeight, _styledcomponents.textAreaTokens.tooltipBorderRadius, _styledcomponents.textAreaTokens.tooltipTextFontFamily, _styledcomponents.textAreaTokens.tooltipTextFontSize, _styledcomponents.textAreaTokens.tooltipTextFontStyle, _styledcomponents.textAreaTokens.tooltipTextFontWeight, _styledcomponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledcomponents.textAreaTokens.tooltipTextFontLineHeight, _styledcomponents.textAreaTokens.tooltipContentLeftMargin, _styledcomponents.textAreaTokens.tooltipArrowMaskWidth, _styledcomponents.textAreaTokens.tooltipArrowMaskHeight, _styledcomponents.textAreaTokens.tooltipArrowMaskImage, _styledcomponents.textAreaTokens.tooltipArrowHeight, _styledcomponents.textAreaTokens.tooltipArrowEdgeMargin),
+            s: (0, _styledcomponents.css)(_templateObject6(), _styledcomponents.textAreaTokens.tooltipPaddingTop, _styledcomponents.textAreaTokens.tooltipPaddingRight, _styledcomponents.textAreaTokens.tooltipPaddingBottom, _styledcomponents.textAreaTokens.tooltipPaddingLeft, _styledcomponents.textAreaTokens.tooltipMinHeight, _styledcomponents.textAreaTokens.tooltipBorderRadius, _styledcomponents.textAreaTokens.tooltipTextFontFamily, _styledcomponents.textAreaTokens.tooltipTextFontSize, _styledcomponents.textAreaTokens.tooltipTextFontStyle, _styledcomponents.textAreaTokens.tooltipTextFontWeight, _styledcomponents.textAreaTokens.tooltipTextFontLetterSpacing, _styledcomponents.textAreaTokens.tooltipTextFontLineHeight, _styledcomponents.textAreaTokens.tooltipContentLeftMargin, _styledcomponents.textAreaTokens.tooltipArrowMaskWidth, _styledcomponents.textAreaTokens.tooltipArrowMaskHeight, _styledcomponents.textAreaTokens.tooltipArrowMaskImage, _styledcomponents.textAreaTokens.tooltipArrowHeight, _styledcomponents.textAreaTokens.tooltipArrowEdgeMargin)
+        },
+        clear: {
+            true: (0, _styledcomponents.css)(_templateObject7(), _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.backgroundColorFocus, _styledcomponents.textAreaTokens.backgroundColorHover, _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus)
+        },
+        disabled: {
+            true: (0, _styledcomponents.css)(_templateObject8(), _styledcomponents.textAreaTokens.disabledOpacity, _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.labelOuterColor, _styledcomponents.textAreaTokens.inputColorDisabled)
+        },
+        readOnly: {
+            true: (0, _styledcomponents.css)(_templateObject9(), _styledcomponents.textAreaTokens.backgroundColor, _styledcomponents.textAreaTokens.borderColor, _styledcomponents.textAreaTokens.borderColorHover, _styledcomponents.textAreaTokens.borderColorFocus, _styledcomponents.textAreaTokens.inputColor, _styledcomponents.textAreaTokens.inputColorFocus, _styledcomponents.textAreaTokens.placeholderColorFocus, _styledcomponents.textAreaTokens.labelOuterColor)
+        }
     }
-  }
-};
+};