@basiq/connect-auth 0.1.71 → 0.1.74

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

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

package/src/styledComponents/pages/index.js

@@ -1,20 +0,0 @@
-"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/index.ts

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

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

@@ -1,9 +0,0 @@
-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

@@ -1,37 +0,0 @@
-"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/notFound.ts

@@ -1,70 +0,0 @@
-import styled from 'styled-components';
-import { IconWrapper } from '../ui';
-import { PageContent, PageMainContainer } from './basic';
-
-interface IStatusScreenCircleContainer {
-	type: 'success' | 'warning' | 'error';
-}
-
-export const PageStatusScreenMain = styled(PageMainContainer)`
-	height: 100%;
-`;
-export const PageStatusScreenContent = styled(PageContent)`
-	height: inherit;
-	width: 100%;
-	align-items: center;
-	justify-content: center;
-	display: flex;
-	flex-direction: column;
-	text-align: center;
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-`;
-export const StatusScreenCircleContainer = styled.div<IStatusScreenCircleContainer>`
-	width: 64px;
-	height: 64px;
-	background-color: ${({ theme, 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;
-		}
-	}};
-	border-radius: 50%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	margin-bottom: 24px;
-
-	${IconWrapper} {
-		width: 40px;
-		color: ${({ theme }) => theme.color.white};
-	}
-`;
-export const StatusScreenErrorCode = styled.span`
-	font-size: 12px;
-	margin-top: 16px;
-	color: ${({ theme }) => theme.color.osloGrey};
-`;
-export const PageSuccessImgContainer = styled.div`
-	margin-bottom: 24px;
-	width: 64px;
-	height: 64px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	border-radius: 50%;
-	overflow: hidden;
-	img {
-		width: 100%;
-		height: auto;
-	}
-`;

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

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

package/src/styledComponents/pages/start.js

@@ -1,13 +0,0 @@
-"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/pages/start.ts

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-
-export const InnerContainer = styled.div`
-	margin-top: 16px;
-	width: 100%;
-`;

package/src/styledComponents/styles.d.ts

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

package/src/styledComponents/styles.js

@@ -1,14 +0,0 @@
-"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/styles.ts

@@ -1,25 +0,0 @@
-import { createGlobalStyle } from 'styled-components';
-import MarkW1GBook from '../fonts/Mark-W1G-Book.otf';
-import MarkW1GBold from '../fonts/Mark-W1G-Bold.otf';
-
-export default createGlobalStyle`
-  
-@font-face {
-            font-family: MarkW1G;
-            src: url(${MarkW1GBook}) format('opentype');
-        }
-        @font-face {
-            font-family: MarkW1G;
-            font-weight: bold;
-            src: url(${MarkW1GBold}) format('opentype');
-        }
-
-body{
-  font-family: 'MarkW1G', sans-serif;
-}
-body * {
-  font-family: 'MarkW1G', sans-serif;
-  font-size: 14px;
-  font-style: normal;
-}
-`;

package/src/styledComponents/theme.d.ts

@@ -1,45 +0,0 @@
-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

@@ -1,47 +0,0 @@
-"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/theme.ts

@@ -1,58 +0,0 @@
-export const 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: () => ` margin-top: 8px;
-                        margin-bottom: 4px;
-                        width: 100%;
-                        display: flex;
-                        align-items: center;
-                        justify-content: space-between;`,
-
-		title: () => `  font-size: 26px;
-                    line-height: 30px;
-                    letter-spacing: -0.2px;
-                    margin-top: 0;
-                    margin-bottom: 24px;
-                    color: #130f26;
-                    white-space: pre-line;
-  `
-	}
-};
-export type ThemeType = typeof theme;

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

@@ -1,10 +0,0 @@
-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

@@ -1,71 +0,0 @@
-"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/basic.ts

@@ -1,96 +0,0 @@
-import styled, { css, keyframes } from 'styled-components';
-
-interface IIconWrapper {
-	rotating: boolean;
-}
-
-export const rotate = keyframes`
-  from {
-    -ms-transform: rotate(0deg);
-    -moz-transform: rotate(0deg);
-    -webkit-transform: rotate(0deg);
-    -o-transform: rotate(0deg);
-    transform: rotate(0deg);
-  }
-  to {
-    -ms-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -webkit-transform: rotate(360deg);
-    -o-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-`;
-export const SimpleButton = styled.button`
-	border-radius: 2px;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	border: none;
-	cursor: pointer;
-	margin-bottom: 8px;
-	padding: 10px;
-`;
-
-export const Input = styled.input`
-	height: 48px;
-	background: ${({ theme }) => theme.color.porcelainSecond};
-	border-radius: 2px;
-	border: none;
-	width: 100%;
-	box-sizing: border-box;
-	padding: 0 16px;
-	color: ${({ theme }) => theme.color.ebony};
-	margin-bottom: 16px;
-	font-size: 16px;
-
-	&::placeholder {
-		color: ${({ theme }) => theme.color.osloGrey};
-		opacity: 1;
-	}
-
-	&:-ms-input-placeholder {
-		color: ${({ theme }) => theme.color.osloGrey};
-	}
-
-	&::-ms-input-placeholder {
-		color: ${({ theme }) => theme.color.osloGrey};
-	}
-
-	&:focus-visible {
-		outline: none;
-		background-color: ${({ theme }) => theme.color.spindle};
-	}
-
-	&:disabled {
-		background-color: ${({ theme }) => theme.color.porcelain};
-		color: ${({ theme }) => theme.color.casper};
-		cursor: not-allowed;
-	}
-`;
-export const H4Styled = styled.h4`
-	cursor: pointer;
-	user-select: none;
-	${({ theme }) => theme.mixin.subtitle()};
-`;
-
-export const Spacer = styled.div`
-	display: flex;
-	width: 100%;
-	margin-top: 12px;
-	margin-bottom: 12px;
-	height: 1px;
-	background-color: ${({ theme }) => theme.color.porcelain};
-`;
-export const IconWrapper = styled.span<IIconWrapper>`
-    display: flex;
-    width: 22px;
-    ${({ rotating }) =>
-		rotating &&
-		css`
-			animation: ${rotate} 2s linear infinite;
-		`}
-    };
-    svg, img {
-        width: 100%;
-    }
-`;

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

@@ -1,9 +0,0 @@
-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

@@ -1,65 +0,0 @@
-"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;