profinansy-ui-lib 3.4.14 → 3.4.16

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.tyled.js

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

package/dist/components/layouts/LayoutSideMenu/LayoutSideMenu.tyled.js.map

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

package/dist/components/layouts/LayoutSideMenu/index.js

@@ -0,0 +1,18 @@
+"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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./LayoutSideMenu"), exports);
+//# sourceMappingURL=index.js.map

package/dist/components/layouts/LayoutSideMenu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/layouts/LayoutSideMenu/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,mDAAgC"}

package/dist/components/modals/SuccessModal/SuccessModal.js

@@ -0,0 +1,52 @@
+"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.SuccessModal = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./SuccessModal.styled"));
+const Modal_1 = require("../../uikit/Modal");
+const Done_svg_1 = __importDefault(require("../../../icons/Done.svg"));
+const SuccessModal = ({ isOpen, onClose, title, text }) => {
+    (0, react_1.useEffect)(() => {
+        if (isOpen) {
+            const timerId = setTimeout(() => {
+                onClose();
+            }, 3500);
+            return () => {
+                clearTimeout(timerId);
+            };
+        }
+    }, [isOpen]);
+    return (react_1.default.createElement(Modal_1.Modal, { open: isOpen, onClose: onClose, styleContent: { maxWidth: '650px' } },
+        react_1.default.createElement(Styled.Icon, null,
+            react_1.default.createElement(Done_svg_1.default, null)),
+        react_1.default.createElement(Styled.Title, null, title),
+        react_1.default.createElement(Styled.Text, { dangerouslySetInnerHTML: { __html: text || '' } })));
+};
+exports.SuccessModal = SuccessModal;
+//# sourceMappingURL=SuccessModal.js.map

package/dist/components/modals/SuccessModal/SuccessModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessModal.js","sourceRoot":"","sources":["../../../../src/components/modals/SuccessModal/SuccessModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAwC;AACxC,8DAA+C;AAC/C,6CAAyC;AACzC,uEAA8C;AAG9C,MAAM,YAAY,GAAG,CAAC,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAiB,EAAE,EAAE;IACvE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,MAAM,EAAE;YACV,MAAM,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;gBAC9B,OAAO,EAAE,CAAA;YACX,CAAC,EAAE,IAAI,CAAC,CAAA;YACR,OAAO,GAAG,EAAE;gBACV,YAAY,CAAC,OAAO,CAAC,CAAA;YACvB,CAAC,CAAA;SACF;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAA;IAEZ,OAAO,CACL,8BAAC,aAAK,IAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE;QACxE,8BAAC,MAAM,CAAC,IAAI;YACV,8BAAC,kBAAQ,OAAG,CACA;QACd,8BAAC,MAAM,CAAC,KAAK,QAAE,KAAK,CAAgB;QACpC,8BAAC,MAAM,CAAC,IAAI,IAAC,uBAAuB,EAAE,EAAE,MAAM,EAAE,IAAI,IAAI,EAAE,EAAE,GAAI,CAC1D,CACT,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

package/dist/components/modals/SuccessModal/SuccessModal.stories.js

