@basiq/connect-auth 0.1.73 → 0.1.74

package/src/reportWebVitals.js

@@ -1,38 +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 __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 });
-var reportWebVitals = function (onPerfEntry) {
-    if (onPerfEntry && onPerfEntry instanceof Function) {
-        Promise.resolve().then(function () { return __importStar(require('web-vitals')); }).then(function (_a) {
-            var getCLS = _a.getCLS, getFID = _a.getFID, getFCP = _a.getFCP, getLCP = _a.getLCP, getTTFB = _a.getTTFB;
-            getCLS(onPerfEntry);
-            getFID(onPerfEntry);
-            getFCP(onPerfEntry);
-            getLCP(onPerfEntry);
-            getTTFB(onPerfEntry);
-        });
-    }
-};
-exports.default = reportWebVitals;

package/src/reportWebVitals.ts

@@ -1,15 +0,0 @@
-import { ReportHandler } from 'web-vitals';
-
-const reportWebVitals = (onPerfEntry?: ReportHandler) => {
-	if (onPerfEntry && onPerfEntry instanceof Function) {
-		import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
-			getCLS(onPerfEntry);
-			getFID(onPerfEntry);
-			getFCP(onPerfEntry);
-			getLCP(onPerfEntry);
-			getTTFB(onPerfEntry);
-		});
-	}
-};
-
-export default reportWebVitals;

package/src/setupTests.d.ts

@@ -1 +0,0 @@
-import '@testing-library/jest-dom';

package/src/setupTests.js

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-require("@testing-library/jest-dom");

package/src/setupTests.ts

@@ -1,5 +0,0 @@
-// jest-dom adds custom jest matchers for asserting on DOM nodes.
-// allows you to do things like:
-// expect(element).toHaveTextContent(/react/i)
-// learn more: https://github.com/testing-library/jest-dom
-import '@testing-library/jest-dom';

package/src/styled.d.ts

@@ -1,6 +0,0 @@
-import 'styled-components';
-import { ThemeType } from './styledComponents';
-
-declare module 'styled-components' {
-	export interface DefaultTheme extends ThemeType {}
-}

package/src/styledComponents/base.d.ts

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

package/src/styledComponents/base.js

@@ -1,32 +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.AppContainerPage = exports.AppContainerWrapper = exports.AppContainer = exports.Root = void 0;
-var styled_components_1 = __importDefault(require("styled-components"));
-var breakpoints_1 = require("./breakpoints");
-exports.Root = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\twhite-space: pre-line;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 0;\n\tright: 0;\n\ttransform: translate(0, -50%);\n\theight: 100%;\n\tmax-height: 812px;\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: ", ";\n\t}\n\th3 {\n\t\tfont-weight: normal;\n\t\t", ";\n\t\tstrong {\n\t\t\t", ";\n\t\t}\n\t}\n\t", " {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: none;\n\t\tpadding: 0;\n\t}\n"], ["\n\twhite-space: pre-line;\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\tposition: fixed;\n\ttop: 50%;\n\tleft: 0;\n\tright: 0;\n\ttransform: translate(0, -50%);\n\theight: 100%;\n\tmax-height: 812px;\n\n\ta {\n\t\ttext-decoration: none;\n\t\tcolor: ", ";\n\t}\n\th3 {\n\t\tfont-weight: normal;\n\t\t", ";\n\t\tstrong {\n\t\t\t", ";\n\t\t}\n\t}\n\t", " {\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tmax-height: none;\n\t\tpadding: 0;\n\t}\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.color.endeavour;
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mixin.title();
-}, function (_a) {
-    var theme = _a.theme;
-    return theme.mixin.title();
-}, breakpoints_1.devices.phone);
-exports.AppContainer = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n\twidth: 539px;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 100%;\n\n\t", " {\n\t\twidth: 100%;\n\t}\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\toverflow-y: scroll;\n"], ["\n\twidth: 539px;\n\tbackground-color: ", ";\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n\tpadding: 16px;\n\tbox-sizing: border-box;\n\theight: 100%;\n\n\t", " {\n\t\twidth: 100%;\n\t}\n\n\t&::-webkit-scrollbar {\n\t\tdisplay: none;\n\t}\n\t-ms-overflow-style: none;\n\tscrollbar-width: none;\n\toverflow-y: scroll;\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.color.white;
-}, breakpoints_1.devices.phone);
-exports.AppContainerWrapper = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n\theight: 100%;\n\tposition: relative;\n\tborder: 1px solid ", ";\n\tborder-radius: 8px;\n\toverflow: hidden;\n\t", " {\n\t\twidth: 100%;\n\t\tborder-radius: unset;\n\t\tborder: unset;\n\t}\n"], ["\n\theight: 100%;\n\tposition: relative;\n\tborder: 1px solid ", ";\n\tborder-radius: 8px;\n\toverflow: hidden;\n\t", " {\n\t\twidth: 100%;\n\t\tborder-radius: unset;\n\t\tborder: unset;\n\t}\n"])), function (_a) {
-    var theme = _a.theme;
-    return theme.color.porcelain;
-}, breakpoints_1.devices.phone);
-exports.AppContainerPage = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n"], ["\n\twidth: 100%;\n\tdisplay: flex;\n\tflex-direction: column;\n\talign-items: center;\n"])));
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/src/styledComponents/base.ts

