@basiq/connect-auth 0.1.6 → 0.1.72

package/src/styledComponents/pages/auth.d.ts

@@ -0,0 +1,10 @@
+interface IInputStyled {
+    filled: boolean;
+    error: boolean;
+}
+export declare const PageConnectFooterControl: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageConnectFooterText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const InputStyled: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, IInputStyled, never>;
+export declare const InputContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const DivAsLink: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/src/styledComponents/pages/auth.js

@@ -0,0 +1,29 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DivAsLink = exports.InputContainer = exports.InputStyled = exports.PageConnectFooterText = exports.PageConnectFooterControl = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.PageConnectFooterControl = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tposition: absolute;\n\tbottom: 80px;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tleft: 0;\n\tflex-direction: column;\n\tbox-sizing: border-box;\n\tpadding: 16px;\n"], ["\n\tposition: absolute;\n\tbottom: 80px;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tleft: 0;\n\tflex-direction: column;\n\tbox-sizing: border-box;\n\tpadding: 16px;\n"])));
+exports.PageConnectFooterText = styled_components_1.default.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tcolor: ", ";\n\tfont-size: 12px;\n"], ["\n\tcolor: ", ";\n\tfont-size: 12px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.abbey;
+});
+exports.InputStyled = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\twidth: 100%;\n\theight: 64px;\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: 2px;\n\ttext-align: center;\n\tfont-size: 32px;\n\tborder: none;\n\tbox-shadow: none;\n\tletter-spacing: 20px;\n\ttext-indent: 20px;\n"], ["\n\twidth: 100%;\n\theight: 64px;\n\tbackground: ", ";\n\tcolor: ", ";\n\tborder-radius: 2px;\n\ttext-align: center;\n\tfont-size: 32px;\n\tborder: none;\n\tbox-shadow: none;\n\tletter-spacing: 20px;\n\ttext-indent: 20px;\n"])), function (_a) {
+    var theme = _a.theme, filled = _a.filled, error = _a.error;
+    return (error ? theme.color.wePeep : filled ? theme.color.linkWater : theme.color.porcelainSecond);
+}, function (_a) {
+    var theme = _a.theme, error = _a.error;
+    return (error ? theme.color.cerise : theme.color.endeavour);
+});
+exports.InputContainer = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n"], ["\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n"])));
+exports.DivAsLink = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tcolor: ", ";\n\tdisplay: inherit;\n\tcursor: pointer;\n"], ["\n\tcolor: ", ";\n\tdisplay: inherit;\n\tcursor: pointer;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.endeavour;
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/src/styledComponents/pages/basic.d.ts

@@ -0,0 +1,23 @@
+interface IPageStyledProps {
+    buttonCount?: number;
+    horizontal?: boolean;
+}
+interface IStatusMessage {
+    error?: boolean;
+}
+interface IPageControlsSectionProps {
+    notEmpty: boolean;
+}
+interface IHorizontalProps {
+    horizontal?: boolean;
+}
+export declare const PageStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPageStyledProps, never>;
+export declare const PageSubtitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageMainContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageControlsSection: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IPageControlsSectionProps, never>;
+export declare const PageShadowWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IHorizontalProps, never>;
+export declare const PageShadow: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageHeader: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StatusMessage: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStatusMessage, never>;
+export {};

package/src/styledComponents/pages/basic.js

