profinansy-ui-lib 3.3.60 → 3.3.62

package/dist/components/uikit/Tabs/Tabs.styled.js

@@ -0,0 +1,63 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LineIndicator = exports.Button = exports.Container = exports.Wrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+exports.Wrapper = styled_components_1.default.div `
+  max-width: 100%;
+`;
+exports.Container = styled_components_1.default.div `
+  position: relative;
+  display: flex;
+  align-items: center;
+  gap: 20px;
+  flex-wrap: nowrap;
+  overflow-x: auto;
+  -ms-overflow-style: none; /* IE и Edge */
+  scrollbar-width: none; /* Firefox */
+  &::-webkit-scrollbar {
+    display: none;
+  }
+  padding-right: ${(props) => `${props.indent}px`};
+  margin-right: ${(props) => `-${props.indent}px`};
+  padding-left: ${(props) => `${props.indent}px`};
+  margin-left: ${(props) => `-${props.indent}px`};
+`;
+exports.Button = styled_components_1.default.button `
+  font-family: 'Manrope', sans-serif;
+  background: transparent;
+  outline: none;
+  border: none;
+  color: ${(props) => props.isActive ? props.theme.text.primary : props.theme.text.fourth};
+  cursor: pointer;
+  display: flex;
+  justify-content: center;
+  gap: 4px;
+  align-items: center;
+  white-space: nowrap;
+  padding: 8px 0;
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  &:hover {
+    color: ${(props) => props.theme.text.primary};
+  }
+  &:disabled {
+    opacity: 0.6;
+    cursor: default;
+    pointer-events: none;
+  }
+`;
+exports.LineIndicator = styled_components_1.default.div `
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  width: ${(props) => `${props.width}px`};
+  height: 2px;
+  background: ${(props) => props.theme.stroke.accent};
+  transition: ${() => `all 0.3s ${animation_2.AnimationFunctions.animation_1}`};
+  will-change: transform;
+  transform: ${(props) => `translateX(${props.position}px)`};
+`;
+//# sourceMappingURL=Tabs.styled.js.map

package/dist/components/uikit/Tabs/Tabs.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Tabs/Tabs.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAoE;AACpE,sEAA2E;AAE9D,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAEhC,CAAA;AAEY,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAEjC;;;;;;;;;;;;mBAYiB,CAAC,KAAoD,EAAE,EAAE,CACxE,GAAG,KAAK,CAAC,MAAM,IAAI;kBACL,CAAC,KAAoD,EAAE,EAAE,CACvE,IAAI,KAAK,CAAC,MAAM,IAAI;kBACN,CAAC,KAAoD,EAAE,EAAE,CACvE,GAAG,KAAK,CAAC,MAAM,IAAI;iBACN,CAAC,KAAoD,EAAE,EAAE,CACtE,IAAI,KAAK,CAAC,MAAM,IAAI;CACvB,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAAuB;;;;;WAK/C,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;;;;;;;gBAQvD,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;aAErD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;CAO/C,CAAA;AAEY,QAAA,aAAa,GAAG,2BAAM,CAAC,GAAG,CAAqC;;;;WAIjE,CAAC,KAAK,EAAE,EAAE,CAAC,GAAG,KAAK,CAAC,KAAK,IAAI;;gBAExB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;gBACpC,GAAG,EAAE,CAAC,YAAY,8BAAkB,CAAC,WAAW,EAAE;;eAEnD,CAAC,KAAK,EAAE,EAAE,CAAC,cAAc,KAAK,CAAC,QAAQ,KAAK;CAC1D,CAAA"}

package/dist/components/uikit/Tabs/Tabs.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Tabs.typed.js.map

package/dist/components/uikit/Tabs/Tabs.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Tabs/Tabs.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/Tabs/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Tabs = void 0;
+var Tabs_1 = require("./Tabs");
+Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Tabs/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA"}

