@tap-payments/auth-jsconnect 2.1.12-test → 2.1.14-test

package/build/hooks/useEventListener.js

@@ -0,0 +1,20 @@
+import { useEffect, useLayoutEffect, useRef } from 'react';
+var useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;
+function useEventListener(eventName, handler, element, options) {
+    var savedHandler = useRef(handler);
+    useIsomorphicLayoutEffect(function () {
+        savedHandler.current = handler;
+    }, [handler]);
+    useEffect(function () {
+        var targetElement = (element === null || element === void 0 ? void 0 : element.current) || window;
+        if (!(targetElement && targetElement.addEventListener)) {
+            return;
+        }
+        var eventListener = function (event) { return savedHandler.current(event); };
+        targetElement.addEventListener(eventName, eventListener, options);
+        return function () {
+            targetElement.removeEventListener(eventName, eventListener);
+        };
+    }, [eventName, element, options]);
+}
+export { useEventListener };

package/build/hooks/useLanguage.d.ts

@@ -0,0 +1,4 @@
+export declare function useLanguage(): {
+    isAr: boolean;
+    isEn: boolean;
+};

package/build/hooks/useLanguage.js

@@ -0,0 +1,8 @@
+import { useTranslation } from 'react-i18next';
+import { LanguageMode } from '../@types';
+export function useLanguage() {
+    var i18n = useTranslation().i18n;
+    var isAr = i18n.language === LanguageMode.AR;
+    var isEn = i18n.language === LanguageMode.EN;
+    return { isAr: isAr, isEn: isEn };
+}

package/build/hooks/useRedirectionListener.d.ts

@@ -0,0 +1,4 @@
+export declare const useRedirectionData: <T>(dataKey?: string) => {
+    data?: T | undefined;
+    error: boolean;
+};

package/build/hooks/useRedirectionListener.js

@@ -0,0 +1,12 @@
+import { decodeObjectBase64, getParameterByName } from '../utils';
+export var useRedirectionData = function (dataKey) {
+    if (dataKey === void 0) { dataKey = 'data'; }
+    var dataToken = getParameterByName(dataKey);
+    if (!dataToken)
+        return { error: true };
+    var data = decodeObjectBase64(dataToken);
+    return {
+        data: data,
+        error: false
+    };
+};

package/build/hooks/useScreen.d.ts

@@ -0,0 +1,3 @@
+export declare const useScreen: (breakpoint?: 'xs' | 'sm' | 'md' | 'lg' | 'xl') => {
+    small: boolean;
+};

package/build/hooks/useScreen.js

@@ -0,0 +1,14 @@
+import { useEffect, useState } from 'react';
+import { useWindowSize } from '.';
+import { useTheme } from '@mui/material/styles';
+export var useScreen = function (breakpoint) {
+    if (breakpoint === void 0) { breakpoint = 'sm'; }
+    var _a = useState(false), small = _a[0], setSmall = _a[1];
+    var width = useWindowSize().width;
+    var theme = useTheme();
+    useEffect(function () {
+        var target = theme.breakpoints.values[breakpoint || 'sm'];
+        setSmall(width < target);
+    }, [width]);
+    return { small: small };
+};

package/build/hooks/useSetFromDefaultValues.d.ts

@@ -0,0 +1,2 @@
+import { FieldValues, UseFormReturn } from 'react-hook-form';
+export declare const useSetFromDefaultValues: <TFieldValues extends FieldValues = FieldValues>(method: UseFormReturn<TFieldValues, any>, defaultValues: TFieldValues, shouldValidate?: boolean) => void;

package/build/hooks/useSetFromDefaultValues.js

@@ -0,0 +1,24 @@
+import { useEffect } from 'react';
+var isValidValue = function (value) {
+    if (Array.isArray(value))
+        return value.length > 0;
+    if (typeof value === 'object')
+        return Object.keys(value).length > 0;
+    return value !== undefined && value !== null && value !== '';
+};
+export var useSetFromDefaultValues = function (method, defaultValues, shouldValidate) {
+    if (shouldValidate === void 0) { shouldValidate = false; }
+    var setFromDefaultValues = function () {
+        for (var key in defaultValues) {
+            if (Object.prototype.hasOwnProperty.call(defaultValues, key)) {
+                var value = defaultValues[key];
+                if (!isValidValue(method.getValues(key)) && isValidValue(value)) {
+                    method.setValue(key, value, { shouldValidate: shouldValidate });
+                }
+            }
+        }
+    };
+    useEffect(function () {
+        setFromDefaultValues();
+    }, [defaultValues]);
+};

