profinansy-ui-lib 3.3.61 → 3.3.62

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

@@ -0,0 +1,206 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMode = exports.getSize = void 0;
+const getSize = (mode, form) => {
+    if (mode === 'flatSystem' || mode === 'flatBrand') {
+        return {
+            height: 'auto',
+            maxHeight: 'auto',
+            borderRadius: '0px'
+        };
+    }
+    return {
+        M: {
+            height: '44px',
+            maxHeight: '44px',
+            borderRadius: form === 'square' ? '10px' : '56px'
+        },
+        S: {
+            height: '36px',
+            maxHeight: '36px',
+            borderRadius: form === 'square' ? '8px' : '56px'
+        },
+        XS: {
+            height: '26px',
+            maxHeight: '26px',
+            borderRadius: form === 'square' ? '6px' : '56px'
+        }
+    };
+};
+exports.getSize = getSize;
+const getMode = (theme) => {
+    return {
+        primary: {
+            default: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.interactiveButtons.brandBackground,
+                border: `1px solid ${theme.interactiveButtons.brandBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.interactiveButtons.brandBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.brandBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.brandText,
+                background: theme.interactiveButtons.brandBackground,
+                border: `1px solid ${theme.interactiveButtons.brandBackground}`
+            }
+        },
+        secondary: {
+            default: {
+                color: theme.interactiveButtons.secondaryBrandText,
+                background: theme.interactiveButtons.secondaryBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.secondaryBrandBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.secondaryBrandText,
+                background: theme.interactiveButtons.secondaryBrandBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.secondaryBrandBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.secondaryBrandText,
+                background: theme.interactiveButtons.secondaryBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.secondaryBrandBackground}`
+            }
+        },
+        outlineBrand: {
+            default: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: theme.interactiveButtons.outlineBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.outlineBrandBorder}`
+            },
+            hover: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: theme.interactiveButtons.outlineBrandBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.outlineBrandBorderHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: theme.interactiveButtons.outlineBrandBackground,
+                border: `1px solid ${theme.interactiveButtons.outlineBrandBorder}`
+            }
+        },
+        success: {
+            default: {
+                color: theme.interactiveButtons.successText,
+                background: theme.interactiveButtons.successBackground,
+                border: `1px solid ${theme.interactiveButtons.successBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.successText,
+                background: theme.interactiveButtons.successBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.successBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.successText,
+                background: theme.interactiveButtons.successBackground,
+                border: `1px solid ${theme.interactiveButtons.successBackground}`
+            }
+        },
+        warning: {
+            default: {
+                color: theme.interactiveButtons.warningText,
+                background: theme.interactiveButtons.warningBackground,
+                border: `1px solid ${theme.interactiveButtons.warningBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.warningText,
+                background: theme.interactiveButtons.warningBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.warningBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.warningText,
+                background: theme.interactiveButtons.warningBackground,
+                border: `1px solid ${theme.interactiveButtons.warningBackground}`
+            }
+        },
+        critical: {
+            default: {
+                color: theme.interactiveButtons.criticalText,
+                background: theme.interactiveButtons.criticalBackground,
+                border: `1px solid ${theme.interactiveButtons.criticalBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.criticalText,
+                background: theme.interactiveButtons.criticalBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.criticalBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.criticalText,
+                background: theme.interactiveButtons.criticalBackground,
+                border: `1px solid ${theme.interactiveButtons.criticalBackground}`
+            }
+        },
+        system: {
+            default: {
+                color: theme.interactiveButtons.systemText,
+                background: theme.interactiveButtons.systemBackground,
+                border: `1px solid ${theme.interactiveButtons.systemBackground}`
+            },
+            hover: {
+                color: theme.interactiveButtons.systemText,
+                background: theme.interactiveButtons.systemBackgroundHover,
+                border: `1px solid ${theme.interactiveButtons.systemBackgroundHover}`
+            },
+            active: {
+                color: theme.interactiveButtons.systemText,
+                background: theme.interactiveButtons.systemBackground,
+                border: `1px solid ${theme.interactiveButtons.systemBackground}`
+            }
+        },
+        neutral: {
+            default: {
+                color: theme.interactiveButtons.neutralText,
+                background: theme.interactiveButtons.neutralBackground,
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.interactiveButtons.neutralText,
+                background: theme.interactiveButtons.neutralBackgroundHover,
+                border: `1px solid transparent`
+            },
+            active: {
+                color: theme.interactiveButtons.neutralText,
+                background: theme.interactiveButtons.neutralBackground,
+                border: `1px solid transparent`
+            }
+        },
+        flatBrand: {
+            default: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            active: {
+                color: theme.interactiveButtons.outlineBrandText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            }
+        },
+        flatSystem: {
+            default: {
+                color: theme.interactiveButtons.systemText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            hover: {
+                color: theme.interactiveButtons.systemText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            },
+            active: {
+                color: theme.interactiveButtons.systemText,
+                background: 'transparent',
+                border: `1px solid transparent`
+            }
+        }
+    };
+};
+exports.getMode = getMode;
+//# sourceMappingURL=Button.const.js.map

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

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

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