package/dist/components/uikit/TextButton/TextButton.const.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMode = void 0;
+const getMode = (theme) => {
+    return {
+        blue: {
+            default: {
+                color: theme.interactiveButtons.outlineBrandText
+            },
+            hover: {
+                color: theme.interactiveButtons.secondaryBrandText
+            },
+            active: {
+                color: theme.interactiveButtons.outlineBrandText
+            }
+        }
+    };
+};
+exports.getMode = getMode;
+//# sourceMappingURL=TextButton.const.js.map

package/dist/components/uikit/TextButton/TextButton.const.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.const.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.const.ts"],"names":[],"mappings":";;;AAEO,MAAM,OAAO,GAAG,CAAC,KAAa,EAAE,EAAE;IACvC,OAAO;QACL,IAAI,EAAE;YACJ,OAAO,EAAE;gBACP,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB;aACjD;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,kBAAkB;aACnD;YACD,MAAM,EAAE;gBACN,KAAK,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB;aACjD;SACF;KACF,CAAA;AACH,CAAC,CAAA;AAdY,QAAA,OAAO,WAcnB"}

package/dist/components/uikit/TextButton/TextButton.js

@@ -0,0 +1,46 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./TextButton.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Typography_1 = require("../Typography");
+const TextButton = ({ type = 'button', text, style, onClick, className, iconLeft, iconRight, disabled }) => {
+    const { mode: theme } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[theme] },
+        react_1.default.createElement(Styled.TextButton, { type: type, style: style, className: (0, classnames_1.default)('text-button', className), disabled: disabled, onClick: onClick },
+            iconLeft ? react_1.default.createElement(Styled.IconLeft, null, iconLeft) : null,
+            react_1.default.createElement(Typography_1.Typography, { variant: "text-Medium", tag: "span" }, text),
+            iconRight ? react_1.default.createElement(Styled.IconRight, null, iconRight) : null)));
+};
+exports.TextButton = TextButton;
+//# sourceMappingURL=TextButton.js.map