package/build/hooks/useStepStartedListener.d.ts

@@ -0,0 +1 @@
+export declare const useStepStartedListener: () => void;

package/build/hooks/useStepStartedListener.js

@@ -0,0 +1,10 @@
+import { useEffect } from 'react';
+import { settingsSelector } from '../app/settings';
+import { useAppSelector } from './useAppSelector';
+export var useStepStartedListener = function () {
+    var settings = useAppSelector(settingsSelector);
+    useEffect(function () {
+        var _a, _b;
+        (_b = (_a = settings.data.appConfig).onStepStarted) === null || _b === void 0 ? void 0 : _b.call(_a, settings.data.activeScreen.name);
+    }, [settings.data.activeScreen]);
+};

package/build/hooks/useThemeMode.d.ts

@@ -0,0 +1,4 @@
+export declare const useThemeMode: () => {
+    isDark: boolean;
+    isLight: boolean;
+};

package/build/hooks/useThemeMode.js

@@ -0,0 +1,7 @@
+import { useTheme } from '@mui/material/styles';
+export var useThemeMode = function () {
+    var theme = useTheme();
+    var isDark = theme.palette.mode === 'dark';
+    var isLight = theme.palette.mode === 'light';
+    return { isDark: isDark, isLight: isLight };
+};

package/build/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+interface WindowSize {
+    width: number;
+    height: number;
+}
+export declare const useWindowSize: () => WindowSize;
+export {};

package/build/hooks/useWindowSize.js

@@ -0,0 +1,19 @@
+import { useEffect, useState } from 'react';
+export var useWindowSize = function () {
+    var _a = useState({
+        width: 0,
+        height: 0
+    }), windowSize = _a[0], setWindowSize = _a[1];
+    var handleSize = function () {
+        setWindowSize({
+            width: window.innerWidth,
+            height: window.innerHeight
+        });
+    };
+    useEffect(function () {
+        window.addEventListener('resize', handleSize);
+        handleSize();
+        return function () { return window.removeEventListener('resize', handleSize); };
+    }, []);
+    return windowSize;
+};

package/build/i18n.d.ts

@@ -0,0 +1,2 @@
+import i18n from 'i18next';
+export default i18n;

package/build/i18n.js

@@ -0,0 +1,34 @@
+import i18n from 'i18next';
+import { initReactI18next } from 'react-i18next';
+import Backend from 'i18next-http-backend';
+import LanguageDetector from 'i18next-browser-languagedetector';
+import { LOCAL_STORAGE_KEYS } from './constants';
+import translationEN from './assets/locales/en.json';
+import translationAR from './assets/locales/ar.json';
+var resources = {
+    en: {
+        translation: translationEN
+    },
+    ar: {
+        translation: translationAR
+    }
+};
+i18n
+    .use(Backend)
+    .use(LanguageDetector)
+    .use(initReactI18next)
+    .init({
+    resources: resources,
+    detection: {
+        order: ['querystring', 'localStorage'],
+        lookupQuerystring: LOCAL_STORAGE_KEYS.languageMode || 'lng',
+        htmlTag: document.documentElement
+    },
+    fallbackLng: 'en',
+    debug: false,
+    keySeparator: false,
+    interpolation: {
+        escapeValue: false
+    }
+});
+export default i18n;

package/build/index.css