@@ -0,0 +1,55 @@
+"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.Button = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Button.styled"));
+const Loader_1 = require("../Loader");
+const classnames_1 = __importDefault(require("classnames"));
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../theme/theme.const");
+const Button_const_1 = require("./Button.const");
+const Typography_1 = require("../Typography");
+const Button = (0, react_1.forwardRef)(({ text, textCustom, type = 'button', mode = 'primary', disabled = false, iconLeft, iconRight, size = 'M', loading = false, form = 'square', width, style, onClick, className, isFill = true }, ref) => {
+    const handleClick = (e) => {
+        if (onClick && !loading && !disabled)
+            onClick(e);
+    };
+    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.Button, { "$form": form, ref: ref, type: type, style: style, className: (0, classnames_1.default)(className, 'button'), disabled: disabled || loading, onClick: handleClick, size: size, mode: mode, width: width, isFill: isFill, isText: !!text || !!textCustom },
+            loading && (react_1.default.createElement(Styled.Loading, { mode: mode },
+                react_1.default.createElement(Loader_1.Loader, { color: (0, Button_const_1.getMode)(theme_const_1.palette[theme])[mode].default.color }))),
+            iconLeft ? (react_1.default.createElement(Styled.IconLeft, { isText: !!text, size: size }, iconLeft)) : null,
+            text ? (react_1.default.createElement(Typography_1.Typography, { tag: "span", variant: size === 'XS' ? 'description-Medium' : 'text-Medium' }, text)) : null,
+            !text && textCustom ? textCustom : null,
+            iconRight ? (react_1.default.createElement(Styled.IconRight, { isText: !!text, size: size }, iconRight)) : null)));
+});
+exports.Button = Button;
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../src/components/uikit/Button/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAyC;AACzC,wDAAyC;AAEzC,sCAAkC;AAElC,4DAAmC;AACnC,gEAAsD;AACtD,yDAAiD;AACjD,4DAAoD;AACpD,iDAAwC;AACxC,8CAA0C;AAE1C,MAAM,MAAM,GAAG,IAAA,kBAAU,EACvB,CACE,EACE,IAAI,EACJ,UAAU,EACV,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,SAAS,EAChB,QAAQ,GAAG,KAAK,EAChB,QAAQ,EACR,SAAS,EACT,IAAI,GAAG,GAAG,EACV,OAAO,GAAG,KAAK,EACf,IAAI,GAAG,QAAQ,EACf,KAAK,EACL,KAAK,EACL,OAAO,EACP,SAAS,EACT,MAAM,GAAG,IAAI,EACd,EACD,GAAG,EACH,EAAE;IACF,MAAM,WAAW,GAAG,CAClB,CAAkD,EAClD,EAAE;QACF,IAAI,OAAO,IAAI,CAAC,OAAO,IAAI,CAAC,QAAQ;YAAE,OAAO,CAAC,CAAC,CAAC,CAAA;IAClD,CAAC,CAAA;IAED,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,MAAM,aACL,IAAI,EACX,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,SAAS,EAAE,QAAQ,CAAC,EAC1C,QAAQ,EAAE,QAAQ,IAAI,OAAO,EAC7B,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,UAAU;YAE7B,OAAO,IAAI,CACV,8BAAC,MAAM,CAAC,OAAO,IAAC,IAAI,EAAE,IAAI;gBACxB,8BAAC,eAAM,IAAC,KAAK,EAAE,IAAA,sBAAO,EAAC,qBAAO,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC,KAAK,GAAI,CAC/C,CAClB;YACA,QAAQ,CAAC,CAAC,CAAC,CACV,8BAAC,MAAM,CAAC,QAAQ,IAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IACxC,QAAQ,CACO,CACnB,CAAC,CAAC,CAAC,IAAI;YACP,IAAI,CAAC,CAAC,CAAC,CACN,8BAAC,uBAAU,IACT,GAAG,EAAC,MAAM,EACV,OAAO,EAAE,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,aAAa,IAE5D,IAAI,CACM,CACd,CAAC,CAAC,CAAC,IAAI;YACP,CAAC,IAAI,IAAI,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;YACvC,SAAS,CAAC,CAAC,CAAC,CACX,8BAAC,MAAM,CAAC,SAAS,IAAC,MAAM,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,IACzC,SAAS,CACO,CACpB,CAAC,CAAC,CAAC,IAAI,CACM,CACF,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,wBAAM"}

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