package/dist/components/uikit/TextButton/TextButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA6C;AAG7C,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AACpD,8CAA0C;AAE1C,MAAM,UAAU,GAAG,CAAC,EAClB,IAAI,GAAG,QAAQ,EACf,IAAI,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,QAAQ,EACR,SAAS,EACT,QAAQ,EACI,EAAE,EAAE;IAChB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAEjC,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,KAAK,CAAC;QAClC,8BAAC,MAAM,CAAC,UAAU,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,aAAa,EAAE,SAAS,CAAC,EAC/C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO;YAEf,QAAQ,CAAC,CAAC,CAAC,8BAAC,MAAM,CAAC,QAAQ,QAAE,QAAQ,CAAmB,CAAC,CAAC,CAAC,IAAI;YAChE,8BAAC,uBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,GAAG,EAAC,MAAM,IACzC,IAAI,CACM;YACZ,SAAS,CAAC,CAAC,CAAC,8BAAC,MAAM,CAAC,SAAS,QAAE,SAAS,CAAoB,CAAC,CAAC,CAAC,IAAI,CAClD,CACN,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/uikit/TextButton/TextButton.stories.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const Remove_svg_1 = __importDefault(require("../../../icons/Remove.svg"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const TextButton_1 = require("./TextButton");
+exports.default = {
+    title: 'Components/TextButton',
+    component: TextButton_1.TextButton,
+    tags: ['autodocs']
+};
+const TextButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "TextButton"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0422\u0435\u043A\u0441\u0442\u043E\u0432\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043A\u0430\u043A \u0442\u0440\u0438\u0433\u0433\u0435\u0440 \u0434\u043B\u044F \u0432\u044B\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u044F \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0451\u043D\u043D\u043E\u0433\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F.\n      \u041A\u043D\u043E\u043F\u043A\u0430 \u043E\u0434\u043D\u043E\u0437\u043D\u0430\u0447\u043D\u043E \u0441\u043E\u043E\u0431\u0449\u0430\u0435\u0442 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E, \u0447\u0442\u043E \u043F\u0440\u043E\u0438\u0437\u043E\u0439\u0434\u0451\u0442 \u043F\u043E\u0441\u043B\u0435 \u043D\u0430\u0436\u0430\u0442\u0438\u044F \u043D\u0430 \u043D\u0435\u0451.\n      \u041D\u0430 \u0442\u0435\u043A\u0443\u0449\u0438\u0439 \u043C\u043E\u043C\u0435\u043D\u0442 \u0438\u043C\u0435\u0435\u0442 \u0442\u043E\u043B\u044C\u043A\u043E \u043E\u0434\u043D\u043E \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TextButton_1.TextButton, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0430\u043F\u043E\u043B\u043D\u0435\u043D\u0438\u0435 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043B\u0435\u0432\u0430 \u0438\u043B\u0438 \u0441\u043F\u0440\u0430\u0432\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TextButton_1.TextButton, { iconLeft: react_1.default.createElement(Remove_svg_1.default, null), text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" }),
+            react_1.default.createElement(TextButton_1.TextButton, { iconRight: react_1.default.createElement(Remove_svg_1.default, null), text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" }))));
+};
+exports.TextButton = TextButton;
+//# sourceMappingURL=TextButton.stories.js.map

package/dist/components/uikit/TextButton/TextButton.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,2EAAkD;AAClD,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,6CAAsD;AAEtD,kBAAe;IACb,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,uBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,iBAAyB;QAChD,8BAAC,mCAAgB,IACf,IAAI,EAAC,4kCAEuC,GAC5C;QACF,8BAAC,2BAAY;YACX,8BAAC,uBAAS,IAAC,IAAI,EAAC,2EAAe,GAAG,CACrB;QACf,8BAAC,uBAAU,4GAA+B;QAC1C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,mNAAyC,GAAG;QACnE,8BAAC,2BAAY;YACX,8BAAC,uBAAS,IAAC,QAAQ,EAAE,8BAAC,oBAAU,OAAG,EAAE,IAAI,EAAC,2EAAe,GAAG;YAC5D,8BAAC,uBAAS,IAAC,SAAS,EAAE,8BAAC,oBAAU,OAAG,EAAE,IAAI,EAAC,2EAAe,GAAG,CAChD,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AApBY,QAAA,UAAU,cAoBtB"}

package/dist/components/uikit/TextButton/TextButton.styled.js

@@ -0,0 +1,51 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconRight = exports.IconLeft = exports.TextButton = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const TextButton_const_1 = require("./TextButton.const");
+exports.TextButton = styled_components_1.default.button `
+  font-family: Manrope, sans-serif;
+  cursor: pointer;
+  width: fit-content;
+  color: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].default.color};
+  border: none;
+  padding: 0;
+  background: transparent;
+  white-space: nowrap;
+  display: flex;
+  align-items: center;
+  & path {
+    fill: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].default.color};
+  }
+  &:hover {
+    color: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].hover.color};
+    & path {
+      fill: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].hover.color};
+    }
+  }
+  &:active {
+    color: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].active.color};
+    & path {
+      fill: ${(props) => (0, TextButton_const_1.getMode)(props.theme)['blue'].active.color};
+    }
+  }
+`;
+exports.IconLeft = styled_components_1.default.span `
+  margin-right: 8px;
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+exports.IconRight = styled_components_1.default.span `
+  width: 24px;
+  height: 24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+//# sourceMappingURL=TextButton.styled.js.map

package/dist/components/uikit/TextButton/TextButton.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,yDAA4C;AAE/B,QAAA,UAAU,GAAG,2BAAM,CAAC,MAAM,CAAA;;;;WAI5B,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK;;;;;;;;YAQpD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,KAAK;;;aAGpD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK;;cAElD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK;;;;aAIpD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK;;cAEnD,CAAC,KAAK,EAAE,EAAE,CAAC,IAAA,0BAAO,EAAC,KAAK,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,MAAM,CAAC,KAAK;;;CAGjE,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;CAOlC,CAAA;AACY,QAAA,SAAS,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;CAMnC,CAAA"}

package/dist/components/uikit/TextButton/TextButton.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TextButton.typed.js.map

package/dist/components/uikit/TextButton/TextButton.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButton.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/TextButton.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/TextButton/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+var TextButton_1 = require("./TextButton");
+Object.defineProperty(exports, "TextButton", { enumerable: true, get: function () { return TextButton_1.TextButton; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/TextButton/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButton/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/dist/components/uikit/TextButtonLink/TextButtonLink.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButtonLink = void 0;
+const react_1 = __importDefault(require("react"));
+const ArrowLink_svg_1 = __importDefault(require("../../../icons/ArrowLink.svg"));
+const TextButton_1 = require("../TextButton");
+const TextButtonLink = (props) => {
+    return react_1.default.createElement(TextButton_1.TextButton, Object.assign({}, props, { iconRight: react_1.default.createElement(ArrowLink_svg_1.default, null) }));
+};
+exports.TextButtonLink = TextButtonLink;
+//# sourceMappingURL=TextButtonLink.js.map

package/dist/components/uikit/TextButtonLink/TextButtonLink.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButtonLink.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/TextButtonLink.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,iFAAoD;AAEpD,8CAA0C;AAE1C,MAAM,cAAc,GAAG,CAAC,KAAsB,EAAE,EAAE;IAChD,OAAO,8BAAC,uBAAU,oBAAK,KAAK,IAAE,SAAS,EAAE,8BAAC,uBAAS,OAAG,IAAI,CAAA;AAC5D,CAAC,CAAA;AAEQ,wCAAc"}

package/dist/components/uikit/TextButtonLink/TextButtonLink.stories.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButton = void 0;
+const react_1 = __importDefault(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const TextButtonLink_1 = require("./TextButtonLink");
+exports.default = {
+    title: 'Components/TextButtonLink',
+    component: TextButtonLink_1.TextButtonLink,
+    tags: ['autodocs']
+};
+const TextButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "TextButtonLink"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0430\u0441\u0442\u043D\u044B\u0439 \u0441\u043B\u0443\u0447\u0430\u0439 \u0434\u043B\u044F \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u043E\u0439 \u043A\u043D\u043E\u043F\u043A\u0438. \u0418\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F, \u043A\u043E\u0433\u0434\u0430 \u043A\u043D\u043E\u043F\u043A\u0430 \u043F\u0435\u0440\u0435\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u0442 \u043D\u0430 \u0441\u0442\u043E\u0440\u043E\u043D\u043D\u044E\u044E \u0441\u0442\u0440\u0430\u043D\u0438\u0446\u0443." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(TextButtonLink_1.TextButtonLink, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" }))));
+};
+exports.TextButton = TextButton;
+//# sourceMappingURL=TextButtonLink.stories.js.map

package/dist/components/uikit/TextButtonLink/TextButtonLink.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButtonLink.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/TextButtonLink.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,qDAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,2BAA2B;IAClC,SAAS,EAAE,+BAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,qBAA6B;QACpD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,8gBAAqG,GAAG;QAC/H,8BAAC,2BAAY;YACX,8BAAC,+BAAS,IAAC,IAAI,EAAC,2EAAe,GAAG,CACrB,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAVY,QAAA,UAAU,cAUtB"}

package/dist/components/uikit/TextButtonLink/TextButtonLink.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=TextButtonLink.typed.js.map

package/dist/components/uikit/TextButtonLink/TextButtonLink.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextButtonLink.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/TextButtonLink.typed.ts"],"names":[],"mappings":""}

package/dist/components/uikit/TextButtonLink/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextButtonLink = void 0;
+var TextButtonLink_1 = require("./TextButtonLink");
+Object.defineProperty(exports, "TextButtonLink", { enumerable: true, get: function () { return TextButtonLink_1.TextButtonLink; } });
+//# sourceMappingURL=index.js.map

package/dist/components/uikit/TextButtonLink/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextButtonLink/index.ts"],"names":[],"mappings":";;;AAAA,mDAAiD;AAAxC,gHAAA,cAAc,OAAA"}

package/dist/components/uikit/TextWithPopup/TextWithPopup.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TextWithPopup = void 0;
+const Popup_1 = require("../Popup");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Container = styled_components_1.default.span `
+  display: inline-flex;
+  align-items: center;
+  flex-wrap: nowrap;
+  gap: 4px;
+`;
+// Компонент нужен для унифицированного решения, когда подсказка выстраивается за последним словом и переносится тоже только с последним словом
+const TextWithPopup = ({ text, hint }) => {
+    const { lastWord, newText } = (0, react_1.useMemo)(() => {
+        const words = text.split(' ');
+        const lastWord = words.pop();
+        return { lastWord, newText: words.join(' ') };
+    }, [text]);
+    return (react_1.default.createElement("span", null,
+        newText,
+        ' ',
+        react_1.default.createElement(Container, null,
+            lastWord,
+            react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))));
+};
+exports.TextWithPopup = TextWithPopup;
+//# sourceMappingURL=TextWithPopup.js.map

package/dist/components/uikit/TextWithPopup/TextWithPopup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextWithPopup.js","sourceRoot":"","sources":["../../../../src/components/uikit/TextWithPopup/TextWithPopup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,oCAAgC;AAChC,+CAAsC;AACtC,0EAAsC;AAQtC,MAAM,SAAS,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;CAK5B,CAAA;AAED,+IAA+I;AAC/I,MAAM,aAAa,GAAG,CAAC,EAAE,IAAI,EAAE,IAAI,EAAU,EAAE,EAAE;IAC/C,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;QAC7B,MAAM,QAAQ,GAAG,KAAK,CAAC,GAAG,EAAE,CAAA;QAC5B,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAA;IAC/C,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,OAAO,CACL;QACG,OAAO;QAAE,GAAG;QACb,8BAAC,SAAS;YACP,QAAQ;YACT,8BAAC,aAAK,oBAAK,IAAI,EAAI,CACT,CACP,CACR,CAAA;AACH,CAAC,CAAA;AAEQ,sCAAa"}

package/dist/components/uikit/Textarea/Textarea.js

@@ -0,0 +1,58 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Textarea.styled"));
+const ErrorText_1 = require("../ErrorText");
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Textarea = (0, react_1.forwardRef)(({ placeholder, name, error, maxLength, value, disabled, height = 132, resize = 'none', autoFocus, onChange, containerClass }, ref) => {
+    const [currentValue, setCurrentValue] = (0, react_1.useState)('');
+    (0, react_1.useEffect)(() => {
+        setCurrentValue(value || '');
+    }, [value]);
+    const handlerChange = (evt) => {
+        setCurrentValue(evt.target.value);
+        onChange(evt.target.value, evt);
+    };
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Container, { className: (0, classnames_1.default)('textarea-container', containerClass) },
+            react_1.default.createElement(Styled.Content, null,
+                react_1.default.createElement(Styled.Textarea, { ref: ref, autoFocus: autoFocus, disabled: disabled, maxLength: maxLength, value: currentValue, name: name, placeholder: placeholder || '', onChange: handlerChange, height: height, resize: resize, error: !!error }),
+                maxLength && (react_1.default.createElement(Styled.Length, null, currentValue === null || currentValue === void 0 ? void 0 :
+                    currentValue.length,
+                    " / ",
+                    react_1.default.createElement("span", null, maxLength)))),
+            !!error && typeof error !== 'boolean' ? (react_1.default.createElement(ErrorText_1.ErrorText, { text: error || '' })) : null)));
+});
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea.js.map