@@ -0,0 +1,140 @@
+@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Roboto:300,400,500,700&display=swap');
+@import url('https://fonts.googleapis.com/icon?family=Material+Icons');
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300&display=swap');
+@import url('https://fonts.googleapis.com/css?family=Tajawal&display=swap');
+
+/* http://meyerweb.com/eric/tools/css/reset/ 
+   v2.0 | 20110126
+   License: none (public domain)
+*/
+
+html,
+body,
+div,
+span,
+applet,
+object,
+iframe,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6,
+p,
+blockquote,
+pre,
+a,
+abbr,
+acronym,
+address,
+big,
+cite,
+code,
+del,
+dfn,
+em,
+img,
+ins,
+kbd,
+q,
+s,
+samp,
+small,
+strike,
+strong,
+sub,
+sup,
+tt,
+var,
+b,
+u,
+i,
+center,
+dl,
+dt,
+dd,
+ol,
+ul,
+li,
+fieldset,
+form,
+label,
+legend,
+table,
+caption,
+tbody,
+tfoot,
+thead,
+tr,
+th,
+td,
+article,
+aside,
+canvas,
+details,
+embed,
+figure,
+figcaption,
+footer,
+header,
+hgroup,
+menu,
+nav,
+output,
+ruby,
+section,
+summary,
+time,
+mark,
+audio,
+video {
+	margin: 0;
+	padding: 0;
+	border: 0;
+	font-size: 100%;
+	font: inherit;
+	vertical-align: baseline;
+}
+/* HTML5 display-role reset for older browsers */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section {
+	display: block;
+}
+body {
+	line-height: 1;
+	overflow-y: hidden;
+}
+ol,
+ul {
+	list-style: none;
+}
+blockquote,
+q {
+	quotes: none;
+}
+blockquote:before,
+blockquote:after,
+q:before,
+q:after {
+	content: '';
+	content: none;
+}
+table {
+	border-collapse: collapse;
+	border-spacing: 0;
+}
+
+* {
+	box-sizing: border-box;
+}

package/build/index.d.ts

@@ -0,0 +1,13 @@
+import './index.css';
+import './i18n';
+import { ConnectLib, renderConnectLib, ConnectLibProps, unmountConnectLib } from './features/connect';
+import { BusinessLib, renderBusinessLib, BusinessLibProps, unmountBusinessLib } from './features/business';
+import { PasswordLib, renderPasswordLib, PasswordLibProps, unmountPasswordLib } from './features/password';
+import { IndividualLib, renderIndividualLib, IndividualLibProps, unmountIndividualLib } from './features/individual';
+import { BankLib, renderBankLib, BankLibProps, unmountBankLib } from './features/bank';
+import { TaxLib, renderTaxLib, TaxLibProps, unmountTaxLib } from './features/tax';
+import { SignInLib, renderSignInLib, SignInLibProps, unmountSignInLib } from './features/signIn';
+import { EntityLib, EntityLibProps, renderEntityLib, unmountEntityLib } from './features/entity';
+import { AuthLib, AuthLibProps, renderAuthLib, unmountAuthLib } from './features/auth';
+export type { ConnectLibProps, BusinessLibProps, PasswordLibProps, IndividualLibProps, BankLibProps, TaxLibProps, EntityLibProps, AuthLibProps, SignInLibProps };
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };

package/build/index.js