@@ -0,0 +1,152 @@
+"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.Button = void 0;
+const react_1 = __importStar(require("react"));
+const Checkmark_svg_1 = __importDefault(require("../../../icons/Checkmark.svg"));
+const Close2_svg_1 = __importDefault(require("../../../icons/Close2.svg"));
+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 Button_1 = require("./Button");
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.default = {
+    title: 'Components/Button',
+    component: Button_1.Button,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/yiCswWljV8KfikRKdjnnc7/Ui-kit-WEB?type=design&node-id=12209-10095&mode=design&t=GOXwsDhzc9d9gKvN-4'
+        }
+    }
+};
+const Wrapper = styled_components_1.default.div `
+  display: flex;
+  gap: 16px;
+  align-items: center;
+  flex-wrap: wrap;
+`;
+const Button = () => {
+    const [loading, setLoading] = (0, react_1.useState)(false);
+    const handleClick = () => {
+        setLoading(true);
+        setTimeout(() => {
+            setLoading(false);
+        }, 2000);
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Button"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\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." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041F\u0440\u0438\u043C\u0435\u0440 \u043A\u043D\u043E\u043F\u043A\u0438" })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0412\u0438\u0434\u044B \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0438 \u0438\u043C\u0435\u044E\u0442 10 \u0442\u0438\u043F\u043E\u0432: <b>Primary, Secondary, OutlineBrand, Success, Warning, Critical, System, Neutral</b>.\n      \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u043F\u0440\u0438\u043C\u0435\u043D\u044F\u0435\u0442\u0441\u044F Primary." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Primary \u043A\u043D\u043E\u043F\u043A\u0430" }),
+                react_1.default.createElement(Button_1.Button, { text: "Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "secondary" }),
+                react_1.default.createElement(Button_1.Button, { text: "OutlineBrand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "outlineBrand" }),
+                react_1.default.createElement(Button_1.Button, { text: "Success \u043A\u043D\u043E\u043F\u043A\u0430", mode: "success" }),
+                react_1.default.createElement(Button_1.Button, { text: "Warning \u043A\u043D\u043E\u043F\u043A\u0430", mode: "warning" }),
+                react_1.default.createElement(Button_1.Button, { text: "Critical \u043A\u043D\u043E\u043F\u043A\u0430", mode: "critical" }),
+                react_1.default.createElement(Button_1.Button, { text: "System \u043A\u043D\u043E\u043F\u043A\u0430", mode: "system" }),
+                react_1.default.createElement(Button_1.Button, { text: "Neutral \u043A\u043D\u043E\u043F\u043A\u0430", mode: "neutral" }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat brand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatBrand" }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat system \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatSystem" }))),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Primary \u043A\u043D\u043E\u043F\u043A\u0430", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "secondary", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "OutlineBrand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "outlineBrand", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Success \u043A\u043D\u043E\u043F\u043A\u0430", mode: "success", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Warning \u043A\u043D\u043E\u043F\u043A\u0430", mode: "warning", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Critical \u043A\u043D\u043E\u043F\u043A\u0430", mode: "critical", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "System \u043A\u043D\u043E\u043F\u043A\u0430", mode: "system", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Neutral \u043A\u043D\u043E\u043F\u043A\u0430", mode: "neutral", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat brand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatBrand", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "Flat system \u043A\u043D\u043E\u043F\u043A\u0430", mode: "flatSystem", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440\u044B \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u043A\u0438 \u0438\u043C\u0435\u044E\u0442 \u0442\u0440\u0438 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: <b>M, S, XS</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "\u0411\u043E\u043B\u044C\u0448\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430", size: "M" }),
+                react_1.default.createElement(Button_1.Button, { text: "\u0421\u0440\u0435\u0434\u043D\u044F\u044F \u043A\u043D\u043E\u043F\u043A\u0430", size: "S" }),
+                react_1.default.createElement(Button_1.Button, { text: "\u041C\u0430\u043B\u0435\u043D\u044C\u043A\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430", size: "XS" }))),
+        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: "\u041A\u043D\u043E\u043F\u043A\u0438 \u043C\u043E\u0433\u0443\u0442 \u0441\u043E\u0434\u0435\u0440\u0436\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0438 \u0438\u043A\u043E\u043D\u043A\u0443. \u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0442\u043E\u043B\u044C\u043A\u043E \u0442\u0435\u043A\u0441\u0442 \u0438\u043B\u0438 \u0442\u043E\u043B\u044C\u043A\u043E \u0438\u043A\u043E\u043D\u043A\u0443.\n        \u0422\u0430\u043A \u0436\u0435 \u0432\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 \u0441\u043F\u0440\u0430\u0432\u0430 \u0438\u043B\u0438 \u0438\u043A\u043E\u043D\u043A\u0443 \u0441\u043B\u0435\u0432\u0430 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 <b>iconLeft</b> \u0438 <b>iconRight</b>.\n        \u0415\u0441\u043B\u0438 \u0442\u0435\u043A\u0441\u0442\u0430 \u043D\u0435\u0442 \u2014 \u0431\u0443\u0434\u0435\u0442 \u043E\u0442\u0440\u0438\u0441\u043E\u0432\u0430\u043D\u0430 \u043A\u0432\u0430\u0434\u0440\u0430\u0442\u043D\u0430\u044F \u043A\u043D\u043E\u043F\u043A\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", mode: "critical", iconRight: react_1.default.createElement(Remove_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", mode: "critical", iconLeft: react_1.default.createElement(Close2_svg_1.default, null), iconRight: react_1.default.createElement(Remove_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0424\u043E\u0440\u043C\u0430 \u043A\u043D\u043E\u043F\u043E\u043A"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043D\u043E\u043F\u0438 \u0438\u043C\u0435\u044E\u0442 \u0434\u0432\u0435 \u0444\u043E\u0440\u043C\u044B - <b>square</b> \u0438 <b>circle</b>. \u041F\u043E \u0434\u0435\u0444\u043E\u043B\u0442\u0443 \u0432\u043A\u043B\u044E\u0447\u0435\u043D\u0430 <b>square</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { iconLeft: react_1.default.createElement(Close2_svg_1.default, null) }),
+                react_1.default.createElement(Button_1.Button, { iconLeft: react_1.default.createElement(Close2_svg_1.default, null), form: "circle" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041D\u0435\u0430\u043A\u0442\u0438\u0432\u043D\u044B\u0435 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Wrapper, null,
+                react_1.default.createElement(Button_1.Button, { text: "Primary \u043A\u043D\u043E\u043F\u043A\u0430", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Secondary \u043A\u043D\u043E\u043F\u043A\u0430", mode: "secondary", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "OutlineBrand \u043A\u043D\u043E\u043F\u043A\u0430", mode: "outlineBrand", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Success \u043A\u043D\u043E\u043F\u043A\u0430", mode: "success", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Warning \u043A\u043D\u043E\u043F\u043A\u0430", mode: "warning", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Critical \u043A\u043D\u043E\u043F\u043A\u0430", mode: "critical", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "System \u043A\u043D\u043E\u043F\u043A\u0430", mode: "system", disabled: true }),
+                react_1.default.createElement(Button_1.Button, { text: "Neutral \u043A\u043D\u043E\u043F\u043A\u0430", mode: "neutral", disabled: true }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0428\u0438\u0440\u0438\u043D\u0430 \u043A\u043D\u043E\u043F\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0412\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043B\u0435\u0433\u043A\u043E \u043C\u0435\u043D\u044F\u0442\u044C \u0448\u0438\u0440\u0438\u043D\u0443 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u044F \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>width</b>, \u043F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E auto." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", style: { marginBottom: '16px' } }),
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", style: { marginBottom: '16px' }, width: '400px' }),
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", width: '100%' })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u041A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0438\u0440\u043E\u0432\u0430\u043D\u043D\u044B\u0439 \u0442\u0435\u043A\u0441\u0442"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0435\u0440\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>textCustom</b> \u043C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044C \u0442\u0435\u043A\u0441\u0442 \u0432 \u0444\u043E\u0440\u043C\u0430\u0442\u0435 html." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { textCustom: react_1.default.createElement("b", null,
+                    "\u041A\u0430\u0441\u0442\u043E\u043C\u043D\u044B\u0439 ",
+                    react_1.default.createElement("i", null, "\u0442\u0435\u043A\u0441\u0442")) })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u0442\u0438\u043B\u0438 \u043A\u043D\u043E\u043F\u043A\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 \u0447\u0435\u0440\u0435\u0437 <b>style</b> \u0432\u0430\u0448\u0438 \u0441\u0442\u0438\u043B\u0438 \u0434\u043B\u044F \u043A\u043D\u043E\u043F\u043A\u0438, \u0442\u0435\u043C \u0441\u0430\u043C\u044B\u043C \u043A\u0430\u0441\u0442\u043E\u043C\u0438\u0437\u0438\u0440\u0443\u044F \u0435\u0435 \u043F\u043E\u0434 \u0432\u0430\u0448\u0438 \u043D\u0443\u0436\u0434\u044B." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", style: { background: 'green', fontSize: '12px' } })),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0427\u0435\u0440\u0435\u0437 \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u043E <b>isFill</b> \u0432\u044B \u043C\u043E\u0436\u0435\u0442\u0435 \u043E\u0442\u043A\u043B\u044E\u0447\u0438\u0442\u044C \u0438\u0437\u043C\u0435\u043D\u0435\u043D\u0438\u0435 fill \u0434\u043B\u044F \u0438\u043A\u043E\u043D\u043A\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { text: "\u041A\u043D\u043E\u043F\u043A\u0430", iconLeft: react_1.default.createElement(Checkmark_svg_1.default, null), isFill: false })),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0421\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0421 \u043F\u043E\u043C\u043E\u0449\u044C\u044E \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430 <b>loading</b> \u043C\u043E\u0436\u043D\u043E \u043E\u0442\u043E\u0431\u0440\u0430\u0437\u0438\u0442\u044C \u0441\u043E\u0441\u0442\u043E\u044F\u043D\u0438\u0435 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Button_1.Button, { loading: loading, text: "\u041E\u0442\u043F\u0440\u0430\u0432\u0438\u0442\u044C \u0434\u0430\u043D\u043D\u044B\u0435, 2000\u043C\u0441", onClick: handleClick }))));
+};
+exports.Button = Button;
+//# sourceMappingURL=Button.stories.js.map

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

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

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

