profinansy-ui-lib 3.4.14 → 3.4.16

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

@@ -0,0 +1,99 @@
+"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.Dropdown = void 0;
+const react_1 = __importStar(require("react"));
+const Button_1 = require("../Button");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Dropdown_1 = require("./Dropdown");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.default = {
+    title: 'Components/Dropdown',
+    component: Dropdown_1.Dropdown,
+    tags: ['autodocs']
+};
+const StoryItem = styled_components_1.default.div `
+  padding: 8px 0;
+  font-size: 18px;
+  cursor: pointer;
+  color: ${(props) => props.theme.text.primary};
+  &:hover {
+    color: ${(props) => props.theme.text.accent};
+  }
+`;
+const Dropdown = () => {
+    const ref = (0, react_1.useRef)(null);
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Dropdown"),
+        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 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0432\u044B\u043F\u0430\u0434\u0430\u044E\u0449\u0435\u0433\u043E \u0441\u043F\u0438\u0441\u043A\u0430. \u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0441\u043E\u0434\u0435\u0440\u0436\u0438\u0442 \u0432 \u0441\u0435\u0431\u0435\n       \u043B\u043E\u0433\u0438\u043A\u0443 \u043F\u043E \u043E\u0442\u043A\u0440\u044B\u0442\u0438\u044E \u0432\u044B\u043F\u0430\u0434\u0430\u044E\u0449\u0435\u0433\u043E \u0441\u043F\u0438\u0441\u043A\u043E \u043F\u043E targetElement. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0448\u0438\u0440\u0438\u043D\u0430 \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0438 \u0440\u0430\u0432\u043D\u0430 240px, \u043D\u043E \u0432\u044B \u0435\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043B\u044E\u0431\u043E\u0439, \u043F\u0435\u0440\u0435\u0434\u0430\u0432\n       \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>width</b>. \u041C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u0430\u044F \u0432\u044B\u0441\u043E\u0442\u0430 \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0438 \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0440\u0430\u0432\u043D\u0430 448px, \u043D\u043E \u0432\u044B \u0435\u0435 \u043C\u043E\u0436\u0435\u0442\u0435 \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u043B\u044E\u0431\u043E\u0439, \u043F\u0435\u0440\u0435\u0434\u0430\u0432\n       \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>height</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Dropdown_1.Dropdown, { targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }), width: '300px', height: "400px" },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4")))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0417\u0430\u043A\u0440\u044B\u0442\u0438\u0435 \u0434\u0440\u043E\u043F\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043F\u043E\u043B\u043D\u043E\u0441\u0442\u044C\u044E \u0443\u043F\u0440\u0430\u0432\u043B\u044F\u0435\u0442\u0435 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u043E\u043C \u0432\u043D\u0443\u0442\u0440\u0438 \u0434\u0440\u043E\u043F\u0430. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E, \u0434\u0440\u043E\u043F \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u0435\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0435\u0441\u043B\u0438 \u043A\u043B\u0438\u043A\u043D\u0443\u0442\u044C \u0432\u043D\u0435 \u0435\u0433\u043E \u043E\u0431\u043B\u0430\u0441\u0442\u0438.\n         \u0415\u0441\u043B\u0438 \u0432\u044B \u0445\u043E\u0442\u0438\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043F\u0440\u0438 \u043A\u043B\u0438\u043A\u0435 \u043D\u0430 \u0447\u0442\u043E-\u0442\u043E \u0432\u043D\u0443\u0442\u0440\u0438 \u0434\u0440\u043E\u043F\u0430, \u043E\u043D \u0437\u0430\u043A\u0440\u044B\u0432\u0430\u043B\u0441\u044F, \u0442\u043E \u044D\u0442\u043E \u043C\u043E\u0436\u043D\u043E \u0441\u0434\u0435\u043B\u0430\u0442\u044C \u0447\u0435\u0440\u0435\u0437 <b>ref</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Dropdown_1.Dropdown, { ref: ref, targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }) },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 1"),
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 2"),
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 3"),
+                    react_1.default.createElement(StoryItem, { onClick: () => ref.current.handleClose() }, "Option 4")))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "Auto \u0432\u044B\u0441\u043E\u0442\u0430"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u043F\u0430\u0434\u0430\u0448\u043A\u0430 \u0438\u043C\u0435\u0435\u0442 \u043E\u0433\u0440\u0430\u043D\u0438\u0447\u0435\u043D\u043D\u0443\u044E \u043C\u0430\u043A\u0441\u0438\u043C\u0430\u043B\u044C\u043D\u043E \u0432\u043E\u0437\u043C\u043E\u0436\u043D\u0443\u044E \u0432\u044B\u0441\u043E\u0442\u0443. \u0415\u0441\u043B\u0438 \u0432\u044B \u0445\u043E\u0442\u0438\u0442\u0435, \u0447\u0442\u043E\u0431\u044B \u043E\u043D\u0430 \u0440\u0430\u0441\u0442\u044F\u0433\u0438\u0432\u0430\u043B\u0430\u0441\u044C \u043D\u0430 \u0432\u044B\u0441\u043E\u0442\u0443 \u043A\u043E\u043D\u0442\u0435\u043D\u0442\u0430 \u0438 \u043D\u0435\n      \u0438\u043C\u0435\u043B\u0430 oveflow: hidden, \u0442\u043E \u0437\u0430\u0434\u0430\u0439\u0442\u0435 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>height: auto</b>" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Dropdown_1.Dropdown, { height: "auto", targetElement: react_1.default.createElement(Button_1.Button, { text: "Open dropdown" }), width: '300px' },
+                react_1.default.createElement("div", null,
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"),
+                    react_1.default.createElement(StoryItem, null, "Option 1"),
+                    react_1.default.createElement(StoryItem, null, "Option 2"),
+                    react_1.default.createElement(StoryItem, null, "Option 3"),
+                    react_1.default.createElement(StoryItem, null, "Option 4"))))));
+};
+exports.Dropdown = Dropdown;
+//# sourceMappingURL=Dropdown.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Dropdown/Dropdown.stories.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,64 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Content = exports.Tooltip = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Scroll_1 = require("../../../styles/Scroll");
+exports.Container = styled_components_1.default.div `
+  &:focus-visible {
+    outline: none;
+  }
+  & a {
+    &:focus-visible {
+      outline: none;
+    }
+  }
+`;
+exports.Tooltip = styled_components_1.default.div `
+  font-family: 'Manrope', sans-serif;
+  box-sizing: border-box;
+  width: ${(props) => (props.width ? props.width : '240px')};
+  max-height: calc(100vh - 90px);
+  height: ${(props) => props.height};
+  overflow: ${(props) => (props.height === 'auto' ? 'visible' : 'hidden')};
+  background-color: ${(props) => props.theme.background.field};
+  border-radius: 12px;
+  box-shadow: ${(props) => props.theme.shadow.overlay};
+  z-index: 9999999;
+  ${(props) => props.mode === 'dark' &&
+    (0, styled_components_1.css) `
+      border: 0.5px solid ${(props) => props.theme.stroke.contrast};
+    `}
+`;
+exports.Content = styled_components_1.default.div `
+  padding: ${(props) => props.padding || '12px'};
+  max-height: calc(100vh - 90px);
+  height: 100%;
+  overflow-y: ${(props) => (props.height === 'auto' ? 'visible' : 'auto')};
+  white-space: break-spaces;
+  position: relative;
+  ${Scroll_1.Scroll}
+`;
+//# sourceMappingURL=Dropdown.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Dropdown/Dropdown.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAC/C,mDAA+C;AAElC,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;;;;CASlC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAI/B;;;WAGS,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC;;YAE/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,MAAM;cACrB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC;sBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;gBAE7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;IAEjD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,IAAI,KAAK,MAAM;IACrB,IAAA,uBAAG,EAAA;4BACqB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;KAC7D;CACJ,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAG/B;aACW,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,OAAO,IAAI,MAAM;;;gBAG/B,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC;;;IAGrE,eAAM;CACT,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Dropdown/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/components/uikit/ErrorText/ErrorText.js