package/dist/components/uikit/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../../src/components/uikit/Textarea/Textarea.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA8D;AAC9D,0DAA2C;AAC3C,4CAAwC;AAGxC,4DAAmC;AACnC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,QAAQ,GAAG,IAAA,kBAAU,EACzB,CACE,EACE,WAAW,EACX,IAAI,EACJ,KAAK,EACL,SAAS,EACT,KAAK,EACL,QAAQ,EACR,MAAM,GAAG,GAAG,EACZ,MAAM,GAAG,MAAM,EACf,SAAS,EACT,QAAQ,EACR,cAAc,EACf,EACD,GAAG,EACH,EAAE;IACF,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAA;IAEpD,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,eAAe,CAAC,KAAK,IAAI,EAAE,CAAC,CAAA;IAC9B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,aAAa,GAAG,CAAC,GAA2C,EAAE,EAAE;QACpE,eAAe,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;QACjC,QAAQ,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IACf,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,cAAc,CAAC;YAE3D,8BAAC,MAAM,CAAC,OAAO;gBACb,8BAAC,MAAM,CAAC,QAAQ,IACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,IAAI,EAAE,EAC9B,QAAQ,EAAE,aAAa,EACvB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,CAAC,CAAC,KAAK,GACd;gBACD,SAAS,IAAI,CACZ,8BAAC,MAAM,CAAC,MAAM,QACX,YAAY,aAAZ,YAAY;oBAAZ,YAAY,CAAE,MAAM;;oBAAI,4CAAO,SAAS,CAAQ,CACnC,CACjB,CACc;YAEhB,CAAC,CAAC,KAAK,IAAI,OAAO,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CACvC,8BAAC,qBAAS,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,GAAI,CACjC,CAAC,CAAC,CAAC,IAAI,CACS,CACL,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,4BAAQ"}