@@ -0,0 +1,137 @@
+"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.Button = exports.IconLeft = exports.IconRight = exports.Loading = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const Button_const_1 = require("./Button.const");
+const animation_2 = require("../../../constants/animation/animation");
+const getPadding = (mode, isSize, isText) => {
+    if (mode === 'flatBrand' || mode === 'flatSystem')
+        return 0;
+    if (isSize === 'M') {
+        if (isText)
+            return 20;
+        return 12;
+    }
+    if (isSize === 'S') {
+        if (isText)
+            return 16;
+        return 8;
+    }
+    if (isText)
+        return 12;
+    return 4;
+};
+const Button = styled_components_1.default.button `
+  position: relative;
+  font-family: 'Manrope', sans-serif;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  cursor: pointer;
+  ${({ size, $form, mode }) => (0, Button_const_1.getSize)(mode, $form)[size]}
+  width: ${(props) => props.width || 'auto'};
+  color: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.color};
+  border: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.border || 'none'};
+  background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.background};
+  padding-left: ${(props) => `${getPadding(props.mode, props.size, props.isText)}px`};
+  padding-right: ${(props) => `${getPadding(props.mode, props.size, props.isText)}px`};
+  transition: all 0.3s ${animation_2.AnimationFunctions.animation_1};
+  & > span {
+    white-space: nowrap;
+  }
+  & path {
+    ${(props) => props.isFill
+    ? (0, styled_components_1.css) `
+            fill: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.color};
+          `
+    : (0, styled_components_1.css) ``}
+  }
+  &:hover {
+    background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.background};
+    border: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.border || 'none'};
+    color: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.color};
+    & path {
+      ${(props) => props.isFill
+    ? (0, styled_components_1.css) `
+              fill: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].hover.color};
+            `
+    : (0, styled_components_1.css) ``}
+    }
+  }
+  &:active {
+    background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].active.background};
+    border: ${(props) => { var _a; return ((_a = (0, Button_const_1.getMode)(props.theme)[props.mode].active) === null || _a === void 0 ? void 0 : _a.border) || 'none'; }};
+    color: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].active.color};
+    & path {
+      ${(props) => props.isFill
+    ? (0, styled_components_1.css) `
+              fill: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].active.color};
+            `
+    : (0, styled_components_1.css) ``}
+    }
+  }
+  &:disabled {
+    pointer-events: none;
+    cursor: default;
+    opacity: 0.6;
+  }
+`;
+exports.Button = Button;
+const IconLeft = styled_components_1.default.span `
+  width: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  height: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-right: ${(props) => (props.isText ? '2px' : 0)};
+`;
+exports.IconLeft = IconLeft;
+const IconRight = styled_components_1.default.span `
+  width: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  height: ${(props) => (props.size === 'XS' ? '18px' : '20px')};
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  margin-left: ${(props) => (props.isText ? '2px' : 0)};
+`;
+exports.IconRight = IconRight;
+const Loading = styled_components_1.default.div `
+  position: absolute;
+  top: -1px;
+  left: -1px;
+  width: calc(100% + 2px);
+  height: calc(100% + 2px);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  background: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.background};
+  border: ${(props) => (0, Button_const_1.getMode)(props.theme)[props.mode].default.border};
+  border-radius: 7px;
+  cursor: default;
+`;
+exports.Loading = Loading;
+//# sourceMappingURL=Button.styled.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/uikit/Button/index.ts"],"names":[],"mappings":";;;AAAA,mCAAiC;AAAxB,gGAAA,MAAM,OAAA"}