profinansy-ui-lib 3.3.61 → 3.3.62

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

@@ -0,0 +1,110 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getTypographyParameters = exports.typographyVariants = void 0;
+exports.typographyVariants = [
+    'header1-Bold',
+    'header2-ExtraBold',
+    'header2-Bold',
+    'header3-Bold',
+    'header3-SemiBold',
+    'header4-Bold',
+    'header4-SemiBold',
+    'header5-Bold',
+    'header5-SemiBold',
+    'header6-Bold',
+    'header6-SemiBold',
+    'paragraph-Regular',
+    'paragraph-Medium',
+    'text-Regular',
+    'text-Medium',
+    'text-Bold',
+    'description-Regular',
+    'description-Medium',
+    'description-SemiBold',
+    'description-Bold',
+    'caption-Medium',
+    'caption-SemiBold',
+    'caption-Bold',
+    'caption2-Medium',
+    'caption2-SemiBold',
+    'caption2-Bold',
+    'tag-Medium11',
+    'tag-Medium10',
+    'tag-Medium9',
+    'controls-Regular',
+    'controls-Medium',
+    'controls-SemiBold'
+];
+// [58, 56, 700]  font-size, line-height, font-weight
+const getTypographyParameters = (variant) => {
+    switch (variant) {
+        case 'header1-Bold':
+            return [48, 56, 700];
+        case 'header2-ExtraBold':
+            return [32, 44, 800];
+        case 'header2-Bold':
+            return [32, 44, 700];
+        case 'header3-Bold':
+            return [24, 32, 700];
+        case 'header3-SemiBold':
+            return [24, 32, 600];
+        case 'header4-Bold':
+            return [20, 24, 700];
+        case 'header4-SemiBold':
+            return [20, 24, 600];
+        case 'header5-Bold':
+            return [18, 22, 700];
+        case 'header5-SemiBold':
+            return [18, 22, 600];
+        case 'header6-Bold':
+            return [16, 20, 700];
+        case 'header6-SemiBold':
+            return [16, 20, 600];
+        case 'paragraph-Regular':
+            return [17, 22, 400];
+        case 'paragraph-Medium':
+            return [17, 22, 500];
+        case 'text-Regular':
+            return [15, 20, 400];
+        case 'text-Medium':
+            return [15, 20, 500];
+        case 'text-Bold':
+            return [15, 20, 700];
+        case 'description-Regular':
+            return [14, 18, 400];
+        case 'description-Medium':
+            return [14, 18, 500];
+        case 'description-SemiBold':
+            return [14, 18, 600];
+        case 'description-Bold':
+            return [14, 18, 700];
+        case 'caption-Medium':
+            return [13, 16, 500];
+        case 'caption-SemiBold':
+            return [13, 16, 600];
+        case 'caption-Bold':
+            return [13, 16, 700];
+        case 'caption2-Medium':
+            return [12, 16, 500];
+        case 'caption2-SemiBold':
+            return [12, 16, 600];
+        case 'caption2-Bold':
+            return [12, 16, 700];
+        case 'tag-Medium11':
+            return [11, 14, 500];
+        case 'tag-Medium10':
+            return [10, 14, 500];
+        case 'tag-Medium9':
+            return [9, 14, 500];
+        case 'controls-Regular':
+            return [16, 20, 400];
+        case 'controls-Medium':
+            return [16, 20, 500];
+        case 'controls-SemiBold':
+            return [16, 20, 600];
+        default:
+            return [15, 20, 400];
+    }
+};
+exports.getTypographyParameters = getTypographyParameters;
+//# sourceMappingURL=Typography.const.js.map

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

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