@@ -0,0 +1,42 @@
+"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.ErrorText = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./ErrorText.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const ErrorText = ({ text }) => {
+    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.Text, { className: (0, classnames_1.default)('error-text') }, text)));
+};
+exports.ErrorText = ErrorText;
+//# sourceMappingURL=ErrorText.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/ErrorText.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,2DAA4C;AAE5C,4DAAmC;AACnC,4DAAoD;AACpD,yDAAiD;AACjD,gEAAsD;AAEtD,MAAM,SAAS,GAAG,CAAC,EAAE,IAAI,EAAc,EAAE,EAAE;IACzC,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,IAAI,IAAC,SAAS,EAAE,IAAA,oBAAU,EAAC,YAAY,CAAC,IAAG,IAAI,CAAe,CACxD,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,8BAAS"}

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

@@ -0,0 +1,30 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ErrorText = void 0;
+const react_1 = __importDefault(require("react"));
+const Input_1 = require("../Input");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const ErrorText_1 = require("./ErrorText");
+exports.default = {
+    title: 'Components/ErrorText',
+    component: ErrorText_1.ErrorText,
+    tags: ['autodocs']
+};
+const ErrorText = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "ErrorText"),
+        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 \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0442\u0435\u043A\u0441\u0442\u0430 \u043E\u0448\u0438\u0431\u043A\u0438, \u043D\u0430\u043F\u0440\u0438\u043C\u0435\u0440 \u043F\u043E\u0434 \u0438\u043D\u043F\u0443\u0442\u0430\u043C\u0438, \u043A\u043D\u043E\u043F\u043A\u0430\u043C\u0438 \u0438 \u0442\u0434" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ErrorText_1.ErrorText, { text: "Something went wrong" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041E\u0448\u0438\u0431\u043A\u0430 \u043F\u043E\u0434 \u0442\u0435\u043A\u0441\u0442\u043E\u0432\u044B\u043C \u043F\u043E\u043B\u0435\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Input_1.Input, { value: "123", name: "test", error: "\u041D\u0435\u043B\u044C\u0437\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0446\u0438\u0444\u0440\u044B" }))));
+};
+exports.ErrorText = ErrorText;
+//# sourceMappingURL=ErrorText.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/ErrorText.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,oCAAgC;AAChC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,2CAAoD;AAEpD,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,qBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,SAAS,GAAG,GAAG,EAAE;IAC5B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,gBAAwB;QAC/C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,6dAA4F,GAAG;QACtH,8BAAC,2BAAY;YACX,8BAAC,qBAAS,IAAC,IAAI,EAAC,sBAAsB,GAAG,CAC5B;QACf,8BAAC,uBAAU,oIAAmC;QAC9C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,+IAA4B,GAAG;QACtD,8BAAC,2BAAY;YACX,8BAAC,aAAK,IAAC,KAAK,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,KAAK,EAAC,8IAA2B,GAAG,CACtD,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,SAAS,aAerB"}

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Text = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Text = styled_components_1.default.span `
+  font-size: 15px;
+  line-height: 20px;
+  color: ${(props) => props.theme.text.negative};
+  margin-top: 4px;
+  display: inline-block;
+`;
+//# sourceMappingURL=ErrorText.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorText.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/ErrorText.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;;;WAGpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;;;CAG9C,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/ErrorText/index.ts"],"names":[],"mappings":";;;AAAA,yCAAuC;AAA9B,sGAAA,SAAS,OAAA"}

