profinansy-ui-lib 3.4.14 → 3.4.16

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

@@ -0,0 +1,113 @@
+"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.Input = exports.RightText = exports.Icon = exports.Content = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+exports.Container = styled_components_1.default.div `
+  width: 100%;
+`;
+exports.Content = styled_components_1.default.div `
+  position: relative;
+  width: 100%;
+`;
+const RightContent = styled_components_1.default.span `
+  position: absolute;
+  top: 8px;
+  height: 28px;
+  width: 44px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  ${({ positionContent, iconBorder }) => positionContent === 'right'
+    ? (0, styled_components_1.css) `
+          right: 0;
+          border-left: ${(props) => iconBorder ? `1px dashed ${props.theme.stroke.primary}` : 'none'};
+        `
+    : (0, styled_components_1.css) `
+          left: 0;
+          border-right: ${(props) => iconBorder ? `1px dashed ${props.theme.stroke.primary}` : 'none'};
+        `}
+`;
+exports.Icon = (0, styled_components_1.default)(RightContent) `
+  & path {
+    fill: ${(props) => props.theme.icons.secondary};
+  }
+`;
+exports.RightText = (0, styled_components_1.default)(RightContent) `
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 16px;
+  color: ${(props) => props.rightTextColor || props.theme.text.primary};
+  font-family: Manrope, sans-serif;
+`;
+exports.Input = styled_components_1.default.input `
+  font-family: Manrope, sans-serif;
+  font-size: 15px;
+  line-height: 20px;
+  color: ${(props) => props.theme.text.primary};
+  display: block;
+  width: 100%;
+  padding: 11px 12px;
+  height: 44px;
+  padding-left: ${(props) => props.icon && props.positionIcon === 'left' ? '44px' : '12px'};
+  padding-right: ${(props) => props.icon && props.positionIcon === 'right' ? '48px' : '12px'};
+  border-radius: 8px;
+  background: ${(props) => props.theme.background.field};
+  border: 0.8px solid
+    ${(props) => props.error
+    ? `${props.theme.stroke.negative} !important`
+    : props.theme.stroke.primary};
+  &::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+    font-weight: 400;
+    font-size: 15px;
+    line-height: 20px;
+  }
+  &:disabled {
+    border-color: ${(props) => props.theme.stroke.tertiary};
+    color: ${(props) => props.theme.text.secondary};
+  }
+  &:hover {
+    border-color: ${(props) => props.theme.stroke.secondary};
+  }
+  &:focus {
+    border-color: ${(props) => props.theme.stroke.accent};
+    outline: none;
+  }
+  &:read-only {
+    border-color: ${(props) => props.theme.stroke.tertiary};
+    cursor: default;
+  }
+  &:disabled::placeholder {
+    color: ${(props) => props.theme.text.secondary};
+  }
+  @media (max-width: 600px) {
+    font-size: 16px;
+    &::placeholder {
+      font-size: 16px;
+    }
+  }
+`;
+//# sourceMappingURL=Input.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Input.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.styled.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA+C;AAGlC,QAAA,SAAS,GAAG,2BAAM,CAAC,GAAG,CAAA;;CAElC,CAAA;AAEY,QAAA,OAAO,GAAG,2BAAM,CAAC,GAAG,CAAA;;;CAGhC,CAAA;AAED,MAAM,YAAY,GAAG,2BAAM,CAAC,IAAI,CAG9B;;;;;;;;IAQE,CAAC,EAAE,eAAe,EAAE,UAAU,EAAE,EAAE,EAAE,CACpC,eAAe,KAAK,OAAO;IACzB,CAAC,CAAC,IAAA,uBAAG,EAAA;;yBAEc,CAAC,KAAK,EAAE,EAAE,CACvB,UAAU,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM;SACnE;IACH,CAAC,CAAC,IAAA,uBAAG,EAAA;;0BAEe,CAAC,KAAK,EAAE,EAAE,CACxB,UAAU,CAAC,CAAC,CAAC,cAAc,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC,CAAC,CAAC,MAAM;SACnE;CACR,CAAA;AAEY,QAAA,IAAI,GAAG,IAAA,2BAAM,EAAC,YAAY,CAAC,CAAyB;;YAErD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,KAAK,CAAC,SAAS;;CAEjD,CAAA;AACY,QAAA,SAAS,GAAG,IAAA,2BAAM,EAAC,YAAY,CAAC,CAG3C;;;;WAIS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;CAErE,CAAA;AAEY,QAAA,KAAK,GAAG,2BAAM,CAAC,KAAK,CAI/B;;;;WAIS,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;;;;;kBAK5B,CAAC,KAAK,EAAE,EAAE,CACxB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,YAAY,KAAK,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;mBAC9C,CAAC,KAAK,EAAE,EAAE,CACzB,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,YAAY,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;;gBAElD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,KAAK;;MAEjD,CAAC,KAAK,EAAE,EAAE,CACV,KAAK,CAAC,KAAK;IACT,CAAC,CAAC,GAAG,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ,aAAa;IAC7C,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO;;aAEvB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;;oBAM9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;oBAG9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS;;;oBAGvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;;;oBAIpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,QAAQ;;;;aAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS;;;;;;;;CAQjD,CAAA"}

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

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

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

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

package/dist/components/uikit/Input/Input.utils.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.numberWithSpaces = void 0;
+const numberWithSpaces = (val, mightBeNegative) => {
+    if (mightBeNegative && val === '-') {
+        return val;
+    }
+    const nums = val.split(',');
+    let value = Number(nums[0]).toLocaleString('ru-RU').toString();
+    if (val.includes(',')) {
+        value += ',' + nums[1];
+    }
+    return value;
+};
+exports.numberWithSpaces = numberWithSpaces;
+//# sourceMappingURL=Input.utils.js.map

package/dist/components/uikit/Input/Input.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Input.utils.js","sourceRoot":"","sources":["../../../../src/components/uikit/Input/Input.utils.ts"],"names":[],"mappings":";;;AAAO,MAAM,gBAAgB,GAAG,CAAC,GAAW,EAAE,eAAyB,EAAE,EAAE;IACzE,IAAI,eAAe,IAAI,GAAG,KAAK,GAAG,EAAE;QAClC,OAAO,GAAG,CAAA;KACX;IAED,MAAM,IAAI,GAAG,GAAG,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;IAC3B,IAAI,KAAK,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,CAAA;IAC9D,IAAI,GAAG,CAAC,QAAQ,CAAC,GAAG,CAAC,EAAE;QACrB,KAAK,IAAI,GAAG,GAAG,IAAI,CAAC,CAAC,CAAC,CAAA;KACvB;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAXY,QAAA,gBAAgB,oBAW5B"}

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

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

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

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

package/dist/components/uikit/Loader/Loader.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.Loader = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./Loader.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const Loader = ({ size = 'S', color }) => {
+    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, { size: size, className: 'loader' },
+            react_1.default.createElement(Styled.Dot, { size: size, color: color }))));
+};
+exports.Loader = Loader;
+//# sourceMappingURL=Loader.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.js","sourceRoot":"","sources":["../../../../src/components/uikit/Loader/Loader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,wDAAyC;AAGzC,yDAAiD;AACjD,gEAAsD;AACtD,4DAAoD;AAEpD,MAAM,MAAM,GAAG,CAAC,EAAE,IAAI,GAAG,GAAG,EAAE,KAAK,EAAW,EAAE,EAAE;IAChD,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,IAAC,IAAI,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ;YAC/C,8BAAC,MAAM,CAAC,GAAG,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,GAAI,CACvB,CACL,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,wBAAM"}

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

@@ -0,0 +1,39 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Loader = 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 Loader_1 = require("./Loader");
+exports.default = {
+    title: 'Components/Loader',
+    component: Loader_1.Loader,
+    tags: ['autodocs']
+};
+const Loader = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Loader"),
+        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 \u0438\u043D\u0434\u0438\u043A\u0430\u0442\u043E\u0440\u0430 \u0437\u0430\u0433\u0440\u0443\u0437\u043A\u0438. \u041A\u0430\u043A \u043F\u0440\u0430\u0432\u0438\u043B\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u0442\u043E\u043B\u044C\u043A\u043E \u0432 \u043A\u043D\u043E\u043F\u043A\u0430\u0445." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(Loader_1.Loader, null)),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043C\u0435\u0440"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0438\u043C\u0435\u0435\u0442 \u0447\u0435\u0442\u044B\u0440\u0435 \u0440\u0430\u0437\u043D\u044B\u0445 \u0440\u0430\u0437\u043C\u0435\u0440\u0430: <b>L, M, S, XS</b>. \u041F\u043E \u0443\u043C\u043E\u043B\u0447\u0430\u043D\u0438\u044E \u0432\u044B\u0431\u0440\u0430\u043D \u0440\u0430\u0437\u043C\u0435\u0440 <b>S</b>." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 50 } },
+                react_1.default.createElement(Loader_1.Loader, { size: "L" }),
+                react_1.default.createElement(Loader_1.Loader, { size: "M" }),
+                react_1.default.createElement(Loader_1.Loader, { size: "S" }),
+                react_1.default.createElement(Loader_1.Loader, { size: "XS" }))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0426\u0432\u0435\u0442"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u0437\u0430\u0434\u0430\u0432\u0430\u0442\u044C \u0440\u0430\u0437\u043D\u044B\u0435 \u0446\u0432\u0435\u0442\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement("div", { style: { display: 'flex', gap: 50 } },
+                react_1.default.createElement(Loader_1.Loader, { size: "L", color: "red" }),
+                react_1.default.createElement(Loader_1.Loader, { size: "L", color: "green" })))));
+};
+exports.Loader = Loader;
+//# sourceMappingURL=Loader.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Loader.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Loader/Loader.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAAyB;AAEzB,qFAAiF;AACjF,yEAAqE;AACrE,mEAA+D;AAE/D,qCAA8C;AAE9C,kBAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,eAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;CACnB,CAAA;AAEM,MAAM,MAAM,GAAG,GAAG,EAAE;IACzB,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,aAAqB;QAC5C,8BAAC,mCAAgB,IAAC,IAAI,EAAC,qiBAAwG,GAAG;QAClI,8BAAC,2BAAY;YACX,8BAAC,eAAS,OAAG,CACA;QACf,8BAAC,uBAAU,+CAAoB;QAC/B,8BAAC,mCAAgB,IAAC,IAAI,EAAC,yXAAiG,GAAG;QAC3H,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;gBACtC,8BAAC,eAAS,IAAC,IAAI,EAAC,GAAG,GAAG;gBACtB,8BAAC,eAAS,IAAC,IAAI,EAAC,GAAG,GAAG;gBACtB,8BAAC,eAAS,IAAC,IAAI,EAAC,GAAG,GAAG;gBACtB,8BAAC,eAAS,IAAC,IAAI,EAAC,IAAI,GAAG,CACnB,CACO;QACf,8BAAC,uBAAU,mCAAkB;QAC7B,8BAAC,mCAAgB,IAAC,IAAI,EAAC,sJAA8B,GAAG;QACxD,8BAAC,2BAAY;YACX,uCAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE;gBACtC,8BAAC,eAAS,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,GAAG;gBAClC,8BAAC,eAAS,IAAC,IAAI,EAAC,GAAG,EAAC,KAAK,EAAC,OAAO,GAAG,CAChC,CACO,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,MAAM,UA4BlB"}

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

@@ -0,0 +1,153 @@
+"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.Dot = exports.Container = void 0;
+const styled_components_1 = __importStar(require("styled-components"));
+const dotBeforeAnimation = (0, styled_components_1.keyframes) `
+  0% {
+    transform: scale(1, 1);
+  }
+  25% {
+    transform: scale(1, 1.5);
+  }
+  50% {
+    transform: scale(1, 0.67);
+  }
+  75% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+`;
+const dotAnimation = (0, styled_components_1.keyframes) `
+  0% {
+    transform: scale(1, 1);
+  }
+  25% {
+    transform: scale(1, 1);
+  }
+  50% {
+    transform: scale(1, 1.5);
+  }
+  75% {
+    transform: scale(1, 1);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+`;
+const dotAfterAnimation = (0, styled_components_1.keyframes) `
+  0% {
+    transform: scale(1, 1);
+  }
+  25% {
+    transform: scale(1, 1);
+  }
+  50% {
+    transform: scale(1, 0.67);
+  }
+  75% {
+    transform: scale(1, 1.5);
+  }
+  100% {
+    transform: scale(1, 1);
+  }
+`;
+const Size = {
+    L: {
+        width: '20px',
+        height: '20px'
+    },
+    M: {
+        width: '15px',
+        height: '15px'
+    },
+    S: {
+        width: '10px',
+        height: '10px'
+    },
+    XS: {
+        width: '5px',
+        height: '5px'
+    }
+};
+const getWidth = (size) => {
+    if (size === 'L')
+        return '70px';
+    if (size === 'M')
+        return '55px';
+    if (size === 'S')
+        return '40px';
+    return '25px';
+};
+const getPosition = (size, isBefore) => {
+    if (size === 'L')
+        return isBefore ? '-25px' : '25px';
+    if (size === 'M')
+        return isBefore ? '-20px' : '20px';
+    if (size === 'S')
+        return isBefore ? '-15px' : '15px';
+    return isBefore ? '-10px' : '10px';
+};
+const Container = styled_components_1.default.div `
+  width: ${(props) => getWidth(props.size)};
+  display: flex;
+  justify-content: center;
+`;
+exports.Container = Container;
+const Dot = styled_components_1.default.div `
+  position: relative;
+  ${({ size }) => Size[size]}
+  border-radius: 50%;
+  background-color: ${(props) => props.color || props.theme.background.accent};
+  color: ${(props) => props.color || props.theme.background.accent};
+  animation: ${dotAnimation} 1s infinite linear;
+  &::before,
+  &::after {
+    content: '';
+    display: inline-block;
+    position: absolute;
+    top: 0;
+  }
+  &::before {
+    left: ${(props) => getPosition(props.size, true)};
+    ${({ size }) => Size[size]}
+    border-radius: 50%;
+    background-color: ${(props) => props.color || props.theme.background.accent};
+    color: ${(props) => props.color || props.theme.background.accent};
+    animation: ${dotBeforeAnimation} 1s infinite linear;
+  }
+  &::after {
+    left: ${(props) => getPosition(props.size, false)};
+    ${({ size }) => Size[size]}
+    border-radius: 50%;
+    background-color: ${(props) => props.color || props.theme.background.accent};
+    color: ${(props) => props.color || props.theme.background.accent};
+    animation: ${dotAfterAnimation} 1s infinite linear;
+  }
+`;
+exports.Dot = Dot;
+//# sourceMappingURL=Loader.styled.js.map

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

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

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

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

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

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

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

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

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

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

package/dist/components/uikit/Modal/Modal.js

@@ -0,0 +1,91 @@
+"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.Modal = void 0;
+const react_1 = __importStar(require("react"));
+const Styled = __importStar(require("./Modal.styled"));
+const useTransitionModal_1 = require("../../../hooks/useTransitionModal");
+const Portal_1 = require("../Portal");
+const Close3_svg_1 = __importDefault(require("../../../icons/Close3.svg"));
+const classnames_1 = __importDefault(require("classnames"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../theme/theme.const");
+const MODAL_ROOT_ELEMENT_ID = 'react-modals';
+const Modal = (props) => {
+    const { animation, showModal, content, handleClose } = (0, useTransitionModal_1.useTransitionModal)({
+        isOpen: props.open,
+        children: props.children,
+        onClose: props.onClose
+    });
+    if (!showModal)
+        return null;
+    return (react_1.default.createElement(Content, Object.assign({}, props, { onClose: handleClose, animation: animation }), content));
+};
+exports.Modal = Modal;
+const Content = ({ onClose, children, title, subtitle, showCloseButton = true, styleContent, styleContentInside, classNameWrapper, styleBackground, styleWrapper, classNameBackground, classNameContent, classNameHeader, animation, disableClosing = false, titlePosition = 'left', isOverflowAuto = false, rightContent, bottomContent, adaptiveRightContent, maxWidth, containerId = MODAL_ROOT_ELEMENT_ID }) => {
+    const [bottomHeight, setBottomHeight] = (0, react_1.useState)(0);
+    const bottomRef = (0, react_1.useRef)(null);
+    const handleCloseBackground = () => {
+        if (disableClosing)
+            return;
+        handleClose();
+    };
+    (0, react_1.useEffect)(() => {
+        var _a;
+        if (bottomRef.current) {
+            setBottomHeight((_a = bottomRef.current) === null || _a === void 0 ? void 0 : _a.clientHeight);
+        }
+        else {
+            setBottomHeight(0);
+        }
+    }, [bottomRef === null || bottomRef === void 0 ? void 0 : bottomRef.current]);
+    const handleClose = () => {
+        if (onClose)
+            onClose();
+    };
+    (0, useTransitionModal_1.useControlsForModal)(handleCloseBackground);
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(Portal_1.Portal, { id: containerId },
+        react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+            react_1.default.createElement(Styled.Wrapper, { className: (0, classnames_1.default)(classNameWrapper, 'modal-wrapper'), open: animation, style: styleWrapper, isOverflowAuto: isOverflowAuto },
+                react_1.default.createElement(Styled.Layout, { className: classNameBackground, onClick: handleCloseBackground, style: styleBackground }),
+                react_1.default.createElement(Styled.ContentWrapper, null,
+                    react_1.default.createElement(Styled.Content, { isOverflowAuto: isOverflowAuto, maxWidth: maxWidth, open: animation, showCloseButton: showCloseButton, className: (0, classnames_1.default)(classNameContent, 'modal-content'), style: styleContent },
+                        showCloseButton && (react_1.default.createElement(Styled.CloseButton, { onClick: onClose },
+                            react_1.default.createElement(Close3_svg_1.default, { className: "modal-closeBtn" }))),
+                        react_1.default.createElement(Styled.ContentInside, { bottomHeight: bottomHeight, isOverflowAuto: isOverflowAuto, style: styleContentInside, className: 'modal-contentInside' },
+                            !!title && (react_1.default.createElement(Styled.Header, { className: (0, classnames_1.default)(classNameHeader, 'modal-header') },
+                                react_1.default.createElement(Styled.FirstLineHeader, { adaptiveRightContent: adaptiveRightContent },
+                                    react_1.default.createElement(Styled.Title, { titlePosition: titlePosition, tag: "h5", variant: "header5-Bold" }, title),
+                                    rightContent || null),
+                                !!subtitle && (react_1.default.createElement(Styled.Subtitle, { tag: "span", variant: "text-Regular" }, subtitle)))),
+                            children),
+                        bottomContent && (react_1.default.createElement(Styled.BottomContent, { ref: bottomRef }, bottomContent))))))));
+};
+//# sourceMappingURL=Modal.js.map

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

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