@@ -1,73 +0,0 @@
-import styled from 'styled-components';
-import { devices } from './breakpoints';
-
-export const Root = styled.div`
-	white-space: pre-line;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	position: fixed;
-	top: 50%;
-	left: 0;
-	right: 0;
-	transform: translate(0, -50%);
-	height: 100%;
-	max-height: 812px;
-
-	a {
-		text-decoration: none;
-		color: ${({ theme }) => theme.color.endeavour};
-	}
-	h3 {
-		font-weight: normal;
-		${({ theme }) => theme.mixin.title()};
-		strong {
-			${({ theme }) => theme.mixin.title()};
-		}
-	}
-	${devices.phone} {
-		width: 100%;
-		height: 100%;
-		max-height: none;
-		padding: 0;
-	}
-`;
-export const AppContainer = styled.div`
-	width: 539px;
-	background-color: ${({ theme }) => theme.color.white};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	padding: 16px;
-	box-sizing: border-box;
-	height: 100%;
-
-	${devices.phone} {
-		width: 100%;
-	}
-
-	&::-webkit-scrollbar {
-		display: none;
-	}
-	-ms-overflow-style: none;
-	scrollbar-width: none;
-	overflow-y: scroll;
-`;
-export const AppContainerWrapper = styled.div`
-	height: 100%;
-	position: relative;
-	border: 1px solid ${({ theme }) => theme.color.porcelain};
-	border-radius: 8px;
-	overflow: hidden;
-	${devices.phone} {
-		width: 100%;
-		border-radius: unset;
-		border: unset;
-	}
-`;
-export const AppContainerPage = styled.div`
-	width: 100%;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-`;

package/src/styledComponents/breakpoints.d.ts

@@ -1,15 +0,0 @@
-export declare const devices: {
-    fold: string;
-    phoneXs: string;
-    phone: string;
-    phoneLandscape: string;
-    tabletOnly: string;
-    iPadProLandscape: string;
-    iPadProPortrait: string;
-    iPad: string;
-    tablet: string;
-    desktop: string;
-    laptop: string;
-    laptopRegularScreenWidth: string;
-    bigDesktop: string;
-};

package/src/styledComponents/breakpoints.js

@@ -1,35 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.devices = void 0;
-var breakpoints = {
-    mobileS: '320px',
-    mobileL: '480px',
-    tabletMinus: '767px',
-    tabletH: '781px',
-    tablet: '768px',
-    tabletL: '992px',
-    laptop: '1024px',
-    laptopH: '1080px',
-    laptopXS: '1110px',
-    laptopS: '1280px',
-    laptopM: '1366px',
-    laptopL: '1440px',
-    laptopXL: '1540px',
-    desktopS: '1800px',
-    desktop: '2560px'
-};
-exports.devices = {
-    fold: "@media only screen and (max-width: ".concat(breakpoints.mobileS, ")"),
-    phoneXs: "@media only screen and (max-width: ".concat(breakpoints.mobileL, ")"),
-    phone: "@media only screen and (max-width: ".concat(breakpoints.tabletMinus, ")"),
-    phoneLandscape: "@media only screen and (max-width: ".concat(breakpoints.mobileL, ")"),
-    tabletOnly: "@media only screen and (min-width: ".concat(breakpoints.tablet, ")  and (max-width: ").concat(breakpoints.tabletL, ")"),
-    iPadProLandscape: "@media only screen and (height: ".concat(breakpoints.laptop, ") and (width: ").concat(breakpoints.laptopM, ")"),
-    iPadProPortrait: "@media only screen and (max-width: ".concat(breakpoints.laptop, ") and (max-height: ").concat(breakpoints.laptopM, ")"),
-    iPad: "@media only screen and (max-width: ".concat(breakpoints.laptop, ") and (max-height: ").concat(breakpoints.tablet, ") "),
-    tablet: "@media only screen and (max-width: ".concat(breakpoints.tabletL, ") "),
-    desktop: "@media only screen and (min-height: ".concat(breakpoints.tabletH, " ) and (min-width: ").concat(breakpoints.laptopS, " ) "),
-    laptop: "@media only screen and (max-width: ".concat(breakpoints.laptopS, ") "),
-    laptopRegularScreenWidth: "@media only screen (max-height: ".concat(breakpoints.laptopXS, ") and and (max-width: ").concat(breakpoints.laptopXL, ") "),
-    bigDesktop: "@media only screen and (min-width: ".concat(breakpoints.desktopS, ") and (min-height: ").concat(breakpoints.laptopH, ")) ")
-};

