@aic-kits/react-native 0.0.2 → 0.0.4

package/lib/services/base/BaseService.js

@@ -0,0 +1,61 @@
+import auth, { FirebaseAuthTypes } from '@react-native-firebase/auth';
+import axios, { AxiosError } from 'axios';
+import { ServerResponse } from './BaseResponse';
+export class BaseService {
+    http;
+    constructor() {
+        this.http = axios.create({
+            baseURL: 'http://10.0.2.2:9000/api',
+        });
+        this.http.interceptors.request.use(async (config) => {
+            const user = auth().currentUser;
+            if (user) {
+                const idToken = await user.getIdToken();
+                config.headers.Authorization = `Bearer ${idToken}`;
+            }
+            return config;
+        }, error => {
+            return Promise.reject(error);
+        });
+    }
+    async request(method, url, requestData) {
+        const serverResponse = new ServerResponse({
+            status: 0,
+            message: 'Request in progress',
+        });
+        try {
+            let response;
+            switch (method) {
+                case 'get':
+                    response = await this.http.get(url);
+                    break;
+                case 'post':
+                    response = await this.http.post(url, requestData);
+                    break;
+                case 'put':
+                    response = await this.http.put(url, requestData);
+                    break;
+                case 'delete':
+                    response = await this.http.delete(url);
+                    break;
+                default:
+                    throw new Error('Method not supported');
+            }
+            // Update the server response with the actual data and isLoading set to false
+            serverResponse.update(response.data);
+        }
+        catch (error) {
+            let message = 'An unexpected error has occurred';
+            let status;
+            if (error instanceof AxiosError && error.response) {
+                status = error.response.status;
+                message = error.response.data?.message || message;
+            }
+            else if (error instanceof Error) {
+                message = error.message;
+            }
+            serverResponse.update({ status, message, error: message });
+        }
+        return serverResponse;
+    }
+}

package/lib/services/base/index.d.ts

@@ -0,0 +1,3 @@
+export * from './BaseResponse';
+export * from './BaseService';
+//# sourceMappingURL=index.d.ts.map

package/lib/services/base/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/base/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,eAAe,CAAC"}

package/lib/services/base/index.js

@@ -0,0 +1,2 @@
+export * from './BaseResponse';
+export * from './BaseService';

package/lib/services/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './useRequest';
+//# sourceMappingURL=index.d.ts.map

package/lib/services/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/services/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC"}

package/lib/services/hooks/index.js

@@ -0,0 +1 @@
+export * from './useRequest';

package/lib/services/hooks/useRequest.d.ts

@@ -0,0 +1,14 @@
+import { ServerResponse } from '../base';
+export interface UseRequestOptions<T, P = void> {
+    request: (params: P) => Promise<ServerResponse<T>>;
+    onSuccess?: (data: T) => void;
+    onError?: (error: Error) => void;
+}
+export type UseRequestReturnType<T> = {
+    data: T | undefined;
+    fetchData: () => void;
+    loading: boolean;
+    error: Error | undefined;
+};
+export declare const useRequest: <T>({ request, onSuccess, onError, }: UseRequestOptions<T>) => UseRequestReturnType<T>;
+//# sourceMappingURL=useRequest.d.ts.map

package/lib/services/hooks/useRequest.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequest.d.ts","sourceRoot":"","sources":["../../../src/services/hooks/useRequest.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAEzC,MAAM,WAAW,iBAAiB,CAAC,CAAC,EAAE,CAAC,GAAG,IAAI;IAC5C,OAAO,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,OAAO,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC;IACnD,SAAS,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC;AAED,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,EAAE,CAAC,GAAG,SAAS,CAAC;IACpB,SAAS,EAAE,MAAM,IAAI,CAAC;IACtB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,GAAG,SAAS,CAAC;CAC1B,CAAC;AAEF,eAAO,MAAM,UAAU,GAAI,CAAC,oCAIzB,iBAAiB,CAAC,CAAC,CAAC,KAAG,oBAAoB,CAAC,CAAC,CA2B/C,CAAC"}