package/dist/components/uikit/Textarea/Textarea.stories.js

@@ -0,0 +1,58 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Textarea_1 = require("./Textarea");
+exports.default = {
+    title: 'Components',
+    component: Textarea_1.Textarea
+};
+const Wrapper = styled_components_1.default.div `
+  & .textarea-container {
+    max-width: 340px;
+  }
+`;
+const Textarea = () => {
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 textarea"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0434\u043B\u044F \u0432\u0432\u043E\u0434\u0430 \u0431\u043E\u043B\u044C\u0448\u0438\u0445 \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u0445 \u0434\u0430\u043D\u043D\u044B\u0445 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u0435\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { value: "", name: "test", onChange: null })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "Textarea \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", onChange: null })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u0435\u0442\u0435 \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044C \u0432\u044B\u0441\u043E\u0442\u0443 \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", onChange: null, height: 200 })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u0435\u0442\u0435 \u0434\u043E\u0431\u0430\u0432\u0438\u0442\u044C \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u043E\u0441\u0442\u044C resize \u043A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442\u0430. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043E\u0442\u043A\u043B\u044E\u0447\u0435\u043D\u043E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", onChange: null, height: 200, resize: "both" })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "Textarea \u0441 \u043F\u043B\u0435\u0439\u0441\u0445\u043E\u043B\u0434\u0435\u0440\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", placeholder: "Placeholder", onChange: null })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "Textarea \u0441 \u043E\u0448\u0438\u0431\u043A\u043E\u0439 \u0431\u0435\u0437 \u0442\u0435\u043A\u0441\u0442\u0430 \u0438 \u0441 \u0442\u0435\u043A\u0441\u0442\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    flexDirection: 'column',
+                    gap: 16
+                } },
+                react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", error: true, onChange: null }),
+                react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", error: "Something went wrong", onChange: null }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 textarea" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", disabled: true, placeholder: "\u0417\u0430\u0434\u0438\u0437\u0435\u0439\u0431\u043B\u0435\u043D\u043D\u044B\u0439 \u0438\u043D\u043F\u0443\u0442", onChange: null })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "Textarea \u0441 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u0438\u0435\u043C \u043F\u043E \u043A\u043E\u043B\u0438\u0447\u0435\u0441\u0442\u0432\u0443 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432. \u0414\u043B\u044F \u043F\u0440\u0438\u043C\u0435\u0440\u0430: \u0442\u043E\u043B\u044C\u043A\u043E 100 \u0441\u0438\u043C\u0432\u043E\u043B\u043E\u0432" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Textarea_1.Textarea, { name: "test", value: "", maxLength: 100, onChange: null }))));
+};
+exports.Textarea = Textarea;
+//# sourceMappingURL=Textarea.stories.js.map