@@ -0,0 +1,43 @@
+"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.SuccessModal = void 0;
+const react_1 = __importStar(require("react"));
+const SuccessModal_1 = require("./SuccessModal");
+const StoryTitle_1 = require("../../uikit/storybook/StoryTitle/StoryTitle");
+const StoryDescription_1 = require("../../uikit/storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Modals/SuccessModal',
+    component: SuccessModal_1.SuccessModal
+};
+const SuccessModal = () => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(true);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "SuccessModal"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0434\u0430\u043B\u044C\u043D\u043E\u0435 \u043E\u043A\u043D\u043E \u0434\u043B\u044F \u043E\u0442\u043E\u0431\u0440\u0430\u0436\u0435\u043D\u0438\u044F \u0443\u0441\u043F\u0435\u0448\u043D\u043E\u0433\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044E." }),
+        react_1.default.createElement(SuccessModal_1.SuccessModal, { onClose: () => setIsOpen(false), isOpen: isOpen, title: "\u0421\u043F\u0430\u0441\u0438\u0431\u043E \u0437\u0430 \u043E\u0431\u0440\u0430\u0442\u043D\u0443\u044E \u0441\u0432\u044F\u0437\u044C!", text: "\u0412\u0430\u0448\u0435 \u043C\u043D\u0435\u043D\u0438\u0435 \u0438\u043C\u0435\u0435\u0442 \u0434\u043B\u044F \u043D\u0430\u0441 \u043E\u0433\u0440\u043E\u043C\u043D\u043E\u0435 \u0437\u043D\u0430\u0447\u0435\u043D\u0438\u0435, \u0438 \u043C\u044B \u043E\u0431\u044F\u0437\u0430\u0442\u0435\u043B\u044C\u043D\u043E \u0443\u0447\u0442\u0435\u043C \u0432\u0441\u0435\n        \u0432\u0430\u0448\u0438 \u0437\u0430\u043C\u0435\u0447\u0430\u043D\u0438\u044F \u2764\uFE0F" })));
+};
+exports.SuccessModal = SuccessModal;
+//# sourceMappingURL=SuccessModal.stories.js.map

package/dist/components/modals/SuccessModal/SuccessModal.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessModal.stories.js","sourceRoot":"","sources":["../../../../src/components/modals/SuccessModal/SuccessModal.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,iDAA0D;AAC1D,4EAAwE;AACxE,8FAA0F;AAE1F,kBAAe;IACb,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,2BAAS;CACrB,CAAA;AAEM,MAAM,YAAY,GAAG,GAAG,EAAE;IAC/B,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,IAAA,gBAAQ,EAAC,IAAI,CAAC,CAAA;IAC1C,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,mBAA2B;QAClD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yVAAiE,GAAG;QAC3F,8BAAC,2BAAS,IACR,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,KAAK,CAAC,EAC/B,MAAM,EAAE,MAAM,EACd,KAAK,EAAC,0IAA4B,EAClC,IAAI,EAAC,sdACa,GAClB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAfY,QAAA,YAAY,gBAexB"}

package/dist/components/modals/SuccessModal/SuccessModal.styled.js

@@ -0,0 +1,81 @@
+"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.Text = exports.Title = exports.Icon = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const common_1 = require("../../../constants/common");
+const pulse = (0, styled_components_1.keyframes) `
+    0% {
+        box-shadow: 0 0 0 0 rgba(51, 217, 178, 0.7);
+    }
+    100% {
+        box-shadow: 0 0 0 14px rgba(52, 199, 89, 0.20);
+    }
+`;
+exports.Icon = styled_components_1.default.div `
+  margin: 14px auto 0 auto;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  width: fit-content;
+  background: ${(props) => props.theme.icons.positive};
+  border-radius: 100%;
+  min-width: 90px;
+  min-height: 90px;
+  animation-name: ${pulse};
+  animation-fill-mode: forwards;
+  animation-duration: 0.7s;
+  animation-delay: 0.5s;
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    min-width: 80px;
+    min-height: 80px;
+  }
+`;
+exports.Title = styled_components_1.default.span `
+  color: ${(props) => props.theme.text.primary};
+  text-align: center;
+  font-size: 24px;
+  font-weight: 600;
+  line-height: 32px;
+  padding-top: 32px;
+  padding-bottom: 16px;
+  display: block;
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    font-size: 20px;
+  }
+`;
+exports.Text = styled_components_1.default.span `
+  color: ${(props) => props.theme.text.primary};
+  text-align: center;
+  font-size: 17px;
+  line-height: 22px;
+  padding-bottom: 32px;
+  display: block;
+  @media (max-width: ${common_1.MOBILE_WIDTH}px) {
+    font-size: 15px;
+    padding-bottom: 16px;
+  }
+`;
+//# sourceMappingURL=SuccessModal.styled.js.map