package/src/styledComponents/breakpoints.ts

@@ -1,32 +0,0 @@
-const breakpoints = {
-	mobileS: '320px',
-	mobileL: '480px',
-	tabletMinus: '767px',
-	tabletH: '781px',
-	tablet: '768px',
-	tabletL: '992px',
-	laptop: '1024px',
-	laptopH: '1080px',
-	laptopXS: '1110px',
-	laptopS: '1280px',
-	laptopM: '1366px',
-	laptopL: '1440px',
-	laptopXL: '1540px',
-	desktopS: '1800px',
-	desktop: '2560px'
-};
-export const devices = {
-	fold: `@media only screen and (max-width: ${breakpoints.mobileS})`,
-	phoneXs: `@media only screen and (max-width: ${breakpoints.mobileL})`,
-	phone: `@media only screen and (max-width: ${breakpoints.tabletMinus})`,
-	phoneLandscape: `@media only screen and (max-width: ${breakpoints.mobileL})`,
-	tabletOnly: `@media only screen and (min-width: ${breakpoints.tablet})  and (max-width: ${breakpoints.tabletL})`,
-	iPadProLandscape: `@media only screen and (height: ${breakpoints.laptop}) and (width: ${breakpoints.laptopM})`,
-	iPadProPortrait: `@media only screen and (max-width: ${breakpoints.laptop}) and (max-height: ${breakpoints.laptopM})`,
-	iPad: `@media only screen and (max-width: ${breakpoints.laptop}) and (max-height: ${breakpoints.tablet}) `,
-	tablet: `@media only screen and (max-width: ${breakpoints.tabletL}) `,
-	desktop: `@media only screen and (min-height: ${breakpoints.tabletH} ) and (min-width: ${breakpoints.laptopS} ) `,
-	laptop: `@media only screen and (max-width: ${breakpoints.laptopS}) `,
-	laptopRegularScreenWidth: `@media only screen (max-height: ${breakpoints.laptopXS}) and and (max-width: ${breakpoints.laptopXL}) `,
-	bigDesktop: `@media only screen and (min-width: ${breakpoints.desktopS}) and (min-height: ${breakpoints.laptopH})) `
-};

package/src/styledComponents/index.d.ts

@@ -1,4 +0,0 @@
-export * from './ui';
-export * from './theme';
-export * from './pages';
-export * from './base';

package/src/styledComponents/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("./ui"), exports);
-__exportStar(require("./theme"), exports);
-__exportStar(require("./pages"), exports);
-__exportStar(require("./base"), exports);

package/src/styledComponents/index.ts

@@ -1,4 +0,0 @@
-export * from './ui';
-export * from './theme';
-export * from './pages';
-export * from './base';

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

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

@@ -1,29 +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.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/auth.ts

@@ -1,49 +0,0 @@
-import styled from 'styled-components';
-
-interface IInputStyled {
-	filled: boolean;
-	error: boolean;
-}
-
-export const PageConnectFooterControl = styled.div`
-	position: absolute;
-	bottom: 80px;
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	left: 0;
-	flex-direction: column;
-	box-sizing: border-box;
-	padding: 16px;
-`;
-export const PageConnectFooterText = styled.span`
-	color: ${({ theme }) => theme.color.abbey};
-	font-size: 12px;
-`;
-
-export const InputStyled = styled.input<IInputStyled>`
-	width: 100%;
-	height: 64px;
-	background: ${({ theme, filled, error }) => (error ? theme.color.wePeep : filled ? theme.color.linkWater : theme.color.porcelainSecond)};
-	color: ${({ theme, error }) => (error ? theme.color.cerise : theme.color.endeavour)};
-	border-radius: 2px;
-	text-align: center;
-	font-size: 32px;
-	border: none;
-	box-shadow: none;
-	letter-spacing: 20px;
-	text-indent: 20px;
-`;
-
-export const InputContainer = styled.div`
-	width: 100%;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-`;
-export const DivAsLink = styled.div`
-	color: ${({ theme }) => theme.color.endeavour};
-	display: inherit;
-	cursor: pointer;
-`;

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

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

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