package/dist/components/uikit/Textarea/Textarea.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Textarea/Textarea.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,0EAAsC;AAEtC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,yCAAkD;AAElD,kBAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,mBAAS;CACrB,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;CAIzB,CAAA;AAEM,MAAM,QAAQ,GAAG,GAAG,EAAE;IAC3B,OAAO,CACL,8BAAC,OAAO;QACN,8BAAC,uBAAU,0EAAgC;QAC3C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yYAAyE,GAAG;QACnG,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,KAAK,EAAC,EAAE,EAAC,IAAI,EAAC,MAAM,EAAC,QAAQ,EAAE,IAAI,GAAI,CACrC;QACf,8BAAC,uBAAU,iEAAuB;QAClC,8BAAC,mCAAgB,IAAC,IAAI,EAAC,8EAAuB,GAAG;QACjD,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,GAAI,CACrC;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yLAAmC,GAAG;QAC7D,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,GAAI,CAClD;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,0VAAuE,GAAG;QACjG,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,IAAI,EACd,MAAM,EAAE,GAAG,EACX,MAAM,EAAC,MAAM,GACb,CACW;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,gGAA0B,GAAG;QACpD,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,EAAE,EACR,WAAW,EAAC,aAAa,EACzB,QAAQ,EAAE,IAAI,GACd,CACW;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,6KAA2C,GAAG;QACrE,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,aAAa,EAAE,QAAQ;oBACvB,GAAG,EAAE,EAAE;iBACR;gBAED,8BAAC,mBAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,GAAI;gBAC/D,8BAAC,mBAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,EAAE,EACR,KAAK,EAAC,sBAAsB,EAC5B,QAAQ,EAAE,IAAI,GACd,CACE,CACO;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,+FAAyB,GAAG;QACnD,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IACR,IAAI,EAAC,MAAM,EACX,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,IAAI,EACd,WAAW,EAAC,qHAAsB,EAClC,QAAQ,EAAE,IAAI,GACd,CACW;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,+WAAkF,GAAG;QAC5G,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,EAAE,EAAC,SAAS,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,GAAI,CACrD,CACP,CACX,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,QAAQ,YAsEpB"}