package/dist/components/modals/SuccessModal/SuccessModal.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SuccessModal.styled.js","sourceRoot":"","sources":["../../../../src/components/modals/SuccessModal/SuccessModal.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAqD;AACrD,sDAAwD;AAExD,MAAM,KAAK,GAAG,IAAA,6BAAS,EAAA;;;;;;;CAOtB,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;;gBAMd,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,QAAQ;;;;oBAIjC,KAAK;;;;uBAIF,qBAAY;;;;CAIlC,CAAA;AACY,QAAA,KAAK,GAAG,2BAAM,CAAC,IAAI,CAAA;WACrB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;;;uBAQvB,qBAAY;;;CAGlC,CAAA;AAEY,QAAA,IAAI,GAAG,2BAAM,CAAC,IAAI,CAAA;WACpB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;;uBAMvB,qBAAY;;;;CAIlC,CAAA"}

package/dist/components/modals/SuccessModal/SuccessModal.typed.js

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

package/dist/components/modals/SuccessModal/SuccessModal.typed.js.map

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

package/dist/components/modals/SuccessModal/index.js

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

package/dist/components/modals/SuccessModal/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modals/SuccessModal/index.ts"],"names":[],"mappings":";;;AAAA,+CAA6C;AAApC,4GAAA,YAAY,OAAA"}

package/dist/components/uikit/Alert/Alert.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Alert = void 0;
+const react_1 = __importDefault(require("react"));
+const Alert_styled_1 = require("./Alert.styled");
+const Modal_1 = require("../Modal");
+const Button_1 = require("../Button");
+const Typography_1 = require("../Typography");
+const Alert = ({ modal, cancelButton, confirmButton, text }) => {
+    const propsForModal = Object.assign(Object.assign({}, modal), { styleContent: Object.assign({ maxWidth: '516px', width: '100%' }, modal === null || modal === void 0 ? void 0 : modal.styleContent) });
+    return (react_1.default.createElement(Modal_1.Modal, Object.assign({}, propsForModal),
+        !!text && (react_1.default.createElement(Typography_1.Typography, { variant: "text-Regular", colorName: "primary", marginBottom: "24px" }, text)),
+        react_1.default.createElement(Alert_styled_1.Buttons, null,
+            react_1.default.createElement(Button_1.Button, Object.assign({ mode: "secondary" }, cancelButton)),
+            react_1.default.createElement(Button_1.Button, Object.assign({ mode: "critical" }, confirmButton)))));
+};
+exports.Alert = Alert;
+//# sourceMappingURL=Alert.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../../src/components/uikit/Alert/Alert.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,iDAAwC;AACxC,oCAAgC;AAChC,sCAAkC;AAElC,8CAA0C;AAE1C,MAAM,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,aAAa,EAAE,IAAI,EAAU,EAAE,EAAE;IACrE,MAAM,aAAa,mCACd,KAAK,KACR,YAAY,kBAAI,QAAQ,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,IAAK,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,YAAY,IACzE,CAAA;IAED,OAAO,CACL,8BAAC,aAAK,oBAAK,aAAa;QACrB,CAAC,CAAC,IAAI,IAAI,CACT,8BAAC,uBAAU,IACT,OAAO,EAAC,cAAc,EACtB,SAAS,EAAC,SAAS,EACnB,YAAY,EAAC,MAAM,IAElB,IAAI,CACM,CACd;QACD,8BAAC,sBAAO;YACN,8BAAC,eAAM,kBAAC,IAAI,EAAC,WAAW,IAAK,YAAY,EAAI;YAC7C,8BAAC,eAAM,kBAAC,IAAI,EAAC,UAAU,IAAK,aAAa,EAAI,CACrC,CACJ,CACT,CAAA;AACH,CAAC,CAAA;AAEQ,sBAAK"}

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