@@ -0,0 +1,75 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.StatusMessage = exports.PageContent = exports.PageHeader = exports.PageShadow = exports.PageShadowWrapper = exports.PageControlsSection = exports.PageMainContainer = exports.PageSubtitle = exports.PageStyled = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var ui_1 = require("../ui");
+var helpers_1 = require("../../helpers");
+var breakpoints_1 = require("../breakpoints");
+exports.PageStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\twidth: 100%;\n\theight: 100%;\n\t", "\n"], ["\n\twidth: 100%;\n\theight: 100%;\n\t", "\n"])), function (_a) {
+    var buttonCount = _a.buttonCount, horizontal = _a.horizontal;
+    return buttonCount && buttonCount > 0
+        ? horizontal
+            ? 'padding-bottom: 96px;'
+            : "padding-bottom: ".concat(46 + 50 * buttonCount, "px;")
+        : 'padding-bottom: 16px;';
+});
+exports.PageSubtitle = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t", ";\n"], ["\n\t", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mixin.subtitle();
+});
+exports.PageMainContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n"], ["\n\tdisplay: flex;\n\talign-items: center;\n\tflex-direction: column;\n"])));
+exports.PageControlsSection = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\t", ";\n\tbackground-color: ", ";\n\tborder-top: 1px solid ", ";\n"], ["\n\tposition: absolute;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\t", ";\n\tbackground-color: ", ";\n\tborder-top: 1px solid ", ";\n"])), function (_a) {
+    var notEmpty = _a.notEmpty;
+    return "padding: ".concat(notEmpty ? '16px' : '0');
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.white;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelainLight;
+});
+exports.PageShadowWrapper = styled_components_1.default.div(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\twidth: 100%;\n\t", "\n"], ["\n\twidth: 100%;\n\t", "\n"])), function (_a) {
+    var horizontal = _a.horizontal;
+    return horizontal && (0, styled_components_1.css)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\n\t\t\t", " {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 16px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t"], ["\n\t\t\tdisplay: flex;\n\t\t\talign-items: center;\n\t\t\tjustify-content: space-between;\n\n\t\t\t", " {\n\t\t\t\tmargin-bottom: 0;\n\t\t\t\tmargin-right: 16px;\n\n\t\t\t\t&:last-child {\n\t\t\t\t\tmargin-right: unset;\n\t\t\t\t}\n\t\t\t}\n\t\t"])), ui_1.ButtonStyled);
+});
+exports.PageShadow = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n\tposition: absolute;\n\theight: 71px;\n\tleft: 0;\n\tright: 0;\n\ttop: -71px;\n\tbackground: linear-gradient(180deg, #cecece 0%, ", " 100%);\n\topacity: 0.8;\n\ttransform: rotate(-180deg);\n\tpointer-events: none;\n"], ["\n\tposition: absolute;\n\theight: 71px;\n\tleft: 0;\n\tright: 0;\n\ttop: -71px;\n\tbackground: linear-gradient(180deg, #cecece 0%, ", " 100%);\n\topacity: 0.8;\n\ttransform: rotate(-180deg);\n\tpointer-events: none;\n"])), (0, helpers_1.hexToRGBa)('#cecece', 0));
+exports.PageHeader = styled_components_1.default.header(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n\tmargin-bottom: 32px;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 150px;\n\t", " {\n\t\tbackground-color: unset;\n\t\toverflow: initial;\n\t\theight: 150px;\n\t\tpadding: 16px;\n\t}\n\timg {\n\t\tborder-radius: 4px;\n\t\twidth: auto !important;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\t", " {\n\t\t\twidth: 100%;\n\t\t\tpadding: 16px;\n\t\t}\n\t}\n"], ["\n\tmargin-bottom: 32px;\n\twidth: 100%;\n\tborder-radius: 8px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 150px;\n\t", " {\n\t\tbackground-color: unset;\n\t\toverflow: initial;\n\t\theight: 150px;\n\t\tpadding: 16px;\n\t}\n\timg {\n\t\tborder-radius: 4px;\n\t\twidth: auto !important;\n\t\theight: auto;\n\t\tmax-width: 100%;\n\t\tmax-height: 100%;\n\t\t", " {\n\t\t\twidth: 100%;\n\t\t\tpadding: 16px;\n\t\t}\n\t}\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelainSecond;
+}, breakpoints_1.devices.phone, breakpoints_1.devices.phone);
+exports.PageContent = styled_components_1.default.div(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n\twidth: 100%;\n"], ["\n\twidth: 100%;\n"])));
+exports.StatusMessage = styled_components_1.default.div(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n\twidth: 100%;\n\tbackground: ", ";\n\tborder-radius: 4px;\n\tpadding: 11px;\n\tbox-sizing: border-box;\n\ttext-align: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tcolor: ", ";\n\tmargin-bottom: 16px;\n"], ["\n\twidth: 100%;\n\tbackground: ", ";\n\tborder-radius: 4px;\n\tpadding: 11px;\n\tbox-sizing: border-box;\n\ttext-align: center;\n\tdisplay: flex;\n\tjustify-content: center;\n\talign-items: center;\n\tfont-weight: 400;\n\tfont-size: 14px;\n\tcolor: ", ";\n\tmargin-bottom: 16px;\n"])), function (_a) {
+    var theme = _a.theme, error = _a.error;
+    return (error ? theme.color.wePeep : theme.color.iceberg);
+}, function (_a) {
+    var theme = _a.theme, error = _a.error;
+    return (error ? theme.color.cerise : theme.color.gossamer);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/src/styledComponents/pages/index.d.ts

@@ -0,0 +1,4 @@
+export * from './basic';
+export * from './auth';
+export * from './start';
+export * from './notFound';

package/src/styledComponents/pages/index.js

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./basic"), exports);
+__exportStar(require("./auth"), exports);
+__exportStar(require("./start"), exports);
+__exportStar(require("./notFound"), exports);

package/src/styledComponents/pages/notFound.d.ts

@@ -0,0 +1,9 @@
+interface IStatusScreenCircleContainer {
+    type: 'success' | 'warning' | 'error';
+}
+export declare const PageStatusScreenMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageStatusScreenContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StatusScreenCircleContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IStatusScreenCircleContainer, never>;
+export declare const StatusScreenErrorCode: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export declare const PageSuccessImgContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/src/styledComponents/pages/notFound.js

@@ -0,0 +1,37 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PageSuccessImgContainer = exports.StatusScreenErrorCode = exports.StatusScreenCircleContainer = exports.PageStatusScreenContent = exports.PageStatusScreenMain = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var ui_1 = require("../ui");
+var basic_1 = require("./basic");
+exports.PageStatusScreenMain = (0, styled_components_1.default)(basic_1.PageMainContainer)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\theight: 100%;\n"], ["\n\theight: 100%;\n"])));
+exports.PageStatusScreenContent = (0, styled_components_1.default)(basic_1.PageContent)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\theight: inherit;\n\twidth: 100%;\n\talign-items: center;\n\tjustify-content: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttext-align: center;\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n"], ["\n\theight: inherit;\n\twidth: 100%;\n\talign-items: center;\n\tjustify-content: center;\n\tdisplay: flex;\n\tflex-direction: column;\n\ttext-align: center;\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n"])));
+exports.StatusScreenCircleContainer = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\twidth: 64px;\n\theight: 64px;\n\tbackground-color: ", ";\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 24px;\n\n\t", " {\n\t\twidth: 40px;\n\t\tcolor: ", ";\n\t}\n"], ["\n\twidth: 64px;\n\theight: 64px;\n\tbackground-color: ", ";\n\tborder-radius: 50%;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tmargin-bottom: 24px;\n\n\t", " {\n\t\twidth: 40px;\n\t\tcolor: ", ";\n\t}\n"])), function (_a) {
+    var theme = _a.theme, type = _a.type;
+    switch (type) {
+        case 'success':
+            return theme.color.emerald;
+        case 'error':
+            return theme.color.sunsetOrange;
+        case 'warning':
+            return theme.color.hokeyPokey;
+        default:
+            return theme.color.porcelain;
+    }
+}, ui_1.IconWrapper, function (_a) {
+    var theme = _a.theme;
+    return theme.color.white;
+});
+exports.StatusScreenErrorCode = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tfont-size: 12px;\n\tmargin-top: 16px;\n\tcolor: ", ";\n"], ["\n\tfont-size: 12px;\n\tmargin-top: 16px;\n\tcolor: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.osloGrey;
+});
+exports.PageSuccessImgContainer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tmargin-bottom: 24px;\n\twidth: 64px;\n\theight: 64px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n"], ["\n\tmargin-bottom: 24px;\n\twidth: 64px;\n\theight: 64px;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tborder-radius: 50%;\n\toverflow: hidden;\n\timg {\n\t\twidth: 100%;\n\t\theight: auto;\n\t}\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/src/styledComponents/pages/start.d.ts