package/lib/services/hooks/useRequest.js

@@ -0,0 +1,30 @@
+import { useCallback, useState } from 'react';
+import { ServerResponse } from '../base';
+export const useRequest = ({ request, onSuccess, onError, }) => {
+    const [data, setData] = useState(undefined);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(undefined);
+    const fetchData = useCallback(async () => {
+        setLoading(true);
+        try {
+            const response = await request();
+            if (response.response.data) {
+                setData(response.response.data);
+                onSuccess?.(response.response.data);
+            }
+        }
+        catch (error) {
+            setError(error);
+            onError?.(error);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [onError, onSuccess, request]);
+    return {
+        data,
+        fetchData,
+        loading,
+        error,
+    };
+};

package/lib/services/index.d.ts

@@ -0,0 +1,3 @@
+export * from './base';
+export * from './hooks';
+//# sourceMappingURL=index.d.ts.map

package/lib/services/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/services/index.ts"],"names":[],"mappings":"AAAA,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC"}

package/lib/services/index.js

@@ -0,0 +1,2 @@
+export * from './base';
+export * from './hooks';

package/lib/theme/ThemeProvider.d.ts

@@ -0,0 +1,13 @@
+import type { Theme } from './getTheme';
+export interface ThemeProviderProps {
+    theme: Partial<Theme> | ((outerTheme: Theme) => Theme);
+    children: React.ReactNode;
+}
+interface ThemeProviderType {
+    (props: ThemeProviderProps): React.ReactElement;
+}
+declare const ThemeProvider: ThemeProviderType;
+declare const useTheme: () => Theme;
+export { useTheme };
+export default ThemeProvider;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/theme/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeProvider.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAExC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,KAAK,KAAK,KAAK,CAAC,CAAC;IACvD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,UAAU,iBAAiB;IACzB,CAAC,KAAK,EAAE,kBAAkB,GAAG,KAAK,CAAC,YAAY,CAAC;CACjD;AAED,QAAA,MAAM,aAAa,EAA4B,iBAAiB,CAAC;AAEjE,QAAA,MAAM,QAAQ,EAAuB,MAAM,KAAK,CAAC;AAEjD,OAAO,EAAE,QAAQ,EAAE,CAAC;AAEpB,eAAe,aAAa,CAAC"}

package/lib/theme/ThemeProvider.js

@@ -0,0 +1,5 @@
+import * as Emotion from '@emotion/react';
+const ThemeProvider = Emotion.ThemeProvider;
+const useTheme = Emotion.useTheme;
+export { useTheme };
+export default ThemeProvider;

package/lib/theme/ThemeSwitcher.d.ts

@@ -0,0 +1,9 @@
+import type { PropsWithChildren } from 'react';
+type ThemeName = 'default';
+export declare const ThemeSwitcher: ({ name, children, }: {
+    name?: ThemeName;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const withTheme: <P extends Record<string, unknown>>(C: React.ComponentType<P>, themeName: ThemeName) => (props: PropsWithChildren<P>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ThemeSwitcher.d.ts.map

package/lib/theme/ThemeSwitcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeSwitcher.d.ts","sourceRoot":"","sources":["../../src/theme/ThemeSwitcher.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAU/C,KAAK,SAAS,GAAG,SAAS,CAAC;AAE3B,eAAO,MAAM,aAAa,wBAGvB;IACD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B,4CAYA,CAAC;AAEF,eAAO,MAAM,SAAS,GACnB,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC7B,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,aACd,SAAS,aAEa,iBAAiB,CAAC,CAAC,CAAC,4CAOtD,CAAC"}

package/lib/theme/ThemeSwitcher.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import { defaultColorPalette, defaultGradientColorPalette, defaultScale, } from './common';
+import { getTheme } from './getTheme';
+import ThemeProvider from './ThemeProvider';
+export const ThemeSwitcher = ({ name = 'default', children, }) => {
+    const theme = useMemo(() => {
+        switch (name) {
+            case 'default':
+                return getTheme(defaultScale, defaultColorPalette, defaultGradientColorPalette);
+        }
+    }, [name]);
+    return _jsx(ThemeProvider, { theme: theme, children: children });
+};
+export const withTheme = (C, themeName) => {
+    return function WithTheme(props) {
+        return (_jsx(ThemeSwitcher, { name: themeName, children: _jsx(C, { ...props }) }));
+    };
+};

package/lib/theme/common/borders.d.ts

@@ -0,0 +1,9 @@
+export type BorderWidth = 'base' | 'medium' | 'large';
+export type BorderWidths = Record<BorderWidth, number>;
+export type Radius = 'rounded' | 'base' | 'medium' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | '5xlarge';
+export type Radii = Record<Radius, number>;
+export declare const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
+export declare const getRadii: (baseRadius: number) => Radii;
+export declare const isBorderWidth: (value: string) => value is BorderWidth;
+export declare const isRadius: (value: string) => value is Radius;
+//# sourceMappingURL=borders.d.ts.map

package/lib/theme/common/borders.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"borders.d.ts","sourceRoot":"","sources":["../../../src/theme/common/borders.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;AACtD,MAAM,MAAM,YAAY,GAAG,MAAM,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC;AAEvD,MAAM,MAAM,MAAM,GACd,SAAS,GACT,MAAM,GACN,QAAQ,GACR,OAAO,GACP,QAAQ,GACR,SAAS,GACT,UAAU,GACV,SAAS,CAAC;AACd,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;AAE3C,eAAO,MAAM,eAAe,oBAAqB,MAAM,KAAG,YAIxD,CAAC;AAEH,eAAO,MAAM,QAAQ,eAAgB,MAAM,KAAG,KAS5C,CAAC;AAEH,eAAO,MAAM,aAAa,UAAW,MAAM,KAAG,KAAK,IAAI,WACV,CAAC;AAE9C,eAAO,MAAM,QAAQ,UAAW,MAAM,KAAG,KAAK,IAAI,MAU/B,CAAC"}

package/lib/theme/common/borders.js

@@ -0,0 +1,27 @@
+import { scale } from '../../utils';
+export const getBorderWidths = (baseBorderWidth) => ({
+    base: scale(baseBorderWidth), // 1
+    medium: scale(baseBorderWidth * 2), // 2
+    large: scale(baseBorderWidth * 4), // 4
+});
+export const getRadii = (baseRadius) => ({
+    rounded: 999,
+    base: baseRadius, // 4
+    medium: baseRadius * 2, // 8
+    large: baseRadius * 3, // 12
+    xlarge: baseRadius * 4, // 16
+    xxlarge: baseRadius * 5, // 20
+    xxxlarge: baseRadius * 6, // 24
+    '5xlarge': baseRadius * 8, // 32
+});
+export const isBorderWidth = (value) => ['base', 'medium', 'large'].includes(value);
+export const isRadius = (value) => [
+    'rounded',
+    'base',
+    'medium',
+    'large',
+    'xlarge',
+    'xxlarge',
+    'xxxlarge',
+    '5xlarge',
+].includes(value);

package/lib/theme/common/colors.d.ts

@@ -0,0 +1,74 @@
+export type ColorPalette = {
+    primary: string;
+    primary01: string;
+    primary02: string;
+    primary03: string;
+    primary04: string;
+    primary05: string;
+    secondary: string;
+    secondary01: string;
+    secondary02: string;
+    secondary03: string;
+    secondary04: string;
+    secondary05: string;
+    success: string;
+    info: string;
+    warning: string;
+    error: string;
+    disabled: string;
+    disabledButton: string;
+    grey: string;
+    grey900: string;
+    grey800: string;
+    grey700: string;
+    grey600: string;
+    grey500: string;
+    grey400: string;
+    grey300: string;
+    grey200: string;
+    grey100: string;
+    grey50: string;
+    dark: string;
+    dark01: string;
+    dark02: string;
+    dark03: string;
+    white: string;
+    black: string;
+    red: string;
+    pink: string;
+    purple: string;
+    deepPurple: string;
+    indigo: string;
+    blue: string;
+    lightBlue: string;
+    cyan: string;
+    teal: string;
+    green: string;
+    lightGreen: string;
+    lime: string;
+    yellow: string;
+    amber: string;
+    orange: string;
+    deepOrange: string;
+    brown: string;
+    blueGrey: string;
+    backgroundPurple: string;
+    backgroundYellow: string;
+    backgroundGreen: string;
+    backgroundBlue: string;
+    backgroundTeal: string;
+    backgroundRed: string;
+    backgroundOrange: string;
+    transparentPurple: string;
+    transparentYellow: string;
+    transparentGreen: string;
+    transparentBlue: string;
+    transparentTeal: string;
+    transparentRed: string;
+    transparentOrange: string;
+    transparentCyan: string;
+};
+export type Color = keyof ColorPalette;
+export declare const defaultColorPalette: ColorPalette;
+export declare const isColor: (color: string) => color is Color;
+//# sourceMappingURL=colors.d.ts.map

package/lib/theme/common/colors.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../src/theme/common/colors.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG;IACzB,OAAO,EAAE,MAAM,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,OAAO,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,cAAc,EAAE,MAAM,CAAC;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,MAAM,CAAC;IAChB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,MAAM,CAAC;IACtB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,eAAe,EAAE,MAAM,CAAC;IACxB,eAAe,EAAE,MAAM,CAAC;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,MAAM,YAAY,CAAC;AAEvC,eAAO,MAAM,mBAAmB,EAAE,YAqEjC,CAAC;AAEF,eAAO,MAAM,OAAO,UAAW,MAAM,KAAG,KAAK,IAAI,KAEhD,CAAC"}

package/lib/theme/common/colors.js

@@ -0,0 +1,73 @@
+export const defaultColorPalette = {
+    primary: '#6949FF',
+    primary01: '#F0EDFF',
+    primary02: '#C3B6FF',
+    primary03: '#A592FF',
+    primary04: '#876DFF',
+    primary05: '#6949FF',
+    secondary: '#FFC107',
+    secondary01: '#FFF9E6',
+    secondary02: '#FFE69C',
+    secondary03: '#FFDA6A',
+    secondary04: '#FFCD39',
+    secondary05: '#FFC107',
+    success: '#12D18E',
+    info: '#6949FF',
+    warning: '#FACC15',
+    error: '#F75555',
+    disabled: '#D8D8D8',
+    disabledButton: '#543ACC',
+    grey: '#9E9E9E',
+    grey900: '#212121',
+    grey800: '#424242',
+    grey700: '#616161',
+    grey600: '#757575',
+    grey500: '#9E9E9E',
+    grey400: '#BDBDBD',
+    grey300: '#E0E0E0',
+    grey200: '#EEEEEE',
+    grey100: '#F5F5F5',
+    grey50: '#FAFAFA',
+    dark: '#35383F',
+    dark01: '#181A20',
+    dark02: '#1F222A',
+    dark03: '#35383F',
+    white: '#FFFFFF',
+    black: '#000000',
+    red: '#F44336',
+    pink: '#E91E63',
+    purple: '#9C27B0',
+    deepPurple: '#673AB7',
+    indigo: '#3F51B5',
+    blue: '#2196F3',
+    lightBlue: '#03A9F4',
+    cyan: '#00BCD4',
+    teal: '#009688',
+    green: '#4CAF50',
+    lightGreen: '#8BC34A',
+    lime: '#CDDC39',
+    yellow: '#FFEB3B',
+    amber: '#FFC107',
+    orange: '#FF9800',
+    deepOrange: '#FF5722',
+    brown: '#795548',
+    blueGrey: '#607D8B',
+    backgroundPurple: '#F9F8FF',
+    backgroundYellow: '#FFFCED',
+    backgroundGreen: '#F1FDF5',
+    backgroundBlue: '#F6F9FF',
+    backgroundTeal: '#F2FFF8',
+    backgroundRed: '#FFF7F8',
+    backgroundOrange: '#FFF8ED',
+    transparentPurple: 'rgba(105, 73, 255, 0.08)',
+    transparentYellow: 'rgba(255, 211, 0, 0.08)',
+    transparentGreen: 'rgba(27, 172, 75, 0.08)',
+    transparentBlue: 'rgba(36, 107, 253, 0.08)',
+    transparentTeal: 'rgba(1, 155, 131, 0.08)',
+    transparentRed: 'rgba(255, 90, 95, 0.08)',
+    transparentOrange: 'rgba(255, 152, 0, 0.08)',
+    transparentCyan: 'rgba(0, 188, 212, 0.08)',
+};
+export const isColor = (color) => {
+    return color in defaultColorPalette;
+};

package/lib/theme/common/gradient.d.ts

@@ -0,0 +1,13 @@
+export type GradientColorPalette = {
+    gradientGreen: [string, string];
+    gradientYellow: [string, string];
+    gradientOrange: [string, string];
+    gradientRed: [string, string];
+    gradientPurple: [string, string];
+    gradientBlue: [string, string];
+    gradientTeal: [string, string];
+};
+export type GradientColor = keyof GradientColorPalette;
+export declare const defaultGradientColorPalette: GradientColorPalette;
+export declare const isGradientColor: (key: string) => key is GradientColor;
+//# sourceMappingURL=gradient.d.ts.map

package/lib/theme/common/gradient.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"gradient.d.ts","sourceRoot":"","sources":["../../../src/theme/common/gradient.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAChC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,WAAW,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC9B,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACjC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IAC/B,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CAChC,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,MAAM,oBAAoB,CAAC;AAEvD,eAAO,MAAM,2BAA2B,EAAE,oBAQzC,CAAC;AAEF,eAAO,MAAM,eAAe,QAAS,MAAM,KAAG,GAAG,IAAI,aAEpD,CAAC"}

package/lib/theme/common/gradient.js

@@ -0,0 +1,12 @@
+export const defaultGradientColorPalette = {
+    gradientGreen: ['#12D18E', '#71E3BB'],
+    gradientYellow: ['#FACC15', '#FFE580'],
+    gradientOrange: ['#FB9400', '#FFAB38'],
+    gradientRed: ['#FF5A5F', '#FF8A9B'],
+    gradientPurple: ['#6949FF', '#876DFF'],
+    gradientBlue: ['#246BFD', '#5089FD'],
+    gradientTeal: ['#019B83', '#18C6AB'],
+};
+export const isGradientColor = (key) => {
+    return Object.keys(defaultGradientColorPalette).includes(key);
+};

package/lib/theme/common/index.d.ts

@@ -0,0 +1,50 @@
+import type { ColorPalette } from './colors';
+import type { GradientColorPalette } from './gradient';
+import type { Scale } from './scale';
+export declare const getGlobalTheme: (scale: Scale, colorPalette: ColorPalette, gradientColorPalette: GradientColorPalette) => {
+    colors: ColorPalette;
+    gradientColors: GradientColorPalette;
+    fonts: import("./text").Fonts;
+    fontSizes: import("./text").FontSizes;
+    lineHeights: import("./text").FontSizes;
+    letterSpacings: {
+        small: number;
+        h1: number;
+        h2: number;
+        h3: number;
+        h4: number;
+        h5: number;
+        h6: number;
+        medium: number;
+        large: number;
+        xlarge: number;
+        xsmall: number;
+    };
+    borderWidths: import("./borders").BorderWidths;
+    spaces: import("./spaces").Spaces;
+    sizes: import("./sizes").Sizes;
+    radii: import("./borders").Radii;
+    shadows: {
+        default: {
+            shadowOffset: {
+                width: number;
+                height: number;
+            };
+            shadowColor: string;
+            shadowOpacity: number;
+            shadowRadius: number;
+            elevation: number;
+        };
+    };
+};
+export * from './borders';
+export * from './colors';
+export * from './scale';
+export * from './shadows';
+export * from './sizes';
+export * from './spaces';
+export * from './text';
+export * from './gradient';
+export type GlobalTheme = ReturnType<typeof getGlobalTheme>;
+export type { Scale, ColorPalette };
+//# sourceMappingURL=index.d.ts.map

package/lib/theme/common/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/theme/common/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AACvD,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAWrC,eAAO,MAAM,cAAc,UAClB,KAAK,gBACE,YAAY,wBACJ,oBAAoB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB3C,CAAC;AAEF,cAAc,WAAW,CAAC;AAC1B,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAE3B,MAAM,MAAM,WAAW,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC5D,YAAY,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC"}

package/lib/theme/common/index.js

@@ -0,0 +1,37 @@
+import { getBorderWidths, getRadii } from './borders';
+import { getShadows } from './shadows';
+import { getSizes } from './sizes';
+import { getSpaces } from './spaces';
+import { getFonts, getFontSizes, getLetterSpacings, getLineHeights, } from './text';
+export const getGlobalTheme = (scale, colorPalette, gradientColorPalette) => {
+    const fonts = getFonts(scale.font);
+    const fontSizes = getFontSizes(scale.fontSize);
+    const lineHeights = getLineHeights(scale.fontSize);
+    const letterSpacings = getLetterSpacings(scale.fontSize);
+    const borderWidths = getBorderWidths(scale.borderWidth);
+    const spaces = getSpaces(scale.space);
+    const sizes = getSizes(scale.size);
+    const radii = getRadii(scale.radius);
+    const shadows = getShadows(colorPalette);
+    return {
+        colors: colorPalette,
+        gradientColors: gradientColorPalette,
+        fonts,
+        fontSizes,
+        lineHeights,
+        letterSpacings,
+        borderWidths,
+        spaces,
+        sizes,
+        radii,
+        shadows,
+    };
+};
+export * from './borders';
+export * from './colors';
+export * from './scale';
+export * from './shadows';
+export * from './sizes';
+export * from './spaces';
+export * from './text';
+export * from './gradient';

package/lib/theme/common/scale.d.ts

@@ -0,0 +1,12 @@
+export declare const defaultScale: {
+    borderWidth: number;
+    space: number;
+    size: number;
+    font: {
+        neutral: string;
+    };
+    fontSize: number;
+    radius: number;
+};
+export type Scale = typeof defaultScale;
+//# sourceMappingURL=scale.d.ts.map

package/lib/theme/common/scale.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scale.d.ts","sourceRoot":"","sources":["../../../src/theme/common/scale.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,YAAY;;;;;;;;;CASxB,CAAC;AAEF,MAAM,MAAM,KAAK,GAAG,OAAO,YAAY,CAAC"}

package/lib/theme/common/scale.js

@@ -0,0 +1,16 @@
+const BASE_BORDER_WIDTH = 1;
+const BASE_SPACE = 8;
+const BASE_SIZE = 8;
+const NEUTRAL_FONT = 'Nunito';
+const BASE_FONT_SIZE = 10;
+const BASE_RADIUS = 4;
+export const defaultScale = {
+    borderWidth: BASE_BORDER_WIDTH,
+    space: BASE_SPACE,
+    size: BASE_SIZE,
+    font: {
+        neutral: NEUTRAL_FONT,
+    },
+    fontSize: BASE_FONT_SIZE,
+    radius: BASE_RADIUS,
+};

package/lib/theme/common/shadows.d.ts

@@ -0,0 +1,17 @@
+import type { ColorPalette } from './colors';
+declare const getShadows: (colorPalette: ColorPalette) => {
+    default: {
+        shadowOffset: {
+            width: number;
+            height: number;
+        };
+        shadowColor: string;
+        shadowOpacity: number;
+        shadowRadius: number;
+        elevation: number;
+    };
+};
+type Shadows = ReturnType<typeof getShadows>;
+export { getShadows };
+export type { Shadows };
+//# sourceMappingURL=shadows.d.ts.map

package/lib/theme/common/shadows.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../../src/theme/common/shadows.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,QAAA,MAAM,UAAU,iBAAkB,YAAY;;;;;;;;;;;CAW5C,CAAC;AAEH,KAAK,OAAO,GAAG,UAAU,CAAC,OAAO,UAAU,CAAC,CAAC;AAE7C,OAAO,EAAE,UAAU,EAAE,CAAC;AACtB,YAAY,EAAE,OAAO,EAAE,CAAC"}

package/lib/theme/common/shadows.js

@@ -0,0 +1,13 @@
+const getShadows = (colorPalette) => ({
+    default: {
+        shadowOffset: {
+            width: 0,
+            height: 2,
+        },
+        shadowColor: colorPalette.grey300,
+        shadowOpacity: 0.12,
+        shadowRadius: 4,
+        elevation: 3,
+    },
+});
+export { getShadows };

package/lib/theme/common/sizes.d.ts

@@ -0,0 +1,6 @@
+import type { Space } from './spaces';
+export type Size = Space | 'xxxxxlarge' | '6xlarge' | '7xlarge' | '9xlarge' | '14xlarge' | '15xlarge' | '18xlarge' | '19xlarge';
+export type Sizes = Record<Size, number>;
+export declare const getSizes: (baseSize: number) => Sizes;
+export declare const isSize: (key: string) => key is Size;
+//# sourceMappingURL=sizes.d.ts.map

package/lib/theme/common/sizes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.d.ts","sourceRoot":"","sources":["../../../src/theme/common/sizes.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAGtC,MAAM,MAAM,IAAI,GACZ,KAAK,GACL,YAAY,GACZ,SAAS,GACT,SAAS,GACT,SAAS,GACT,UAAU,GACV,UAAU,GACV,UAAU,GACV,UAAU,CAAC;AAEf,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;AAEzC,eAAO,MAAM,QAAQ,aAAc,MAAM,KAAG,KAU1C,CAAC;AAEH,eAAO,MAAM,MAAM,QAAS,MAAM,KAAG,GAAG,IAAI,IAc3C,CAAC"}

package/lib/theme/common/sizes.js

@@ -0,0 +1,26 @@
+import { scale } from '../../utils';
+import { getSpaces, isSpace } from './spaces';
+export const getSizes = (baseSize) => ({
+    ...getSpaces(baseSize),
+    xxxxxlarge: scale(baseSize * 8), // 64
+    '6xlarge': scale(baseSize * 9), // 72
+    '7xlarge': scale(baseSize * 10), // 80
+    '9xlarge': scale(baseSize * 12), // 96
+    '14xlarge': scale(baseSize * 17), // 136
+    '15xlarge': scale(baseSize * 18), // 144
+    '18xlarge': scale(baseSize * 21), // 168
+    '19xlarge': scale(baseSize * 22), // 176
+});
+export const isSize = (key) => {
+    return (isSpace(key) ||
+        [
+            'xxxxxlarge',
+            '6xlarge',
+            '7xlarge',
+            '9xlarge',
+            '14xlarge',
+            '15xlarge',
+            '18xlarge',
+            '19xlarge',
+        ].includes(key));
+};

package/lib/theme/common/spaces.d.ts

@@ -0,0 +1,5 @@
+export type Space = 'xxsmall' | 'xsmall' | 'small' | 'smallMedium' | 'medium' | 'mediumLarge' | 'large' | 'xlarge' | 'xxlarge' | 'xxxlarge' | 'xxxxlarge' | '5xlarge';
+export type Spaces = Record<Space, number>;
+export declare const getSpaces: (baseSpace: number) => Spaces;
+export declare const isSpace: (key: string) => key is Space;
+//# sourceMappingURL=spaces.d.ts.map