@@ -0,0 +1,61 @@
+"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.Alert = void 0;
+const react_1 = __importStar(require("react"));
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Alert_1 = require("./Alert");
+const Button_1 = require("../Button");
+exports.default = {
+    title: 'Components/Alert',
+    component: Alert_1.Alert,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=12325-3005&mode=dev'
+        }
+    }
+};
+const Alert = () => {
+    const [open, setOpen] = (0, react_1.useState)(false);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Alert"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041F\u0440\u043E\u0441\u0438\u0442 \u0443 \u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u0435\u043B\u044F \u043F\u043E\u0434\u0442\u0432\u0435\u0440\u0436\u0434\u0435\u043D\u0438\u0435 \u0434\u043B\u044F \u0441\u043E\u0432\u0435\u0440\u0448\u0435\u043D\u0438\u044F \u043A\u0430\u043A\u043E\u0433\u043E-\u043B\u0438\u0431\u043E \u0434\u0435\u0439\u0441\u0442\u0432\u0438\u044F" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041E\u0442\u043A\u0440\u044B\u0442\u044C Alert", onClick: () => setOpen(true) }),
+            react_1.default.createElement(Alert_1.Alert, { modal: {
+                    open: open,
+                    onClose: () => setOpen(false),
+                    title: 'Вы уверены, что хотите удалить портфель?'
+                }, text: react_1.default.createElement(react_1.default.Fragment, null,
+                    "\u041F\u043E\u0434\u0431\u043E\u0440\u043A\u0430 \u201C\u041D\u0430\u043A\u043E\u043F\u0438\u0442\u044C \u043D\u0430 \u043B\u0435\u0447\u0435\u043D\u0438\u0435 \u0437\u0443\u0431\u043E\u0432\u201D ",
+                    react_1.default.createElement("b", null, "\u0441\u043E\u0434\u0435\u0440\u0436\u0438\u0442 48 \u0436\u0435\u043B\u0430\u043D\u0438\u0439"),
+                    ". \u0412\u044B \u0445\u043E\u0442\u0438\u0442\u0435 \u0443\u0434\u0430\u043B\u0438\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u043F\u043E\u0434\u0431\u043E\u0440\u043A\u0443 \u0438\u043B\u0438 \u0432\u0441\u0435 \u0436\u0432\u043B\u0430\u043D\u0438\u044F \u0432\u043C\u0435\u0441\u0442\u0435 \u0441 \u043D\u0435\u0439?"), cancelButton: { text: 'Отменить', onClick: () => setOpen(false) }, confirmButton: { text: 'Удалить', onClick: () => setOpen(false) } }))));
+};
+exports.Alert = Alert;
+//# sourceMappingURL=Alert.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Alert/Alert.stories.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAuC;AACvC,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,mCAA4C;AAC5C,sCAAkC;AAElC,kBAAe;IACb,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,aAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,sGAAsG;SAC5G;KACF;CACF,CAAA;AAEM,MAAM,KAAK,GAAG,GAAG,EAAE;IACxB,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAA;IAEvC,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,YAAoB;QAC3C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,oYAAyE,GAAG;QACnG,8BAAC,2BAAY;YACX,8BAAC,eAAM,IAAC,IAAI,EAAC,kDAAe,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,GAAI;YAC7D,8BAAC,aAAS,IACR,KAAK,EAAE;oBACL,IAAI,EAAE,IAAI;oBACV,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC;oBAC7B,KAAK,EAAE,0CAA0C;iBAClD,EACD,IAAI,EACF;;oBACuC,0IAA0B;4VAE9D,EAEL,YAAY,EAAE,EAAE,IAAI,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,EACjE,aAAa,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE,GACjE,CACW,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,KAAK,SA2BjB"}

package/dist/components/uikit/Alert/Alert.styled.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.Buttons = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Buttons = styled_components_1.default.div `
+  display: flex;
+  gap: 12px;
+  width: 100%;
+  justify-content: flex-end;
+`;
+//# sourceMappingURL=Alert.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Alert/Alert.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;;;CAKhC,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Alert/index.ts"],"names":[],"mappings":";;;AAAA,iCAA+B;AAAtB,8FAAA,KAAK,OAAA"}

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