@@ -0,0 +1 @@
+export declare const InnerContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/src/styledComponents/pages/start.js

@@ -0,0 +1,13 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.InnerContainer = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+exports.InnerContainer = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tmargin-top: 16px;\n\twidth: 100%;\n"], ["\n\tmargin-top: 16px;\n\twidth: 100%;\n"])));
+var templateObject_1;

package/src/styledComponents/styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
+export default _default;

package/src/styledComponents/styles.js

@@ -0,0 +1,14 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var styled_components_1 = require("styled-components");
+var Mark_W1G_Book_otf_1 = __importDefault(require("../fonts/Mark-W1G-Book.otf"));
+var Mark_W1G_Bold_otf_1 = __importDefault(require("../fonts/Mark-W1G-Bold.otf"));
+exports.default = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  \n@font-face {\n            font-family: MarkW1G;\n            src: url(", ") format('opentype');\n        }\n        @font-face {\n            font-family: MarkW1G;\n            font-weight: bold;\n            src: url(", ") format('opentype');\n        }\n\nbody{\n  font-family: 'MarkW1G', sans-serif;\n}\nbody * {\n  font-family: 'MarkW1G', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n}\n"], ["\n  \n@font-face {\n            font-family: MarkW1G;\n            src: url(", ") format('opentype');\n        }\n        @font-face {\n            font-family: MarkW1G;\n            font-weight: bold;\n            src: url(", ") format('opentype');\n        }\n\nbody{\n  font-family: 'MarkW1G', sans-serif;\n}\nbody * {\n  font-family: 'MarkW1G', sans-serif;\n  font-size: 14px;\n  font-style: normal;\n}\n"])), Mark_W1G_Book_otf_1.default, Mark_W1G_Bold_otf_1.default);
+var templateObject_1;

