@basiq/connect-auth 0.1.72 → 0.1.75

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;

package/src/styledComponents/ui/button.ts

@@ -1,112 +0,0 @@
-import styled, { css } from 'styled-components';
-import { SimpleButton } from './basic';
-import { ButtonType } from '../../components/ui/Button';
-
-export const ButtonLabel = styled.span`
-	font-size: 18px;
-`;
-
-interface IButtonStyled {
-	buttonType?: ButtonType;
-	disabled: boolean;
-	onClick: () => void;
-}
-export const ButtonStyled = styled(SimpleButton)<IButtonStyled>`
-	min-height: 40px;
-	justify-content: center;
-	background-color: ${(props) => props.theme.color.endeavour};
-	text-align: center;
-	box-shadow: none;
-	border: none;
-	cursor: pointer;
-	color: ${({ theme }) => theme.color.white};
-
-	&:last-child {
-		margin-bottom: 0;
-	}
-	&:hover {
-		background-color: ${({ theme }) => theme.color.bostonBlue};
-	}
-	&:active {
-		background-color: ${({ theme }) => theme.color.congressBlue};
-	}
-	${({ buttonType, theme }) => {
-		switch (buttonType) {
-			case 'secondary':
-				return css`
-					color: ${theme.color.ebony};
-					background-color: ${theme.color.porcelainSecond};
-					&:hover {
-						color: ${theme.color.abbey};
-						background-color: ${theme.color.porcelainSecondLight};
-					}
-					&:active {
-						background-color: ${theme.color.ironSecond};
-					}
-				`;
-			case 'tiny':
-				return css`
-					width: auto;
-					min-height: 32px;
-					padding: 6px 16px;
-					box-sizing: border-box;
-					font-size: 14px;
-					color: ${theme.color.cyprus};
-					background-color: ${theme.color.hokeyPokey};
-					&:hover {
-						background-color: ${theme.color.hokeyPokeyLight};
-					}
-					&:active {
-						background-color: ${theme.color.anzac};
-					}
-				`;
-
-			case 'back':
-				return css`
-					background: none;
-					justify-content: initial;
-					padding: 0;
-					min-height: unset;
-					color: ${theme.color.casper};
-					width: auto;
-					img {
-						width: 25px;
-						filter: invert(68%) sepia(13%) saturate(348%) hue-rotate(155deg) brightness(91%) contrast(94%);
-					}
-					&:hover {
-						color: ${theme.color.abbey};
-						background-color: unset;
-						img {
-							filter: invert(31%) sepia(10%) saturate(313%) hue-rotate(155deg) brightness(96%) contrast(87%);
-						}
-					}
-					&:active {
-						color: ${theme.color.jumbo};
-						background-color: unset;
-						img {
-							filter: invert(49%) sepia(0%) saturate(5%) hue-rotate(29deg) brightness(99%) contrast(83%);
-						}
-					}
-					&:disabled {
-						color: ${theme.color.porcelain};
-						background-color: unset !important;
-						img {
-							color: ${theme.color.porcelain};
-						}
-					}
-				`;
-			default:
-				return '';
-		}
-	}}
-	img {
-		color: ${({ theme }) => theme.color.casper};
-		margin-right: 3px;
-	}
-
-	&:disabled {
-		background-color: ${({ theme }) => theme.color.porcelain};
-		color: ${({ theme }) => theme.color.casper};
-		cursor: not-allowed;
-	}
-`;

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

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

package/src/styledComponents/ui/index.js

@@ -1,19 +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("./button"), exports);
-__exportStar(require("./modals"), exports);

package/src/styledComponents/ui/index.ts

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

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

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

@@ -1,26 +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.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/src/styledComponents/ui/modals.ts

@@ -1,48 +0,0 @@
-import styled from 'styled-components';
-import { hexToRGBa } from '../../helpers';
-import { IconWrapper } from './basic';
-
-interface IModalStyled {
-	disableTransparency: boolean;
-}
-
-export const ModalStyled = styled.div<IModalStyled>`
-	position: absolute;
-	top: 0;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${({ theme, disableTransparency }) => (disableTransparency ? theme.color.jumbo : hexToRGBa(theme.color.blackPearl, 0.7))};
-	z-index: 1000000000;
-	padding: 16px;
-
-	a {
-		margin-bottom: 8px;
-	}
-`;
-export const LoadingModalStyled = styled.div<IModalStyled>`
-	box-shadow: ${({ theme, disableTransparency }) => (disableTransparency ? 'none' : `0 1px 2px ${hexToRGBa(theme.color.blueBayoux, 0.3)}`)};
-	border-radius: 2px;
-	padding: 16px 12px;
-	font-size: 16px;
-	line-height: 16px;
-	color: ${({ theme }) => theme.color.white};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-
-	${IconWrapper} {
-		filter: invert(1);
-		margin-bottom: 15px;
-		width: 48px;
-	}
-`;
-export const LoadingModalText = styled.span`
-	font-size: 18px;
-	white-space: pre-line;
-	text-align: center;
-	line-height: 30px;
-`;

package/webpack.config.js

@@ -1,66 +0,0 @@
-const path = require('path');
-
-module.exports = {
-    mode: 'production',
-    resolve: {
-        extensions: ['.js', '.jsx', '.ts', '.tsx']
-    },
-    entry: {
-        main: './src/index.tsx'
-    },
-    output: {
-        path: path.resolve(__dirname, 'dist'),
-        filename: 'main.js',
-        library: 'BasiqConnect',
-        libraryTarget: 'umd',
-        publicPath: '/dist/',
-        umdNamedDefine: true
-    },
-    module: {
-        rules: [
-            {
-                test: /\.ts|\.tsx$/,
-                use: 'ts-loader',
-            },
-            {
-                test: /.*\/src\/.*\.(js|jsx)$/,
-                exclude: /(node_modules|bower_components)/,
-                use: {
-                    loader: 'babel-loader'
-                }
-            },
-            {
-                test: /\.(gif|png|jpe?g|svg)$/i,
-                use: {
-                    loader: 'url-loader',
-                    options: {
-                        limit: 10000,
-                        name: '[name].[ext]'
-                    }
-                }
-            },
-            {
-                test: /\.(woff|woff2|eot|ttf|otf)$/,
-                loader: "file-loader"
-            },
-            {
-                test: /\.html$/,
-                use: ['html-loader']
-            }
-        ]
-    },
-    externals: {
-        react: {
-            commonjs: 'react',
-            commonjs2: 'react',
-            amd: 'React',
-            root: 'React'
-        },
-        'react-dom': {
-            commonjs: 'react-dom',
-            commonjs2: 'react-dom',
-            amd: 'ReactDOM',
-            root: 'ReactDOM'
-        }
-    }
-};