package/dist/components/uikit/Typography/Typography.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;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Typography = void 0;
+const react_1 = __importStar(require("react"));
+const Typography_styled_1 = require("./Typography.styled");
+const theme_const_1 = require("../../../theme/theme.const");
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../theme/ThemeProvider");
+const Typography = (0, react_1.forwardRef)((_a, ref) => {
+    var { tag = 'p', className, children, variant, title, colorName, onClick, valueNumber, colorCategory = 'text' } = _a, props = __rest(_a, ["tag", "className", "children", "variant", "title", "colorName", "onClick", "valueNumber", "colorCategory"]);
+    const Tag = tag;
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    const color = (0, react_1.useMemo)(() => {
+        if (isNaN(valueNumber))
+            return colorName;
+        if (valueNumber >= 0) {
+            return 'positive';
+        }
+        else {
+            return 'negative';
+        }
+    }, [colorName, valueNumber]);
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Typography_styled_1.TypographyStyled, { ref: ref, as: Tag, variant: variant, className: className, title: title, colorCategory: colorCategory, colorName: color, onClick: onClick, style: props }, children)));
+});
+exports.Typography = Typography;
+//# sourceMappingURL=Typography.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.js","sourceRoot":"","sources":["../../../../src/components/uikit/Typography/Typography.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAiE;AACjE,2DAAsD;AAEtD,4DAAoD;AACpD,yDAAiD;AACjD,gEAAsD;AAEtD,MAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,CACE,EAWC,EACD,GAAG,EACH,EAAE;QAbF,EACE,GAAG,GAAG,GAAG,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,KAAK,EACL,SAAS,EACT,OAAO,EACP,WAAW,EACX,aAAa,GAAG,MAAM,OAEvB,EADI,KAAK,cAVV,4GAWC,CADS;IAIV,MAAM,GAAG,GAAG,GAAkC,CAAA;IAE9C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAE1B,MAAM,KAAK,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACzB,IAAI,KAAK,CAAC,WAAW,CAAC;YAAE,OAAO,SAAS,CAAA;QACxC,IAAI,WAAW,IAAI,CAAC,EAAE;YACpB,OAAO,UAAU,CAAA;SAClB;aAAM;YACL,OAAO,UAAU,CAAA;SAClB;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,CAAC,CAAC,CAAA;IAE5B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,oCAAgB,IACf,GAAG,EAAE,GAAG,EACR,EAAE,EAAE,GAAG,EACP,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,KAAK,EACZ,aAAa,EAAE,aAAa,EAC5B,SAAS,EAAE,KAAK,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,IAEX,QAAQ,CACQ,CACL,CACjB,CAAA;AACH,CAAC,CACF,CAAA;AAEQ,gCAAU"}

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

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Typography = void 0;
+const _1 = require(".");
+const react_1 = __importDefault(require("react"));
+const StoryExample_1 = require("../storybook/StoryExample/StoryExample");
+const StoryTitle_1 = require("../storybook/StoryTitle/StoryTitle");
+const Typography_const_1 = require("./Typography.const");
+const StoryDescription_1 = require("../storybook/StoryDescription/StoryDescription");
+exports.default = {
+    title: 'Guideline/Typography',
+    component: _1.Typography,
+    tags: ['autodocs'],
+    parameters: {
+        design: {
+            type: 'figma',
+            url: 'https://www.figma.com/file/bJrf64mQMk2pKHVXTDsHLS/Typography-WEB?type=design&node-id=803-2&mode=design&t=VzrDNRNL5mLXZWbu-4'
+        }
+    }
+};
+const Typography = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Typography"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0422\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430, \u043A\u043E\u0442\u043E\u0440\u0430\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043D\u0430 \u043F\u0440\u043E\u0435\u043A\u0442\u0435. \u041F\u0435\u0440\u0435\u0434\u0430\u0439\u0442\u0435 <b>tag</b>, \u043A\u043E\u0442\u043E\u0440\u044B\u0439 \u0445\u043E\u0442\u0438\u0442\u0435 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u0438 <b>variant</b>. \u041A\u043E\u043C\u043F\u043E\u043D\u0435\u043D\u0442 \u0442\u0430\u043A \u0436\u0435 \u043F\u0440\u0438\u043D\u0438\u043C\u0430\u0435\u0442 \u043B\u044E\u0431\u044B\u0435 css \u0441\u0432\u043E\u0439\u0441\u0442\u0432\u0430." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null, Typography_const_1.typographyVariants.map((item, index) => (react_1.default.createElement(_1.Typography, { tag: "p", display: 'block', variant: item, key: index, paddingBottom: '10px', colorName: "primary", colorCategory: "text" }, item)))),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0420\u0430\u0437\u043D\u044B\u0435 \u0448\u0440\u0438\u0444\u0442\u044B \u043F\u043E\u0434 \u0440\u0430\u0437\u043D\u044B\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u041C\u043E\u0436\u043D\u043E \u043F\u0435\u0440\u0435\u0434\u0430\u0432\u0430\u0442\u044C \u0440\u0430\u0437\u043D\u044B\u0435 <b>variant</b> \u043F\u043E\u0434 \u0440\u0430\u0437\u043D\u044B\u0435 \u0440\u0430\u0437\u0440\u0435\u0448\u0435\u043D\u0438\u044F. \u0414\u043B\u044F \u044D\u0442\u043E\u0433\u043E \u0432 <b>variant</b> \u043F\u0440\u043E\u043A\u0438\u0434\u044B\u0432\u0430\u0439\u0442\u0435 \u043C\u0430\u0441\u0441\u0438\u0432 \u043E\u0431\u044A\u0435\u043A\u0442\u043E\u0432." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(_1.Typography, { tag: "p", display: 'block', variant: [
+                    { resolution: null, variant: 'header1-Bold' },
+                    { resolution: 960, variant: 'header2-Bold' }
+                ], paddingBottom: '10px', colorName: "secondary", colorCategory: "text" }, "\u0422\u0438\u043F\u043E\u0433\u0440\u0430\u0444\u0438\u043A\u0430, \u043A\u043E\u0442\u043E\u0440\u0430\u044F \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u0443\u0435\u0442\u0441\u044F \u043D\u0430 \u043F\u0440\u043E\u0435\u043A\u0442\u0435")),
+        react_1.default.createElement(StoryTitle_1.StoryTitle, null, "\u0426\u0432\u0435\u0442 \u0448\u0440\u0438\u0444\u0442\u0430 \u043F\u043E\u0434 \u043F\u043E\u043B\u043E\u0436\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0435/\u043E\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0435 \u0447\u0438\u0441\u043B\u0430"),
+        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\u0438\u0441\u043B\u043E \u0438 \u0442\u0430\u0439\u043F\u043E\u0433\u0440\u0430\u0444\u0438 \u0441\u0430\u043C \u043E\u043F\u0440\u0435\u0434\u0435\u043B\u0438\u0442 \u0435\u0433\u043E \u0446\u0432\u0435\u0442: \u043F\u043E\u043B\u043E\u0436\u0438\u0442\u0435\u043B\u044C\u043D\u044B\u0439 \u0438\u043B\u0438 \u043E\u0442\u0440\u0438\u0446\u0430\u0442\u0435\u043B\u044C\u043D\u044B\u0439." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null,
+            react_1.default.createElement(_1.Typography, { tag: "p", display: 'block', variant: "header2-Bold", paddingBottom: '10px', valueNumber: 10 }, "10%"))));
+};
+exports.Typography = Typography;
+//# sourceMappingURL=Typography.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.stories.js","sourceRoot":"","sources":["../../../../src/components/uikit/Typography/Typography.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,wBAA2C;AAC3C,kDAAyB;AACzB,yEAAqE;AACrE,mEAA+D;AAC/D,yDAAuD;AACvD,qFAAiF;AAEjF,kBAAe;IACb,KAAK,EAAE,sBAAsB;IAC7B,SAAS,EAAE,aAAS;IACpB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,UAAU,EAAE;QACV,MAAM,EAAE;YACN,IAAI,EAAE,OAAO;YACb,GAAG,EAAE,6HAA6H;SACnI;KACF;CACF,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,iBAAyB;QAChD,8BAAC,mCAAgB,IAAC,IAAI,EAAC,wsBAAkK,GAAG;QAC5L,8BAAC,2BAAY,QACV,qCAAkB,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACvC,8BAAC,aAAS,IACR,GAAG,EAAC,GAAG,EACP,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,IAAI,EACb,GAAG,EAAE,KAAK,EACV,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,SAAS,EACnB,aAAa,EAAC,MAAM,IAEnB,IAAI,CACK,CACb,CAAC,CACW;QACf,8BAAC,uBAAU,yMAAiD;QAC5D,8BAAC,mCAAgB,IAAC,IAAI,EAAC,+eAAwH,GAAG;QAClJ,8BAAC,2BAAY;YACX,8BAAC,aAAS,IACR,GAAG,EAAC,GAAG,EACP,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE;oBACP,EAAE,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,cAAc,EAAE;oBAC7C,EAAE,UAAU,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE;iBAC7C,EACD,aAAa,EAAE,MAAM,EACrB,SAAS,EAAC,WAAW,EACrB,aAAa,EAAC,MAAM,sPAGV,CACC;QACf,8BAAC,uBAAU,wRAA+D;QAC1E,8BAAC,mCAAgB,IAAC,IAAI,EAAC,gfAAgG,GAAG;QAC1H,8BAAC,2BAAY;YACX,8BAAC,aAAS,IACR,GAAG,EAAC,GAAG,EACP,OAAO,EAAE,OAAO,EAChB,OAAO,EAAC,cAAc,EACtB,aAAa,EAAE,MAAM,EACrB,WAAW,EAAE,EAAE,UAGL,CACC,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,UAAU,cAoDtB"}

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