package/src/styledComponents/theme.d.ts

@@ -0,0 +1,45 @@
+export declare const theme: {
+    color: {
+        white: string;
+        porcelain: string;
+        porcelainSecond: string;
+        porcelainLight: string;
+        porcelainSecondLight: string;
+        iron: string;
+        ironSecond: string;
+        casper: string;
+        mercury: string;
+        dodgerBlue: string;
+        dodgerBlueLight: string;
+        royalBlue: string;
+        bostonBlue: string;
+        endeavour: string;
+        congressBlue: string;
+        brilliantBlue: string;
+        curiousBlue: string;
+        iceberg: string;
+        linkWater: string;
+        spindle: string;
+        cyprus: string;
+        gossamer: string;
+        emerald: string;
+        hokeyPokey: string;
+        hokeyPokeyLight: string;
+        anzac: string;
+        cerise: string;
+        sunsetOrange: string;
+        wePeep: string;
+        ebony: string;
+        abbey: string;
+        osloGrey: string;
+        loblolly: string;
+        jumbo: string;
+        blackPearl: string;
+        blueBayoux: string;
+    };
+    mixin: {
+        subtitle: () => string;
+        title: () => string;
+    };
+};
+export declare type ThemeType = typeof theme;

package/src/styledComponents/theme.js