@@ -0,0 +1,30 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButtonSize = void 0;
+exports.ArrowButtonSize = {
+    L: {
+        size: `
+      width: 36px;
+      min-width: 36px;
+      height: 36px;
+      min-height: 36px;
+    `
+    },
+    M: {
+        size: `
+      width: 28px;
+      min-width: 28px;
+      height: 28px;
+      min-height: 28px;
+    `
+    },
+    S: {
+        size: `
+    width: 22px;
+    min-width: 22px;
+    height: 22px;
+    min-height: 22px;
+    `
+    }
+};
+//# sourceMappingURL=ArrowButton.const.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.const.js","sourceRoot":"","sources":["../../../../src/components/uikit/ArrowButton/ArrowButton.const.ts"],"names":[],"mappings":";;;AAAa,QAAA,eAAe,GAAG;IAC7B,CAAC,EAAE;QACD,IAAI,EAAE;;;;;KAKL;KACF;IACD,CAAC,EAAE;QACD,IAAI,EAAE;;;;;KAKL;KACF;IACD,CAAC,EAAE;QACD,IAAI,EAAE;;;;;KAKL;KACF;CACF,CAAA"}

package/dist/components/uikit/ArrowButton/ArrowButton.js

@@ -0,0 +1,52 @@
+"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.ArrowButton = void 0;
+const react_1 = __importDefault(require("react"));
+const ArrowLeft_svg_1 = __importDefault(require("../../../icons/ArrowLeft.svg"));
+const ArrowLeftMiddle_svg_1 = __importDefault(require("../../../icons/ArrowLeftMiddle.svg"));
+const ArrowLeftSmall_svg_1 = __importDefault(require("../../../icons/ArrowLeftSmall.svg"));
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Styled = __importStar(require("./ArrowButton.styled"));
+const classnames_1 = __importDefault(require("classnames"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const ArrowButton = ({ direction = 'left', className, style, size = 'L', onClick, disabled = false }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const Icon = size === 'L'
+        ? ArrowLeft_svg_1.default
+        : size === 'M'
+            ? ArrowLeftMiddle_svg_1.default
+            : ArrowLeftSmall_svg_1.default;
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Button, { disabled: disabled, onClick: onClick, style: style, className: (0, classnames_1.default)('arrow-button', className), size: size },
+            react_1.default.createElement(Styled.IconWrapper, { direction: direction },
+                react_1.default.createElement(Icon, null)))));
+};
+exports.ArrowButton = ArrowButton;
+//# sourceMappingURL=ArrowButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.js","sourceRoot":"","sources":["../../../../src/components/uikit/ArrowButton/ArrowButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,iFAAwD;AACxD,6FAAoE;AACpE,2FAAkE;AAGlE,yDAAiD;AACjD,4DAAoD;AACpD,6DAA8C;AAC9C,4DAAmC;AACnC,gEAAsD;AAEtD,MAAM,WAAW,GAAG,CAAC,EACnB,SAAS,GAAG,MAAM,EAClB,SAAS,EACT,KAAK,EACL,IAAI,GAAG,GAAG,EACV,OAAO,EACP,QAAQ,GAAG,KAAK,EACH,EAAE,EAAE;IACjB,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,MAAM,IAAI,GACR,IAAI,KAAK,GAAG;QACV,CAAC,CAAC,uBAAa;QACf,CAAC,CAAC,IAAI,KAAK,GAAG;YACd,CAAC,CAAC,6BAAmB;YACrB,CAAC,CAAC,4BAAkB,CAAA;IAExB,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,MAAM,IACZ,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,cAAc,EAAE,SAAS,CAAC,EAChD,IAAI,EAAE,IAAI;YAEV,8BAAC,MAAM,CAAC,WAAW,IAAC,SAAS,EAAE,SAAS;gBACtC,8BAAC,IAAI,OAAG,CACW,CACP,CACF,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,kCAAW"}

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