@@ -0,0 +1,33 @@
+import './index.css';
+import './i18n';
+import { ConnectLib, renderConnectLib, unmountConnectLib } from './features/connect';
+import { BusinessLib, renderBusinessLib, unmountBusinessLib } from './features/business';
+import { PasswordLib, renderPasswordLib, unmountPasswordLib } from './features/password';
+import { IndividualLib, renderIndividualLib, unmountIndividualLib } from './features/individual';
+import { BankLib, renderBankLib, unmountBankLib } from './features/bank';
+import { TaxLib, renderTaxLib, unmountTaxLib } from './features/tax';
+import { SignInLib, renderSignInLib, unmountSignInLib } from './features/signIn';
+import { EntityLib, renderEntityLib, unmountEntityLib } from './features/entity';
+import { AuthLib, renderAuthLib, unmountAuthLib } from './features/auth';
+export { ConnectLib, renderConnectLib, unmountConnectLib, BusinessLib, renderBusinessLib, unmountBusinessLib, PasswordLib, renderPasswordLib, unmountPasswordLib, IndividualLib, renderIndividualLib, unmountIndividualLib, BankLib, renderBankLib, unmountBankLib, TaxLib, renderTaxLib, unmountTaxLib, EntityLib, renderEntityLib, unmountEntityLib, SignInLib, renderSignInLib, unmountSignInLib, AuthLib, renderAuthLib, unmountAuthLib };
+window['TapAuth'] = {
+    renderConnectLib: renderConnectLib,
+    unmountConnectLib: unmountConnectLib,
+    renderBusinessLib: renderBusinessLib,
+    unmountBusinessLib: unmountBusinessLib,
+    renderPasswordLib: renderPasswordLib,
+    unmountPasswordLib: unmountPasswordLib,
+    renderIndividualLib: renderIndividualLib,
+    unmountIndividualLib: unmountIndividualLib,
+    renderBankLib: renderBankLib,
+    unmountBankLib: unmountBankLib,
+    renderTaxLib: renderTaxLib,
+    unmountTaxLib: unmountTaxLib,
+    renderEntityLib: renderEntityLib,
+    unmountEntityLib: unmountEntityLib,
+    renderSignInLib: renderSignInLib,
+    unmountSignInLib: unmountSignInLib,
+    renderAuthLib: renderAuthLib,
+    unmountAuthLib: unmountAuthLib
+};
+console.log("TapAuth version: ".concat(require('../package.json').version));

package/build/theme/components.d.ts

@@ -0,0 +1,2 @@
+import { Components, Theme } from '@mui/material/styles';
+export declare const components: Components<Theme> | undefined;

package/build/theme/components.js

@@ -0,0 +1,19 @@
+export var components = {
+    MuiSvgIcon: {
+        styleOverrides: {
+            root: {
+                width: '0.8em',
+                height: '0.8em'
+            }
+        }
+    },
+    MuiBackdrop: {
+        styleOverrides: {
+            root: {
+                '&.MuiDialog-backdrop': {
+                    backgroundColor: 'transparent'
+                }
+            }
+        }
+    }
+};

package/build/theme/index.d.ts

@@ -0,0 +1 @@
+export { appTheme } from './theme';

package/build/theme/index.js

@@ -0,0 +1 @@
+export { appTheme } from './theme';

package/build/theme/palette.d.ts

@@ -0,0 +1,3 @@
+import { PaletteOptions } from '@mui/material/styles';
+export declare const lightPalette: PaletteOptions;
+export declare const darkPalette: PaletteOptions;

package/build/theme/palette.js

@@ -0,0 +1,68 @@
+export var lightPalette = {
+    mode: 'light',
+    divider: '#e3e8ee',
+    primary: {
+        main: '#007aff',
+        dark: '#9CA0A94D',
+        light: '#0E9346'
+    },
+    success: {
+        light: '#2CCE01',
+        main: '#1ECB40',
+        dark: '#3A4155'
+    },
+    common: {
+        black: '#000',
+        white: '#fff'
+    },
+    background: {
+        paper: '#fafbfd',
+        default: '#ffffff'
+    },
+    text: {
+        primary: '#3f424d',
+        secondary: '#ABAEB6',
+        disabled: '#3A4154B3'
+    },
+    action: {
+        selected: 'rgba(0, 0, 0, 0.08)',
+        hover: 'rgba(0, 0, 0, 0.08)'
+    },
+    secondary: {
+        light: '#FAFBFC',
+        main: '#c2c6cc',
+        dark: '#ABAEB6'
+    },
+    error: {
+        main: '#EB3746',
+        light: '#FF0F3E',
+        dark: '#E937454D'
+    },
+    warning: {
+        main: '#F5A623',
+        light: '#FF9F00',
+        dark: '#F5A6234D'
+    },
+    info: {
+        main: '#808592',
+        light: '#EAECEF'
+    }
+};
+export var darkPalette = {
+    mode: 'dark',
+    divider: '#cdd2e0',
+    background: {
+        paper: '#171a21',
+        default: '#21252f'
+    },
+    text: {
+        primary: '#cdd2e0'
+    },
+    action: {
+        selected: 'rgba(0, 0, 0, 0.08)',
+        hover: 'rgba(0, 0, 0, 0.08)'
+    },
+    primary: {
+        main: '#007aff'
+    }
+};