package/dist/components/uikit/FieldRow/FieldRow.js

@@ -0,0 +1,50 @@
+"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.FieldRow = void 0;
+const react_1 = __importDefault(require("react"));
+const Popup_1 = require("../Popup");
+const classnames_1 = __importDefault(require("classnames"));
+const Styled = __importStar(require("./FieldRow.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const FieldRow = ({ label, children, required, marginBottom = 16, hint = null, rootClass }) => {
+    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, { marginBottom: marginBottom, className: (0, classnames_1.default)('fieldRow-container', rootClass) },
+            !!label && (react_1.default.createElement(Styled.Label, { onClick: (e) => e.preventDefault() },
+                label,
+                " ",
+                required && react_1.default.createElement(Styled.Required, null, "*"),
+                hint && (react_1.default.createElement(Styled.Hint, null,
+                    react_1.default.createElement(Popup_1.Popup, Object.assign({}, hint)))))),
+            react_1.default.createElement(Styled.InputContainer, null, children))));
+};
+exports.FieldRow = FieldRow;
+//# sourceMappingURL=FieldRow.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/FieldRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AAEzB,oCAAgC;AAEhC,4DAAmC;AACnC,0DAA2C;AAC3C,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,QAAQ,GAAG,CAAC,EAChB,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,YAAY,GAAG,EAAE,EACjB,IAAI,GAAG,IAAI,EACX,SAAS,EACC,EAAE,EAAE;IACd,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,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,IAAA,oBAAU,EAAC,oBAAoB,EAAE,SAAS,CAAC;YAErD,CAAC,CAAC,KAAK,IAAI,CACV,8BAAC,MAAM,CAAC,KAAK,IAAC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,cAAc,EAAE;gBAC7C,KAAK;;gBAAG,QAAQ,IAAI,8BAAC,MAAM,CAAC,QAAQ,YAAoB;gBACxD,IAAI,IAAI,CACP,8BAAC,MAAM,CAAC,IAAI;oBACV,8BAAC,aAAK,oBAAK,IAAI,EAAI,CACP,CACf,CACY,CAChB;YACD,8BAAC,MAAM,CAAC,cAAc,QAAE,QAAQ,CAAyB,CACxC,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,4BAAQ"}

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