@@ -0,0 +1,54 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ArrowButton = 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 ArrowButton_1 = require("./ArrowButton");
+exports.default = {
+    title: 'Components/ArrowButton',
+    component: ArrowButton_1.ArrowButton,
+    tags: ['autodocs']
+};
+const ArrowButton = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "ArrowButton"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0430\u0441\u0442\u043D\u044B\u0439 \u0441\u043B\u0443\u0447\u0430\u0439 \u043A\u0440\u0443\u0433\u043B\u043E\u0439 \u043A\u043D\u043E\u043F\u043A\u0438. \u0421\u043B\u0443\u0436\u0438\u0442 \u0434\u043B\u044F \u0443\u043A\u0430\u0437\u0430\u043D\u0438\u044F \u043D\u0430\u043F\u0440\u0430\u0432\u043B\u0435\u043D\u0438\u044F right \u0438 left \u0432 \u0441\u0432\u0430\u0439\u043F\u0435\u0440\u0430\u0445, \u0441\u043B\u0430\u0439\u0434\u0435\u0440\u0430\u0445 \u0438 \u0442.\u0434.\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." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ArrowButton_1.ArrowButton, null)),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043B\u043E\u0442\u044B \u0434\u043B\u044F \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0430\u0446\u0438\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0438\u043A\u043E\u043D\u043A\u0443 \u0434\u043B\u044F \u043F\u0435\u0440\u0435\u043A\u043B\u044E\u0447\u0435\u043D\u0438\u044F \u0432\u043F\u0440\u0430\u0432\u043E \u0438\u043B\u0438 \u0432\u043B\u0435\u0432\u043E \u043F\u0440\u0438 \u043F\u043E\u043C\u043E\u0449\u0438 direction.\n        \u0415\u0441\u043B\u0438 \u0412\u044B \u043D\u0435 \u043D\u0430\u043F\u0438\u0448\u0438\u0442\u0435 \u043D\u0438 \u043E\u0434\u0438\u043D \u0438\u0437 \u044D\u0442\u0438\u0445 \u043F\u0430\u0440\u0430\u043C\u0435\u0442\u043E\u0440\u0432 \u2014 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u0430\u043D\u0430 \u0438\u043A\u043E\u043D\u043A\u0430 \u0432\u043B\u0435\u0432\u043E." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '16px'
+                } },
+                react_1.default.createElement(ArrowButton_1.ArrowButton, null),
+                react_1.default.createElement(ArrowButton_1.ArrowButton, { direction: "left" }),
+                react_1.default.createElement(ArrowButton_1.ArrowButton, { direction: "right" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0430 \u0438\u043C\u0435\u0435\u0442 \u0442\u0440\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: L, M, S.\n            \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F L." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: {
+                    display: 'flex',
+                    alignItems: 'center',
+                    gap: '16px'
+                } },
+                react_1.default.createElement(ArrowButton_1.ArrowButton, null),
+                react_1.default.createElement(ArrowButton_1.ArrowButton, { size: "M" }),
+                react_1.default.createElement(ArrowButton_1.ArrowButton, { size: "S" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0414\u0438\u0437\u0435\u0439\u0431\u043B"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ArrowButton_1.ArrowButton, { disabled: true })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043F\u0435\u0440\u0435\u0434\u0430\u0442\u044C style \u0441 \u0432\u0430\u0448\u0438\u043C\u0438 \u0441\u0442\u0438\u043B\u044F\u043C\u0438 \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438" }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(ArrowButton_1.ArrowButton, { style: { background: 'red' } }))));
+};
+exports.ArrowButton = ArrowButton;
+//# sourceMappingURL=ArrowButton.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/ArrowButton/ArrowButton.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AACzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,+CAAwD;AAExD,kBAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,SAAS,EAAE,yBAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,kBAA0B;QACjD,8BAAC,mCAAgB,IACf,IAAI,EAAC,i5BAC6E,GAClF;QACF,8BAAC,2BAAY;YACX,8BAAC,yBAAS,OAAG,CACA;QACf,8BAAC,uBAAU,qIAAoC;QAC/C,8BAAC,mCAAgB,IACf,IAAI,EAAC,qzBAC2E,GAChF;QACF,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACZ;gBAED,8BAAC,yBAAS,OAAG;gBACb,8BAAC,yBAAS,IAAC,SAAS,EAAC,MAAM,GAAG;gBAC9B,8BAAC,yBAAS,IAAC,SAAS,EAAC,OAAO,GAAG,CAC3B,CACO;QACf,8BAAC,uBAAU,+CAAoB;QAC/B,8BAAC,mCAAgB,IACf,IAAI,EAAC,oSAC2B,GAChC;QACF,8BAAC,2BAAY;YACX,uCACE,KAAK,EAAE;oBACL,OAAO,EAAE,MAAM;oBACf,UAAU,EAAE,QAAQ;oBACpB,GAAG,EAAE,MAAM;iBACZ;gBAED,8BAAC,yBAAS,OAAG;gBACb,8BAAC,yBAAS,IAAC,IAAI,EAAC,GAAG,GAAG;gBACtB,8BAAC,yBAAS,IAAC,IAAI,EAAC,GAAG,GAAG,CAClB,CACO;QACf,8BAAC,uBAAU,qDAAqB;QAChC,8BAAC,2BAAY;YACX,8BAAC,yBAAS,IAAC,QAAQ,EAAE,IAAI,GAAI,CAChB;QACf,8BAAC,uBAAU,yCAAmB;QAC9B,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yPAAsD,GAAG;QAChF,8BAAC,2BAAY;YACX,8BAAC,yBAAS,IAAC,KAAK,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,GAAI,CAC9B,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,WAAW,eA0DvB"}

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