@@ -0,0 +1,47 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.theme = void 0;
+exports.theme = {
+    color: {
+        white: '#fff',
+        porcelain: '#e2E8Ea',
+        porcelainSecond: '#f5F7F8',
+        porcelainLight: '#e5Eaec',
+        porcelainSecondLight: '#f7F9F9',
+        iron: '#cbd1D3',
+        ironSecond: '#dcdedf',
+        casper: '#90a4Ae',
+        mercury: '#e5E5E5',
+        dodgerBlue: '#4c6Cff',
+        dodgerBlueLight: '#5e7Bff',
+        royalBlue: '#4461e6',
+        bostonBlue: '#367ab9',
+        endeavour: '#0459a8',
+        congressBlue: '#045097',
+        brilliantBlue: '#0075dc',
+        curiousBlue: '#2784da',
+        iceberg: '#cdf2ed',
+        linkWater: '#cddeee',
+        spindle: '#b4Cde5',
+        cyprus: '#002d3C',
+        gossamer: '#06bea6',
+        emerald: '#4fc35A',
+        hokeyPokey: '#fabe34',
+        hokeyPokeyLight: '#f9C858',
+        anzac: '#e1B141',
+        cerise: '#d63F5a',
+        sunsetOrange: '#fe493f',
+        wePeep: '#f7d9de',
+        ebony: '#130f26',
+        abbey: '#4e5457',
+        osloGrey: '#7f888c',
+        loblolly: '#c1c8cc',
+        jumbo: '#7d7d84',
+        blackPearl: '#061D24',
+        blueBayoux: '#4b6a75'
+    },
+    mixin: {
+        subtitle: function () { return " margin-top: 8px;\n                        margin-bottom: 4px;\n                        width: 100%;\n                        display: flex;\n                        align-items: center;\n                        justify-content: space-between;"; },
+        title: function () { return "  font-size: 26px;\n                    line-height: 30px;\n                    letter-spacing: -0.2px;\n                    margin-top: 0;\n                    margin-bottom: 24px;\n                    color: #130f26;\n                    white-space: pre-line;\n  "; }
+    }
+};

package/src/styledComponents/ui/basic.d.ts

@@ -0,0 +1,10 @@
+interface IIconWrapper {
+    rotating: boolean;
+}
+export declare const rotate: import("styled-components").Keyframes;
+export declare const SimpleButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
+export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {}, never>;
+export declare const H4Styled: import("styled-components").StyledComponent<"h4", import("styled-components").DefaultTheme, {}, never>;
+export declare const Spacer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, IIconWrapper, never>;
+export {};

package/src/styledComponents/ui/basic.js