@@ -0,0 +1,49 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TypographyStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Typography_const_1 = require("./Typography.const");
+const getFontStyles = (variant) => {
+    if (!Array.isArray(variant)) {
+        const parameters = (0, Typography_const_1.getTypographyParameters)(variant);
+        return {
+            fontSize: `${parameters[0]}px`,
+            lineHeight: `${parameters[1]}px`,
+            fontWeight: parameters[2]
+        };
+    }
+    else {
+        let mediaQueries = '';
+        variant.forEach(({ variant, resolution }) => {
+            const parameters = (0, Typography_const_1.getTypographyParameters)(variant);
+            if (!resolution) {
+                mediaQueries += `
+        font-size: ${parameters[0]}px;
+        line-height: ${parameters[1]}px;
+        font-weight: ${parameters[2]};`;
+            }
+            else {
+                mediaQueries += `@media (max-width: ${resolution}px) { 
+        font-size: ${parameters[0]}px;
+        line-height: ${parameters[1]}px;
+        font-weight: ${parameters[2]};`;
+            }
+        });
+        return mediaQueries;
+    }
+};
+const getColor = (theme, colorCategory, colorName) => {
+    if (colorCategory && colorName)
+        return theme[colorCategory][colorName];
+    return null;
+};
+const TypographyStyled = styled_components_1.default.p `
+  display: inline-block;
+  color: ${(props) => getColor(props.theme, props.colorCategory, props.colorName)};
+  ${({ variant }) => getFontStyles(variant)};
+`;
+exports.TypographyStyled = TypographyStyled;
+//# sourceMappingURL=Typography.styled.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Typography.styled.js","sourceRoot":"","sources":["../../../../src/components/uikit/Typography/Typography.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEtC,yDAA4D;AAG5D,MAAM,aAAa,GAAG,CAAC,OAAoC,EAAE,EAAE;IAC7D,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,EAAE;QAC3B,MAAM,UAAU,GAAG,IAAA,0CAAuB,EAAC,OAAO,CAAC,CAAA;QACnD,OAAO;YACL,QAAQ,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI;YAC9B,UAAU,EAAE,GAAG,UAAU,CAAC,CAAC,CAAC,IAAI;YAChC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC;SAC1B,CAAA;KACF;SAAM;QACL,IAAI,YAAY,GAAG,EAAE,CAAA;QACrB,OAAO,CAAC,OAAO,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,EAAE,EAAE,EAAE;YAC1C,MAAM,UAAU,GAAG,IAAA,0CAAuB,EAAC,OAAO,CAAC,CAAA;YACnD,IAAI,CAAC,UAAU,EAAE;gBACf,YAAY,IAAI;qBACH,UAAU,CAAC,CAAC,CAAC;uBACX,UAAU,CAAC,CAAC,CAAC;uBACb,UAAU,CAAC,CAAC,CAAC,GAAG,CAAA;aAChC;iBAAM;gBACL,YAAY,IAAI,sBAAsB,UAAU;qBACnC,UAAU,CAAC,CAAC,CAAC;uBACX,UAAU,CAAC,CAAC,CAAC;uBACb,UAAU,CAAC,CAAC,CAAC,GAAG,CAAA;aAChC;QACH,CAAC,CAAC,CAAA;QACF,OAAO,YAAY,CAAA;KACpB;AACH,CAAC,CAAA;AAED,MAAM,QAAQ,GAAG,CACf,KAAa,EACb,aAAgD,EAChD,SAAwC,EACxC,EAAE;IACF,IAAI,aAAa,IAAI,SAAS;QAAE,OAAO,KAAK,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAA;IACtE,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAED,MAAM,gBAAgB,GAAG,2BAAM,CAAC,CAAC,CAI/B;;WAES,CAAC,KAAK,EAAE,EAAE,CACjB,QAAQ,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3D,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,aAAa,CAAC,OAAO,CAAC;CAC1C,CAAA;AAEQ,4CAAgB"}

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

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

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

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

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

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

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

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