@@ -0,0 +1,43 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconWrapper = exports.Button = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const animation_2 = require("../../../constants/animation/animation");
+const ArrowButton_const_1 = require("./ArrowButton.const");
+exports.Button = styled_components_1.default.button `
+  border-radius: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  cursor: pointer;
+  ${(props) => ArrowButton_const_1.ArrowButtonSize[props.size]['size']};
+  background: ${(props) => props.theme.background.content};
+  border: ${(props) => `0.5px solid ${props.theme.stroke.primary}`};
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & svg path {
+    fill: ${(props) => props.theme.icons.fourth};
+  }
+  &:hover {
+    background: ${(props) => props.theme.statesBackground.tabsHover};
+    border: ${(props) => `0.5px solid ${props.theme.stroke.primary}`};
+    & svg path {
+      fill: ${(props) => props.theme.icons.fourth};
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+    background: ${(props) => props.theme.background.secondary};
+    cursor: default;
+  }
+`;
+exports.IconWrapper = styled_components_1.default.div `
+  display: flex;
+  align-items: center;
+  justify-content: center;
+    & svg {
+        transform: ${(props) => props.direction === 'right' ? 'rotate(180deg)' : 'none'};
+`;
+//# sourceMappingURL=ArrowButton.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ArrowButton.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/ArrowButton/ArrowButton.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AACtC,sEAA2E;AAC3E,2DAAqD;AAGxC,QAAA,MAAM,GAAG,2BAAM,CAAC,MAAM,CAEjC;;;;;;IAME,CAAC,KAAK,EAAE,EAAE,CAAC,mCAAe,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,CAAC;gBAClC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;YAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;yBACzC,8BAAkB,CAAC,WAAW;;YAE3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;kBAG7B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,gBAAgB,CAAC,SAAS;cACrD,CAAC,KAAK,EAAE,EAAE,CAAC,eAAe,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;;cAEtD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM;;;;;kBAK/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;;;CAG5D,CAAA;AAEY,QAAA,WAAW,GAAG,2BAAM,CAAC,GAAG,CAA0C;;;;;qBAK1D,CAAC,KAAK,EAAE,EAAE,CACrB,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,MAAM;CAChE,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/ArrowButton/index.ts"],"names":[],"mappings":";;;AAAA,6CAA2C;AAAlC,0GAAA,WAAW,OAAA"}