@@ -0,0 +1,71 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.IconWrapper = exports.Spacer = exports.H4Styled = exports.Input = exports.SimpleButton = exports.rotate = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+exports.rotate = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    -ms-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -webkit-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  to {\n    -ms-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -webkit-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n"], ["\n  from {\n    -ms-transform: rotate(0deg);\n    -moz-transform: rotate(0deg);\n    -webkit-transform: rotate(0deg);\n    -o-transform: rotate(0deg);\n    transform: rotate(0deg);\n  }\n  to {\n    -ms-transform: rotate(360deg);\n    -moz-transform: rotate(360deg);\n    -webkit-transform: rotate(360deg);\n    -o-transform: rotate(360deg);\n    transform: rotate(360deg);\n  }\n"])));
+exports.SimpleButton = styled_components_1.default.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tborder-radius: 2px;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tborder: none;\n\tcursor: pointer;\n\tmargin-bottom: 8px;\n\tpadding: 10px;\n"], ["\n\tborder-radius: 2px;\n\twidth: 100%;\n\tdisplay: flex;\n\talign-items: center;\n\tborder: none;\n\tcursor: pointer;\n\tmargin-bottom: 8px;\n\tpadding: 10px;\n"])));
+exports.Input = styled_components_1.default.input(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\theight: 48px;\n\tbackground: ", ";\n\tborder-radius: 2px;\n\tborder: none;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tpadding: 0 16px;\n\tcolor: ", ";\n\tmargin-bottom: 16px;\n\tfont-size: 16px;\n\n\t&::placeholder {\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t&::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t&:focus-visible {\n\t\toutline: none;\n\t\tbackground-color: ", ";\n\t}\n\n\t&:disabled {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tcursor: not-allowed;\n\t}\n"], ["\n\theight: 48px;\n\tbackground: ", ";\n\tborder-radius: 2px;\n\tborder: none;\n\twidth: 100%;\n\tbox-sizing: border-box;\n\tpadding: 0 16px;\n\tcolor: ", ";\n\tmargin-bottom: 16px;\n\tfont-size: 16px;\n\n\t&::placeholder {\n\t\tcolor: ", ";\n\t\topacity: 1;\n\t}\n\n\t&:-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t&::-ms-input-placeholder {\n\t\tcolor: ", ";\n\t}\n\n\t&:focus-visible {\n\t\toutline: none;\n\t\tbackground-color: ", ";\n\t}\n\n\t&:disabled {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tcursor: not-allowed;\n\t}\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelainSecond;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.ebony;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.osloGrey;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.osloGrey;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.osloGrey;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.spindle;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelain;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.casper;
+});
+exports.H4Styled = styled_components_1.default.h4(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\tcursor: pointer;\n\tuser-select: none;\n\t", ";\n"], ["\n\tcursor: pointer;\n\tuser-select: none;\n\t", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.mixin.subtitle();
+});
+exports.Spacer = styled_components_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin-top: 12px;\n\tmargin-bottom: 12px;\n\theight: 1px;\n\tbackground-color: ", ";\n"], ["\n\tdisplay: flex;\n\twidth: 100%;\n\tmargin-top: 12px;\n\tmargin-bottom: 12px;\n\theight: 1px;\n\tbackground-color: ", ";\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelain;
+});
+exports.IconWrapper = styled_components_1.default.span(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n    display: flex;\n    width: 22px;\n    ", "\n    };\n    svg, img {\n        width: 100%;\n    }\n"], ["\n    display: flex;\n    width: 22px;\n    ", "\n    };\n    svg, img {\n        width: 100%;\n    }\n"])), function (_a) {
+    var rotating = _a.rotating;
+    return rotating && (0, styled_components_1.css)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n\t\t\tanimation: ", " 2s linear infinite;\n\t\t"], ["\n\t\t\tanimation: ", " 2s linear infinite;\n\t\t"])), exports.rotate);
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;

package/src/styledComponents/ui/button.d.ts

@@ -0,0 +1,9 @@
+import { ButtonType } from '../../components/ui/Button';
+export declare const ButtonLabel: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+interface IButtonStyled {
+    buttonType?: ButtonType;
+    disabled: boolean;
+    onClick: () => void;
+}
+export declare const ButtonStyled: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, IButtonStyled, never>;
+export {};

package/src/styledComponents/ui/button.js