package/dist/components/uikit/storybook/StoryDescription/StoryDescription.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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StoryDescription = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./StoryDescription.styled"));
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../../theme/theme.const");
+const StoryDescription = ({ text }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] },
+        react_1.default.createElement(Styled.Component, { dangerouslySetInnerHTML: {
+                __html: text
+            } })));
+};
+exports.StoryDescription = StoryDescription;
+//# sourceMappingURL=StoryDescription.js.map

package/dist/components/uikit/storybook/StoryDescription/StoryDescription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryDescription.js","sourceRoot":"","sources":["../../../../../src/components/uikit/storybook/StoryDescription/StoryDescription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,kEAAmD;AACnD,mEAAyD;AACzD,yDAAiD;AACjD,+DAAuD;AAMvD,MAAM,gBAAgB,GAAG,CAAC,EAAE,IAAI,EAAU,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,SAAS,IACf,uBAAuB,EAAE;gBACvB,MAAM,EAAE,IAAI;aACb,GACD,CACY,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,4CAAgB"}

package/dist/components/uikit/storybook/StoryDescription/StoryDescription.styled.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Component = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Component = styled_components_1.default.p `
+  font-family: Manrope, sans-serif;
+  color: ${(props) => props.theme.text.primary};
+  line-height: 22px;
+  font-size: 16px;
+  margin: 0 0 8px 0;
+  padding: 0;
+  max-width: 800px;
+`;
+//# sourceMappingURL=StoryDescription.styled.js.map

