@basiq/connect-auth 0.1.73 → 0.1.74

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'
-        }
-    }
-};