@@ -0,0 +1,56 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FieldRow = void 0;
+const react_1 = __importDefault(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Input_1 = require("../Input");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const FieldRow_1 = require("./FieldRow");
+exports.default = {
+    title: 'Components/FieldRow',
+    component: FieldRow_1.FieldRow,
+    tags: ['autodocs']
+};
+const Wrapper = styled_components_1.default.div `
+  & .input-container {
+    max-width: 340px;
+  }
+`;
+const FieldRow = () => {
+    return (react_1.default.createElement(Wrapper, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "FieldRow"),
+        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 \u043E\u0431\u0435\u0440\u0442\u043A\u0438 \u0438\u043D\u043F\u0443\u0442\u043E\u0432, \u0441\u0435\u043B\u0435\u043A\u0442\u043E\u0432, textarea \u0438 \u0442\u0434.\n      \u041D\u0443\u0436\u043D\u043E, \u0447\u0442\u043E\u0431\u044B \u0432\u0441\u0435 \u043B\u0435\u0439\u0431\u043B\u044B \u0432 \u043F\u0440\u043E\u0435\u043A\u0442\u0435 \u0432\u044B\u0433\u043B\u044F\u0434\u0435\u043B\u0438 \u043E\u0434\u0438\u043D\u0430\u043A\u043E\u0432\u043E \u0438 \u0434\u043B\u044F \u043A\u0430\u0436\u0434\u043E\u0433\u043E \u043D\u043E\u0432\u043E\u0433\u043E \u043F\u043E\u043B\u044F \u043D\u0435 \u043F\u0440\u0438\u0445\u043E\u0434\u0438\u043B\u043E\u0441\u044C \u043F\u0438\u0441\u0430\u0442\u044C \u0438\u0445 \u0437\u0430\u043D\u043E\u0432\u043E\n      \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u043A\u043E\u043C\u043F\u0430\u043D\u043E\u0432\u043E\u043A\u043E\u0439" }),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041F\u0440\u0438\u043C\u0435\u0440\u044B \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u043E\u0431\u0435\u0440\u043D\u0443\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u043B\u0435\u0439\u0431\u043B\u043E\u043C" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F" },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0418\u043D\u043F\u0443\u0442 \u043E\u0431\u0435\u0440\u043D\u0443\u0442 \u0432 \u043A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0441 \u043B\u0435\u0439\u0431\u043B\u043E\u043C, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u043F\u043E\u043C\u0435\u0447\u0435\u043D \u043A\u0430\u043A \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", required: true },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0414\u043E\u0431\u0430\u0432\u043B\u0435\u043D\u0438\u0435 \u043F\u043E\u0434\u0441\u043A\u0430\u0437\u043A\u0438 \u043A \u043F\u043E\u043B\u044E" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", required: true, hint: {
+                    content: [
+                        'Динамика счета',
+                        'Lorem Ipsum is simply dummy text of the printing and typesetting industry. ' +
+                            "Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, " +
+                            'when an unknown printer took a galley of type and scrambled it to make a type specimen book.',
+                        'https://www.google.com/',
+                        'https://www.youtube.com/watch?v=XqZsoesa55w'
+                    ]
+                } },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" }))),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043D\u0442\u0435\u0439\u043D\u0435\u0440 \u0438\u043C\u0435\u0435\u0442 \u043D\u0443\u043B\u0435\u0432\u043E\u0439 \u043E\u0442\u0441\u0442\u0443\u043F \u0441\u043D\u0438\u0437\u0443. \u0423\u0434\u043E\u0431\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C, \u043A\u043E\u0433\u0434\u0430 \u044D\u043B\u0435\u043C\u0435\u043D\u0442 \u043F\u043E\u0441\u043B\u0435\u0434\u043D\u0438\u0439 \u0432 \u0431\u043B\u043E\u043A\u0435" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(FieldRow_1.FieldRow, { label: "\u0424\u0430\u043C\u0438\u043B\u0438\u044F", required: true, marginBottom: 0 },
+                react_1.default.createElement(Input_1.Input, { value: "", placeholder: "\u0412\u0432\u0435\u0434\u0438\u0442\u0435 \u0444\u0430\u043C\u0438\u043B\u0438\u044E", name: "test" })))));
+};
+exports.FieldRow = FieldRow;
+//# sourceMappingURL=FieldRow.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/FieldRow.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,0EAAsC;AAEtC,oCAAgC;AAChC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,yCAAkD;AAElD,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,mBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,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,IAAC,KAAK,EAAE,IAAI,eAAuB;QAC9C,8BAAC,mCAAgB,IACf,IAAI,EAAC,+/BAEe,GACpB;QACF,8BAAC,uBAAU,oIAAmC;QAC9C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,2LAAqC,GAAG;QAC/D,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,KAAK,EAAC,4CAAS;gBACxB,8BAAC,aAAK,IAAC,KAAK,EAAC,EAAE,EAAC,WAAW,EAAC,uFAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACC;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,8WAAuE,GAAG;QACjG,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,KAAK,EAAC,4CAAS,EAAC,QAAQ;gBACjC,8BAAC,aAAK,IAAC,KAAK,EAAC,EAAE,EAAC,WAAW,EAAC,uFAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACC;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,qJAA6B,GAAG;QACvD,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IACR,KAAK,EAAC,4CAAS,EACf,QAAQ,QACR,IAAI,EAAE;oBACJ,OAAO,EAAE;wBACP,gBAAgB;wBAChB,6EAA6E;4BAC3E,gFAAgF;4BAChF,8FAA8F;wBAChG,yBAAyB;wBACzB,6CAA6C;qBAC9C;iBACF;gBAED,8BAAC,aAAK,IAAC,KAAK,EAAC,EAAE,EAAC,WAAW,EAAC,uFAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACC;QACf,8BAAC,mCAAgB,IAAC,IAAI,EAAC,6dAA4F,GAAG;QACtH,8BAAC,2BAAY;YACX,8BAAC,mBAAS,IAAC,KAAK,EAAC,4CAAS,EAAC,QAAQ,QAAC,YAAY,EAAE,CAAC;gBACjD,8BAAC,aAAK,IAAC,KAAK,EAAC,EAAE,EAAC,WAAW,EAAC,uFAAiB,EAAC,IAAI,EAAC,MAAM,GAAG,CAClD,CACC,CACP,CACX,CAAA;AACH,CAAC,CAAA;AAjDY,QAAA,QAAQ,YAiDpB"}

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

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InputContainer = exports.Hint = exports.Required = exports.Label = exports.Container = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Container = styled_components_1.default.div `
+  width: 100%;
+  margin-bottom: ${(props) => props.marginBottom}px;
+`;
+exports.Container = Container;
+const Label = styled_components_1.default.label `
+  font-weight: 500;
+  font-size: 13px;
+  line-height: 16px;
+  color: ${(props) => props.theme.text.fourth};
+  padding-bottom: 4px;
+  display: flex;
+  width: fit-content;
+`;
+exports.Label = Label;
+const Required = styled_components_1.default.span `
+  color: ${(props) => props.theme.text.negative};
+  margin-left: 2px;
+`;
+exports.Required = Required;
+const Hint = styled_components_1.default.div `
+  margin-left: 5px;
+  display: flex;
+  align-items: center;
+  position: relative;
+`;
+exports.Hint = Hint;
+const InputContainer = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  position: relative;
+  width: 100%;
+`;
+exports.InputContainer = InputContainer;
+//# sourceMappingURL=FieldRow.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FieldRow.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/FieldRow.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEtC,MAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,CAA0B;;mBAEnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,YAAY;CAC/C,CAAA;AA+BQ,8BAAS;AA7BlB,MAAM,KAAK,GAAG,2BAAM,CAAC,KAAK,CAAA;;;;WAIf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM;;;;CAI5C,CAAA;AAqBmB,sBAAK;AAnBzB,MAAM,QAAQ,GAAG,2BAAM,CAAC,IAAI,CAAA;WACjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,QAAQ;;CAE9C,CAAA;AAgB0B,4BAAQ;AAdnC,MAAM,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKtB,CAAA;AASoC,oBAAI;AAPzC,MAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKhC,CAAA;AAE0C,wCAAc"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/FieldRow/index.ts"],"names":[],"mappings":";;;AAAA,uCAAqC;AAA5B,oGAAA,QAAQ,OAAA"}

package/dist/components/uikit/FilterButton/Button/Button.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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Button = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Button.styled"));
+const Typography_1 = require("../../Typography");
+const Filter2_svg_1 = __importDefault(require("../../../../icons/Filter2.svg"));
+const Button = (0, react_1.forwardRef)((_a, ref) => {
+    var { activeElements, text, isStroke, size, withoutTextOnMobile = false } = _a, props = __rest(_a, ["activeElements", "text", "isStroke", "size", "withoutTextOnMobile"]);
+    return (react_1.default.createElement(Styled.Button, Object.assign({ isText: !!text, ref: ref, activeElements: activeElements, isStroke: isStroke, size: size, withoutTextOnMobile: withoutTextOnMobile }, props),
+        !!text && (react_1.default.createElement(Typography_1.Typography, { variant: "description-Medium", tag: "span" }, text)),
+        react_1.default.createElement(Filter2_svg_1.default, null),
+        !!activeElements && (react_1.default.createElement(Styled.Counter, { size: size },
+            react_1.default.createElement(Typography_1.Typography, { variant: "tag-Medium9", tag: "span" }, activeElements)))));
+});
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

package/dist/components/uikit/FilterButton/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/uikit/FilterButton/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wDAAyC;AACzC,iDAA6C;AAC7C,gFAAsD;AAYtD,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EAOC,EACD,GAAG,EACH,EAAE;QATF,EACE,cAAc,EACd,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,mBAAmB,GAAG,KAAK,OAE5B,EADI,KAAK,cANV,qEAOC,CADS;IAIV,OAAO,CACL,8BAAC,MAAM,CAAC,MAAM,kBACZ,MAAM,EAAE,CAAC,CAAC,IAAI,EACd,GAAG,EAAE,GAAG,EACR,cAAc,EAAE,cAAc,EAC9B,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,mBAAmB,EAAE,mBAAmB,IACpC,KAAK;QAER,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,uBAAU,IAAC,OAAO,EAAC,oBAAoB,EAAC,GAAG,EAAC,MAAM,IAChD,IAAI,CACM,CACd;QACD,8BAAC,qBAAU,OAAG;QACb,CAAC,CAAC,cAAc,IAAI,CACnB,8BAAC,MAAM,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI;YACxB,8BAAC,uBAAU,IAAC,OAAO,EAAC,aAAa,EAAC,GAAG,EAAC,MAAM,IACzC,cAAc,CACJ,CACE,CAClB,CACa,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AACQ,wBAAM"}