package/dist/components/uikit/storybook/StoryDescription/StoryDescription.styled.js.map

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

package/dist/components/uikit/storybook/StoryExample/StoryExample.js

@@ -0,0 +1,41 @@
+"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.StoryExample = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./StoryExample.styled"));
+const styled_components_1 = require("styled-components");
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const theme_const_1 = require("../../../../theme/theme.const");
+const StoryExample = ({ children }) => {
+    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.Block, null, children)));
+};
+exports.StoryExample = StoryExample;
+//# sourceMappingURL=StoryExample.js.map

package/dist/components/uikit/storybook/StoryExample/StoryExample.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryExample.js","sourceRoot":"","sources":["../../../../../src/components/uikit/storybook/StoryExample/StoryExample.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,8DAA+C;AAC/C,yDAAiD;AACjD,mEAAyD;AACzD,+DAAuD;AAMvD,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAU,EAAE,EAAE;IAC5C,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC;QACjC,8BAAC,MAAM,CAAC,KAAK,QAAE,QAAQ,CAAgB,CACzB,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,oCAAY"}

package/dist/components/uikit/storybook/StoryExample/StoryExample.styled.js

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Block = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.Block = styled_components_1.default.div `
+  padding: 20px;
+  background: ${(props) => props.theme.background.secondary};
+  border: ${(props) => `1px solid ${props.theme.stroke.secondary}`};
+  border-radius: 10px;
+  margin-bottom: 20px;
+`;
+//# sourceMappingURL=StoryExample.styled.js.map

package/dist/components/uikit/storybook/StoryExample/StoryExample.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryExample.styled.js","sourceRoot":"","sources":["../../../../../src/components/uikit/storybook/StoryExample/StoryExample.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,KAAK,GAAG,2BAAM,CAAC,GAAG,CAAA;;gBAEf,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,UAAU,CAAC,SAAS;YAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,SAAS,EAAE;;;CAGjE,CAAA"}

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.js