@@ -0,0 +1,65 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+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.ButtonStyled = exports.ButtonLabel = void 0;
+var styled_components_1 = __importStar(require("styled-components"));
+var basic_1 = require("./basic");
+exports.ButtonLabel = styled_components_1.default.span(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tfont-size: 18px;\n"], ["\n\tfont-size: 18px;\n"])));
+exports.ButtonStyled = (0, styled_components_1.default)(basic_1.SimpleButton)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n\tmin-height: 40px;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\ttext-align: center;\n\tbox-shadow: none;\n\tborder: none;\n\tcursor: pointer;\n\tcolor: ", ";\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\t", "\n\timg {\n\t\tcolor: ", ";\n\t\tmargin-right: 3px;\n\t}\n\n\t&:disabled {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tcursor: not-allowed;\n\t}\n"], ["\n\tmin-height: 40px;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\ttext-align: center;\n\tbox-shadow: none;\n\tborder: none;\n\tcursor: pointer;\n\tcolor: ", ";\n\n\t&:last-child {\n\t\tmargin-bottom: 0;\n\t}\n\t&:hover {\n\t\tbackground-color: ", ";\n\t}\n\t&:active {\n\t\tbackground-color: ", ";\n\t}\n\t", "\n\timg {\n\t\tcolor: ", ";\n\t\tmargin-right: 3px;\n\t}\n\n\t&:disabled {\n\t\tbackground-color: ", ";\n\t\tcolor: ", ";\n\t\tcursor: not-allowed;\n\t}\n"])), function (props) { return props.theme.color.endeavour; }, function (_a) {
+    var theme = _a.theme;
+    return theme.color.white;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.bostonBlue;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.congressBlue;
+}, function (_a) {
+    var buttonType = _a.buttonType, theme = _a.theme;
+    switch (buttonType) {
+        case 'secondary':
+            return (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), theme.color.ebony, theme.color.porcelainSecond, theme.color.abbey, theme.color.porcelainSecondLight, theme.color.ironSecond);
+        case 'tiny':
+            return (0, styled_components_1.css)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmin-height: 32px;\n\t\t\t\t\tpadding: 6px 16px;\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\twidth: auto;\n\t\t\t\t\tmin-height: 32px;\n\t\t\t\t\tpadding: 6px 16px;\n\t\t\t\t\tbox-sizing: border-box;\n\t\t\t\t\tfont-size: 14px;\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tbackground-color: ", ";\n\t\t\t\t\t}\n\t\t\t\t"])), theme.color.cyprus, theme.color.hokeyPokey, theme.color.hokeyPokeyLight, theme.color.anzac);
+        case 'back':
+            return (0, styled_components_1.css)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tjustify-content: initial;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmin-height: unset;\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\twidth: auto;\n\t\t\t\t\timg {\n\t\t\t\t\t\twidth: 25px;\n\t\t\t\t\t\tfilter: invert(68%) sepia(13%) saturate(348%) hue-rotate(155deg) brightness(91%) contrast(94%);\n\t\t\t\t\t}\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tfilter: invert(31%) sepia(10%) saturate(313%) hue-rotate(155deg) brightness(96%) contrast(87%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tfilter: invert(49%) sepia(0%) saturate(5%) hue-rotate(29deg) brightness(99%) contrast(83%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:disabled {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: unset !important;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t"], ["\n\t\t\t\t\tbackground: none;\n\t\t\t\t\tjustify-content: initial;\n\t\t\t\t\tpadding: 0;\n\t\t\t\t\tmin-height: unset;\n\t\t\t\t\tcolor: ", ";\n\t\t\t\t\twidth: auto;\n\t\t\t\t\timg {\n\t\t\t\t\t\twidth: 25px;\n\t\t\t\t\t\tfilter: invert(68%) sepia(13%) saturate(348%) hue-rotate(155deg) brightness(91%) contrast(94%);\n\t\t\t\t\t}\n\t\t\t\t\t&:hover {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tfilter: invert(31%) sepia(10%) saturate(313%) hue-rotate(155deg) brightness(96%) contrast(87%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:active {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: unset;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tfilter: invert(49%) sepia(0%) saturate(5%) hue-rotate(29deg) brightness(99%) contrast(83%);\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t&:disabled {\n\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\tbackground-color: unset !important;\n\t\t\t\t\t\timg {\n\t\t\t\t\t\t\tcolor: ", ";\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t"])), theme.color.casper, theme.color.abbey, theme.color.jumbo, theme.color.porcelain, theme.color.porcelain);
+        default:
+            return '';
+    }
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.casper;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.porcelain;
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.casper;
+});
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;

package/src/styledComponents/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './basic';
+export * from './button';
+export * from './modals';

package/src/styledComponents/ui/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./basic"), exports);
+__exportStar(require("./button"), exports);
+__exportStar(require("./modals"), exports);

package/src/styledComponents/ui/modals.d.ts

@@ -0,0 +1,7 @@
+interface IModalStyled {
+    disableTransparency: boolean;
+}
+export declare const ModalStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalStyled, never>;
+export declare const LoadingModalStyled: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, IModalStyled, never>;
+export declare const LoadingModalText: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;
+export {};

package/src/styledComponents/ui/modals.js

@@ -0,0 +1,26 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingModalText = exports.LoadingModalStyled = exports.ModalStyled = void 0;
+var styled_components_1 = __importDefault(require("styled-components"));
+var helpers_1 = require("../../helpers");
+var basic_1 = require("./basic");
+exports.ModalStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\tz-index: 1000000000;\n\tpadding: 16px;\n\n\ta {\n\t\tmargin-bottom: 8px;\n\t}\n"], ["\n\tposition: absolute;\n\ttop: 0;\n\tbottom: 0;\n\tleft: 0;\n\tright: 0;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tbackground-color: ", ";\n\tz-index: 1000000000;\n\tpadding: 16px;\n\n\ta {\n\t\tmargin-bottom: 8px;\n\t}\n"])), function (_a) {
+    var theme = _a.theme, disableTransparency = _a.disableTransparency;
+    return (disableTransparency ? theme.color.jumbo : (0, helpers_1.hexToRGBa)(theme.color.blackPearl, 0.7));
+});
+exports.LoadingModalStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\tbox-shadow: ", ";\n\tborder-radius: 2px;\n\tpadding: 16px 12px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\n\t", " {\n\t\tfilter: invert(1);\n\t\tmargin-bottom: 15px;\n\t\twidth: 48px;\n\t}\n"], ["\n\tbox-shadow: ", ";\n\tborder-radius: 2px;\n\tpadding: 16px 12px;\n\tfont-size: 16px;\n\tline-height: 16px;\n\tcolor: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\n\t", " {\n\t\tfilter: invert(1);\n\t\tmargin-bottom: 15px;\n\t\twidth: 48px;\n\t}\n"])), function (_a) {
+    var theme = _a.theme, disableTransparency = _a.disableTransparency;
+    return (disableTransparency ? 'none' : "0 1px 2px ".concat((0, helpers_1.hexToRGBa)(theme.color.blueBayoux, 0.3)));
+}, function (_a) {
+    var theme = _a.theme;
+    return theme.color.white;
+}, basic_1.IconWrapper);
+exports.LoadingModalText = styled_components_1.default.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\tfont-size: 18px;\n\twhite-space: pre-line;\n\ttext-align: center;\n\tline-height: 30px;\n"], ["\n\tfont-size: 18px;\n\twhite-space: pre-line;\n\ttext-align: center;\n\tline-height: 30px;\n"])));
+var templateObject_1, templateObject_2, templateObject_3;

package/tsconfig.json

@@ -1,6 +1,5 @@
 {
 	"compilerOptions": {
-		"target": "es5",
 		"lib": ["dom", "dom.iterable", "esnext"],
 		"allowJs": true,
 		"skipLibCheck": true,
@@ -9,13 +8,17 @@
 		"strict": true,
 		"forceConsistentCasingInFileNames": true,
 		"noFallthroughCasesInSwitch": true,
-		"module": "esnext",
 		"moduleResolution": "node",
 		"resolveJsonModule": true,
 		"isolatedModules": true,
-		"noEmit": true,
 		"jsx": "react",
-		"strictNullChecks": false
+		"strictNullChecks": false,
+		"target": "es5",
+		"module": "commonjs",
+		"declaration": true,
+		"typeRoots": ["node_modules/@types"],
+		"experimentalDecorators": true
 	},
-	"include": ["src"]
+	"include": ["src"],
+	"exclude": ["node_modules", "dist"]
 }