package/dist/components/uikit/Textarea/Textarea.styled.js

@@ -0,0 +1,62 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Textarea = exports.Length = exports.Content = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+`;
+exports.Content = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+`;
+exports.Length = styled_components_1.default.span `
+  position: absolute;
+  right: 24px;
+  bottom: 10px;
+  font-size: 15px;
+  line-height: 20px;
+  color: ${(props) => props.theme.text.primary};
+  & span {
+    color: ${(props) => props.theme.text.secondary};
+  }
+`;
+exports.Textarea = styled_components_1.default.textarea `
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  line-height: 20px;
+  color: ${(props) => props.theme.text.primary};
+  display: block;
+  width: 100%;
+  padding: 12px;
+  border-radius: 8px;
+  background: ${(props) => props.theme.background.field};
+  border: 0.8px solid
+    ${(props) => props.error ? props.theme.stroke.negative : props.theme.stroke.primary};
+  resize: ${(props) => props.resize};
+  height: ${(props) => props.height}px;
+  min-height: 42px;
+  &::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 20px;
+  }
+  &:disabled {
+    border-color: ${(props) => props.theme.stroke.tertiary};
+    color: ${(props) => props.theme.text.secondary};
+  }
+  &:disabled::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+  }
+  &:hover {
+    border-color: ${(props) => props.theme.stroke.secondary};
+  }
+  &:focus {
+    border-color: ${(props) => props.theme.stroke.accent};
+    outline: none;
+  }
+`;
+//# sourceMappingURL=Textarea.styled.js.map

package/dist/components/uikit/Textarea/Textarea.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Textarea/Textarea.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAUzB,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAElC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAEY,QAAA,MAAM,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;WAMtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;aAEjC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;CAEjD,CAAA;AAEY,QAAA,QAAQ,GAAG,2BAAM,CAAC,QAAQ,CAAQ;;;;WAIpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;gBAK9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;MAEjD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;YAChE,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;YACvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;;;aAGtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;;oBAM9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;aAGrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;oBAG9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;oBAGvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;;CAGvD,CAAA"}

package/dist/components/uikit/Textarea/Textarea.typed.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=Textarea.typed.js.map

package/dist/components/uikit/Textarea/Textarea.typed.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.typed.js","sourceRoot":"","sources":["../../../../src/components/uikit/Textarea/Textarea.typed.ts"],"names":[],"mappings":""}