@@ -0,0 +1,40 @@
+"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.StoryTitle = void 0;
+const react_1 = __importDefault(require("react"));
+const Styled = __importStar(require("./StoryTitle.styled"));
+const ThemeProvider_1 = require("../../../../theme/ThemeProvider");
+const styled_components_1 = require("styled-components");
+const theme_const_1 = require("../../../../theme/theme.const");
+const StoryTitle = ({ children, isBig = false }) => {
+    const { mode } = (0, ThemeProvider_1.useMode)();
+    return (react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme_const_1.palette[mode] }, isBig ? (react_1.default.createElement(Styled.H1, null, children)) : (react_1.default.createElement(Styled.H2, null, children))));
+};
+exports.StoryTitle = StoryTitle;
+//# sourceMappingURL=StoryTitle.js.map

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryTitle.js","sourceRoot":"","sources":["../../../../../src/components/uikit/storybook/StoryTitle/StoryTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAAyB;AACzB,4DAA6C;AAC7C,mEAAyD;AACzD,yDAAiD;AACjD,+DAAuD;AAOvD,MAAM,UAAU,GAAG,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,KAAK,EAAU,EAAE,EAAE;IACzD,MAAM,EAAE,IAAI,EAAE,GAAG,IAAA,uBAAO,GAAE,CAAA;IAC1B,OAAO,CACL,8BAAC,iCAAa,IAAC,KAAK,EAAE,qBAAO,CAAC,IAAI,CAAC,IAChC,KAAK,CAAC,CAAC,CAAC,CACP,8BAAC,MAAM,CAAC,EAAE,QAAE,QAAQ,CAAa,CAClC,CAAC,CAAC,CAAC,CACF,8BAAC,MAAM,CAAC,EAAE,QAAE,QAAQ,CAAa,CAClC,CACa,CACjB,CAAA;AACH,CAAC,CAAA;AAEQ,gCAAU"}

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.styled.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.H2 = exports.H1 = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+exports.H1 = styled_components_1.default.h1 `
+  font-family: 'Manrope', sans-serif;
+  font-size: 38px;
+  margin-bottom: 12px;
+  color: ${(props) => props.theme.text.primary};
+`;
+exports.H2 = styled_components_1.default.h2 `
+  font-family: 'Manrope', sans-serif;
+  font-size: 20px;
+  margin-bottom: 12px;
+  margin-top: 12px;
+  color: ${(props) => props.theme.text.primary};
+`;
+//# sourceMappingURL=StoryTitle.styled.js.map

package/dist/components/uikit/storybook/StoryTitle/StoryTitle.styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StoryTitle.styled.js","sourceRoot":"","sources":["../../../../../src/components/uikit/storybook/StoryTitle/StoryTitle.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAsC;AAEzB,QAAA,EAAE,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;WAIhB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CAC7C,CAAA;AAEY,QAAA,EAAE,GAAG,2BAAM,CAAC,EAAE,CAAA;;;;;WAKhB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO;CAC7C,CAAA"}

package/dist/constants/animation/animation.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AnimationFunctions = void 0;
+exports.AnimationFunctions = {
+    animation_1: 'cubic-bezier(0.05, 0, 0, 1)',
+    animation_2: 'cubic-bezier(0.165, 0.84, 0.44, 1)'
+};
+//# sourceMappingURL=animation.js.map

package/dist/constants/animation/animation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animation.js","sourceRoot":"","sources":["../../../src/constants/animation/animation.ts"],"names":[],"mappings":";;;AAAa,QAAA,kBAAkB,GAAG;IAChC,WAAW,EAAE,6BAA6B;IAC1C,WAAW,EAAE,oCAAoC;CAClD,CAAA"}

package/dist/constants/animation/animations.stories.js