package/build/theme/shadows.d.ts

@@ -0,0 +1,2 @@
+import { Shadows } from '@mui/material/styles/shadows';
+export declare const shadows: Shadows | undefined;

package/build/theme/shadows.js

@@ -0,0 +1,27 @@
+export var shadows = [
+    'none',
+    '0 0 0 1px rgb(63 63 68 / 5%), 0 1px 2px 0 rgb(63 63 68 / 15%)',
+    '0px 1px 5px 0px rgba(0,0,0,0.2),0px 2px 2px 0px rgba(0,0,0,0.14),0px 3px 1px -2px rgba(0,0,0,0.12)',
+    '0px 1px 8px 0px rgba(0,0,0,0.2),0px 3px 4px 0px rgba(0,0,0,0.14),0px 3px 3px -2px rgba(0,0,0,0.12)',
+    '0px 2px 4px -1px rgba(0,0,0,0.2),0px 4px 5px 0px rgba(0,0,0,0.14),0px 1px 10px 0px rgba(0,0,0,0.12)',
+    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 5px 8px 0px rgba(0,0,0,0.14),0px 1px 14px 0px rgba(0,0,0,0.12)',
+    '0px 3px 5px -1px rgba(0,0,0,0.2),0px 6px 10px 0px rgba(0,0,0,0.14),0px 1px 18px 0px rgba(0,0,0,0.12)',
+    '0px 4px 5px -2px rgba(0,0,0,0.2),0px 7px 10px 1px rgba(0,0,0,0.14),0px 2px 16px 1px rgba(0,0,0,0.12)',
+    '0px 5px 5px -3px rgba(0,0,0,0.2),0px 8px 10px 1px rgba(0,0,0,0.14),0px 3px 14px 2px rgba(0,0,0,0.12)',
+    '0px 5px 6px -3px rgba(0,0,0,0.2),0px 9px 12px 1px rgba(0,0,0,0.14),0px 3px 16px 2px rgba(0,0,0,0.12)',
+    '0px 6px 6px -3px rgba(0,0,0,0.2),0px 10px 14px 1px rgba(0,0,0,0.14),0px 4px 18px 3px rgba(0,0,0,0.12)',
+    '0px 6px 7px -4px rgba(0,0,0,0.2),0px 11px 15px 1px rgba(0,0,0,0.14),0px 4px 20px 3px rgba(0,0,0,0.12)',
+    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 12px 17px 2px rgba(0,0,0,0.14),0px 5px 22px 4px rgba(0,0,0,0.12)',
+    '0px 7px 8px -4px rgba(0,0,0,0.2),0px 13px 19px 2px rgba(0,0,0,0.14),0px 5px 24px 4px rgba(0,0,0,0.12)',
+    '0px 7px 9px -4px rgba(0,0,0,0.2),0px 14px 21px 2px rgba(0,0,0,0.14),0px 5px 26px 4px rgba(0,0,0,0.12)',
+    '0px 8px 9px -5px rgba(0,0,0,0.2),0px 15px 22px 2px rgba(0,0,0,0.14),0px 6px 28px 5px rgba(0,0,0,0.12)',
+    '0px 8px 10px -5px rgba(0,0,0,0.2),0px 16px 24px 2px rgba(0,0,0,0.14),0px 6px 30px 5px rgba(0,0,0,0.12)',
+    '0px 8px 11px -5px rgba(0,0,0,0.2),0px 17px 26px 2px rgba(0,0,0,0.14),0px 6px 32px 5px rgba(0,0,0,0.12)',
+    '0px 9px 11px -5px rgba(0,0,0,0.2),0px 18px 28px 2px rgba(0,0,0,0.14),0px 7px 34px 6px rgba(0,0,0,0.12)',
+    '0px 9px 12px -6px rgba(0,0,0,0.2),0px 19px 29px 2px rgba(0,0,0,0.14),0px 7px 36px 6px rgba(0,0,0,0.12)',
+    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 20px 31px 3px rgba(0,0,0,0.14),0px 8px 38px 7px rgba(0,0,0,0.12)',
+    '0px 10px 13px -6px rgba(0,0,0,0.2),0px 21px 33px 3px rgba(0,0,0,0.14),0px 8px 40px 7px rgba(0,0,0,0.12)',
+    '0px 10px 14px -6px rgba(0,0,0,0.2),0px 22px 35px 3px rgba(0,0,0,0.14),0px 8px 42px 7px rgba(0,0,0,0.12)',
+    '0px 11px 14px -7px rgba(0,0,0,0.2),0px 23px 36px 3px rgba(0,0,0,0.14),0px 9px 44px 8px rgba(0,0,0,0.12)',
+    '0px 11px 15px -7px rgba(0,0,0,0.2),0px 24px 38px 3px rgba(0,0,0,0.14),0px 9px 46px 8px rgba(0,0,0,0.12)'
+];