@@ -1,126 +0,0 @@
-import styled, { css } from 'styled-components';
-import { ButtonStyled } from '../ui';
-import { hexToRGBa } from '../../helpers';
-import { devices } from '../breakpoints';
-
-interface IPageStyledProps {
-	buttonCount?: number;
-	horizontal?: boolean;
-}
-
-interface IStatusMessage {
-	error?: boolean;
-}
-
-interface IPageControlsSectionProps {
-	notEmpty: boolean;
-}
-interface IHorizontalProps {
-	horizontal?: boolean;
-}
-export const PageStyled = styled.div<IPageStyledProps>`
-	width: 100%;
-	height: 100%;
-	${({ buttonCount, horizontal }) =>
-		buttonCount && buttonCount > 0
-			? horizontal
-				? 'padding-bottom: 96px;'
-				: `padding-bottom: ${46 + 50 * buttonCount}px;`
-			: 'padding-bottom: 16px;'}
-`;
-export const PageSubtitle = styled.div`
-	${({ theme }) => theme.mixin.subtitle()};
-`;
-
-export const PageMainContainer = styled.div`
-	display: flex;
-	align-items: center;
-	flex-direction: column;
-`;
-export const PageControlsSection = styled.div<IPageControlsSectionProps>`
-	position: absolute;
-	bottom: 0;
-	left: 0;
-	right: 0;
-	${({ notEmpty }) => `padding: ${notEmpty ? '16px' : '0'}`};
-	background-color: ${({ theme }) => theme.color.white};
-	border-top: 1px solid ${({ theme }) => theme.color.porcelainLight};
-`;
-export const PageShadowWrapper = styled.div<IHorizontalProps>`
-	width: 100%;
-	${({ horizontal }) =>
-		horizontal &&
-		css`
-			display: flex;
-			align-items: center;
-			justify-content: space-between;
-
-			${ButtonStyled} {
-				margin-bottom: 0;
-				margin-right: 16px;
-
-				&:last-child {
-					margin-right: unset;
-				}
-			}
-		`}
-`;
-export const PageShadow = styled.div`
-	position: absolute;
-	height: 71px;
-	left: 0;
-	right: 0;
-	top: -71px;
-	background: linear-gradient(180deg, #cecece 0%, ${hexToRGBa('#cecece', 0)} 100%);
-	opacity: 0.8;
-	transform: rotate(-180deg);
-	pointer-events: none;
-`;
-export const PageHeader = styled.header`
-	margin-bottom: 32px;
-	width: 100%;
-	border-radius: 8px;
-	display: flex;
-	align-items: center;
-	justify-content: center;
-	background-color: ${({ theme }) => theme.color.porcelainSecond};
-	padding: 16px;
-	box-sizing: border-box;
-	height: 150px;
-	${devices.phone} {
-		background-color: unset;
-		overflow: initial;
-		height: 150px;
-		padding: 16px;
-	}
-	img {
-		border-radius: 4px;
-		width: auto !important;
-		height: auto;
-		max-width: 100%;
-		max-height: 100%;
-		${devices.phone} {
-			width: 100%;
-			padding: 16px;
-		}
-	}
-`;
-
-export const PageContent = styled.div`
-	width: 100%;
-`;
-export const StatusMessage = styled.div<IStatusMessage>`
-	width: 100%;
-	background: ${({ theme, error }) => (error ? theme.color.wePeep : theme.color.iceberg)};
-	border-radius: 4px;
-	padding: 11px;
-	box-sizing: border-box;
-	text-align: center;
-	display: flex;
-	justify-content: center;
-	align-items: center;
-	font-weight: 400;
-	font-size: 14px;
-	color: ${({ theme, error }) => (error ? theme.color.cerise : theme.color.gossamer)};
-	margin-bottom: 16px;
-`;

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

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