@@ -0,0 +1,26 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Animations = void 0;
+const animation_1 = require("./animation");
+const react_1 = __importDefault(require("react"));
+const StoryTitle_1 = require("../../components/uikit/storybook/StoryTitle/StoryTitle");
+const StoryDescription_1 = require("../../components/uikit/storybook/StoryDescription/StoryDescription");
+const StoryExample_1 = require("../../components/uikit/storybook/StoryExample/StoryExample");
+const Typography_1 = require("../../components/uikit/Typography");
+exports.default = {
+    title: 'Guideline/Animations'
+};
+const Animations = () => {
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(StoryTitle_1.StoryTitle, { isBig: true }, "Animations"),
+        react_1.default.createElement(StoryDescription_1.StoryDescription, { text: "\u0424\u0443\u043D\u043A\u0446\u0438\u0438, \u043A\u043E\u0442\u043E\u0440\u044B\u0435 \u043C\u043E\u0436\u043D\u043E \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u0442\u044C \u043F\u0440\u0438 \u0437\u0430\u0434\u0430\u043D\u0438\u0438 \u043F\u0435\u0440\u0435\u0445\u043E\u0434\u0430 \u0432 animation \u0438 transition. \u0412 95% \u043F\u0440\u043E\u0446\u0435\u043D\u0442\u043E\u0432 \u0441\u043B\u0443\u0447\u0430\u0435\u0432 \u043E\u0442\u043B\u0438\u0447\u043D\u043E \u043F\u043E\u0434\u0445\u043E\u0434\u0438\u0442\n        <b>animation_1</b>. \u0412 \u043A\u0430\u0447\u0435\u0441\u0442\u0432\u0435 \u0434\u043B\u0438\u0442\u0435\u043B\u044C\u043D\u043E\u0441\u0442\u0438 \u0430\u043D\u0438\u043C\u0430\u0446\u0438\u0438 \u0441\u043B\u0435\u0434\u0443\u0435\u0442 \u0432\u044B\u0431\u0438\u0440\u0430\u0442\u044C <b>0.3s</b>, \u043D\u043E \u0435\u0441\u043B\u0438 \u0432\u0438\u0434\u0435\u0442\u0435, \u0447\u0442\u043E \u043D\u0430 \u0432\u0430\u0448\u0435\u043C \u044D\u043B\u0435\u043C\u0435\u043D\u0442\u0430 \u0430\u043D\u0438\u043C\u0430\u0446\u0438\u044F \u043F\u0440\u043E\u0438\u0441\u0445\u043E\u0434\u0438\u0442 \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u0431\u044B\u0441\u0442\u0440\u043E\n        \u0438\u043B\u0438 \u0441\u043B\u0438\u0448\u043A\u043E\u043C \u043C\u0435\u0434\u043B\u0435\u043D\u043D\u043E, \u0442\u043E \u043C\u043E\u0436\u0435\u0442\u0435 \u0443\u0432\u0435\u043B\u0438\u0447\u0438\u0442\u044C \u0438\u043B\u0438 \u0443\u043C\u0435\u043D\u044C\u0448\u0438\u0442\u044C \u044D\u0442\u043E \u0432\u0440\u0435\u043C\u044F." }),
+        react_1.default.createElement(StoryExample_1.StoryExample, null, Object.keys(animation_1.AnimationFunctions).map((item, index) => (react_1.default.createElement(Typography_1.Typography, { variant: "text-Medium", tag: "div", key: index, paddingBottom: "8px" },
+            item,
+            ": ",
+            animation_1.AnimationFunctions[item]))))));
+};
+exports.Animations = Animations;
+//# sourceMappingURL=animations.stories.js.map

package/dist/constants/animation/animations.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.stories.js","sourceRoot":"","sources":["../../../src/constants/animation/animations.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,2CAAgD;AAChD,kDAAyB;AACzB,uFAAmF;AACnF,yGAAqG;AACrG,6FAAyF;AACzF,kEAA8D;AAE9D,kBAAe;IACb,KAAK,EAAE,sBAAsB;CAC9B,CAAA;AAEM,MAAM,UAAU,GAAG,GAAG,EAAE;IAC7B,OAAO,CACL;QACE,8BAAC,uBAAU,IAAC,KAAK,EAAE,IAAI,iBAAyB;QAChD,8BAAC,mCAAgB,IACf,IAAI,EAAC,6iDAE8D,GACnE;QACF,8BAAC,2BAAY,QACV,MAAM,CAAC,IAAI,CAAC,8BAAkB,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE,CAAC,CACpD,8BAAC,uBAAU,IACT,OAAO,EAAC,aAAa,EACrB,GAAG,EAAC,KAAK,EACT,GAAG,EAAE,KAAK,EACV,aAAa,EAAC,KAAK;YAElB,IAAI;;YAAI,8BAAkB,CAAC,IAAI,CAAC,CACtB,CACd,CAAC,CACW,CACd,CACJ,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}

package/dist/constants/common.js