package/build/theme/theme.d.ts

@@ -0,0 +1,2 @@
+import { DirectionMode, ThemeMode } from '../@types';
+export declare const appTheme: (mode: ThemeMode, isMobile: boolean, dir: DirectionMode) => import("@mui/material/styles").Theme;

package/build/theme/theme.js

@@ -0,0 +1,43 @@
+import { createTheme } from '@mui/material/styles';
+import { typography } from './typography';
+import { darkPalette, lightPalette } from './palette';
+import { components } from './components';
+import { shadows } from './shadows';
+export var appTheme = function (mode, isMobile, dir) {
+    return createTheme({
+        palette: mode === 'dark' ? darkPalette : lightPalette,
+        direction: dir,
+        typography: typography,
+        breakpoints: {
+            values: {
+                xs: 0,
+                sm: isMobile ? 1536 : 600,
+                md: 900,
+                lg: 1200,
+                xl: 1536
+            }
+        },
+        components: components,
+        shape: {
+            borderRadius: 5
+        },
+        shadows: shadows,
+        transitions: {
+            duration: {
+                shortest: 200,
+                shorter: 300,
+                short: 400,
+                standard: 500,
+                complex: 700,
+                enteringScreen: 500,
+                leavingScreen: 500
+            },
+            easing: {
+                easeIn: 'cubic-bezier(0.4, 0, 1, 1)',
+                easeOut: 'cubic-bezier(0, 0, 0.2, 1)',
+                easeInOut: 'cubic-bezier(0.4, 0, 0.2, 1)',
+                sharp: 'cubic-bezier(0.4, 0, 0.6, 1)'
+            }
+        }
+    });
+};

package/build/theme/typography.d.ts

@@ -0,0 +1,2 @@
+import { TypographyOptions } from '@mui/material/styles/createTypography';
+export declare const typography: TypographyOptions;

package/build/theme/typography.js

@@ -0,0 +1,31 @@
+export var typography = {
+    htmlFontSize: 16,
+    fontFamily: '"Lato", "Tajawal", "Roboto"',
+    fontSize: 14,
+    fontWeightLight: 300,
+    fontWeightRegular: 400,
+    fontWeightMedium: 500,
+    fontWeightBold: 700,
+    allVariants: {
+        fontFamily: '"Lato", "Tajawal", "Roboto"',
+        fontSize: '0.875rem',
+        lineHeight: 'normal',
+        fontStyle: 'normal',
+        fontWeight: 'normal',
+        fontStretch: 'normal',
+        letterSpacing: 'normal'
+    },
+    h1: { fontSize: '3.5rem' },
+    h2: { fontSize: '3rem' },
+    h3: { fontSize: '2.5rem' },
+    h4: { fontSize: '2rem' },
+    h5: { fontSize: '1.5rem' },
+    h6: { fontSize: '1.25rem' },
+    subtitle1: { fontSize: '1.125rem' },
+    subtitle2: { fontSize: '0.875rem' },
+    body1: { fontSize: '1rem' },
+    body2: { fontSize: '0.875rem' },
+    button: { fontSize: '0.875rem' },
+    caption: { fontSize: '0.75rem' },
+    overline: { fontSize: '0.75rem' }
+};