@@ -0,0 +1,31 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.firebaseConfig = exports.REQUEST_METHOD = exports.MOBILE_WIDTH = exports.TABLET_WIDTH = exports.HEIGHT_HEADER = void 0;
+exports.HEIGHT_HEADER = 64;
+exports.TABLET_WIDTH = 960;
+exports.MOBILE_WIDTH = 600;
+exports.REQUEST_METHOD = {
+    GET: 'GET',
+    POST: 'POST',
+    PATCH: 'PATCH',
+    DELETE: 'DELETE'
+};
+exports.firebaseConfig = {
+    apiKey: process.env.NEXT_PUBLIC_FIREBASE_API_KEY ||
+        process.env.REACT_APP_FIREBASE_API_KEY,
+    authDomain: process.env.NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN ||
+        process.env.REACT_APP_FIREBASE_AUTH_DOMAIN,
+    projectId: process.env.NEXT_PUBLIC_FIREBASE_PROJECT_ID ||
+        process.env.REACT_APP_FIREBASE_PROJECT_ID,
+    storageBucket: process.env.NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET ||
+        process.env.REACT_APP_FIREBASE_STORAGE_BUCKET,
+    messagingSenderId: process.env.NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID ||
+        process.env.REACT_APP_FIREBASE_MESSAGING_SENDER_ID,
+    appId: process.env.NEXT_PUBLIC_FIREBASE_APP_ID ||
+        process.env.REACT_APP_FIREBASE_APP_ID,
+    measurementId: process.env.NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID ||
+        process.env.REACT_APP_FIREBASE_MEASUREMENT_ID,
+    vapidKey: process.env.NEXT_PUBLIC_FIREBASE_VAPID_KEY ||
+        process.env.REACT_APP_FIREBASE_VAPID_KEY
+};
+//# sourceMappingURL=common.js.map

package/dist/constants/common.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"common.js","sourceRoot":"","sources":["../../src/constants/common.ts"],"names":[],"mappings":";;;AAEa,QAAA,aAAa,GAAG,EAAE,CAAA;AAElB,QAAA,YAAY,GAAG,GAAG,CAAA;AAClB,QAAA,YAAY,GAAG,GAAG,CAAA;AAElB,QAAA,cAAc,GAA6B;IACtD,GAAG,EAAE,KAAK;IACV,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,QAAQ;CACjB,CAAA;AAEY,QAAA,cAAc,GAAG;IAC5B,MAAM,EACJ,OAAO,CAAC,GAAG,CAAC,4BAA4B;QACxC,OAAO,CAAC,GAAG,CAAC,0BAA0B;IACxC,UAAU,EACR,OAAO,CAAC,GAAG,CAAC,gCAAgC;QAC5C,OAAO,CAAC,GAAG,CAAC,8BAA8B;IAC5C,SAAS,EACP,OAAO,CAAC,GAAG,CAAC,+BAA+B;QAC3C,OAAO,CAAC,GAAG,CAAC,6BAA6B;IAC3C,aAAa,EACX,OAAO,CAAC,GAAG,CAAC,mCAAmC;QAC/C,OAAO,CAAC,GAAG,CAAC,iCAAiC;IAC/C,iBAAiB,EACf,OAAO,CAAC,GAAG,CAAC,wCAAwC;QACpD,OAAO,CAAC,GAAG,CAAC,sCAAsC;IACpD,KAAK,EACH,OAAO,CAAC,GAAG,CAAC,2BAA2B;QACvC,OAAO,CAAC,GAAG,CAAC,yBAAyB;IACvC,aAAa,EACX,OAAO,CAAC,GAAG,CAAC,mCAAmC;QAC/C,OAAO,CAAC,GAAG,CAAC,iCAAiC;IAC/C,QAAQ,EACN,OAAO,CAAC,GAAG,CAAC,8BAA8B;QAC1C,OAAO,CAAC,GAAG,CAAC,4BAA4B;CAC3C,CAAA"}

package/dist/constants/instrumentsTypes.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TYPES = void 0;
+exports.TYPES = {
+    stocks: 'Акции',
+    etfs: 'ETF',
+    bonds: 'Облигации',
+    crypto: 'Криптовалюта',
+    metals: 'Металлы',
+    index: 'Индекс',
+    currency: 'Валюта'
+};
+//# sourceMappingURL=instrumentsTypes.js.map

package/dist/constants/instrumentsTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"instrumentsTypes.js","sourceRoot":"","sources":["../../src/constants/instrumentsTypes.ts"],"names":[],"mappings":";;;AAAa,QAAA,KAAK,GAAG;IACnB,MAAM,EAAE,OAAO;IACf,IAAI,EAAE,KAAK;IACX,KAAK,EAAE,WAAW;IAClB,MAAM,EAAE,cAAc;IACtB,MAAM,EAAE,SAAS;IACjB,KAAK,EAAE,QAAQ;IACf,QAAQ,EAAE,QAAQ;CACnB,CAAA"}