@axelor/aos-mobile-ui 0.0.1

package/lib/hooks/use-click-outside.d.ts

@@ -0,0 +1,6 @@
+export const OUTSIDE_INDICATOR: "outside";
+export const INSIDE_INDICATOR: "inside";
+export function OutsideAlerterProvider({ children }: {
+    children: any;
+}): JSX.Element;
+export function useClickOutside({ wrapperRef, visible }: any): any;

package/lib/hooks/use-click-outside.helper.d.ts

@@ -0,0 +1,10 @@
+interface refProps {
+    nativeTag: number;
+    wrapperRef: any;
+    visible: boolean;
+}
+export declare const pushRef: (refList: Array<refProps>, ref: refProps) => Array<refProps>;
+export declare const findVisibleRef: (refList: Array<refProps>) => refProps;
+export declare const findRef: (refList: Array<refProps>, ref: refProps) => refProps;
+export declare const replaceRef: (refList: Array<refProps>, oldRef: refProps, newRef: refProps) => Array<refProps>;
+export {};

package/lib/hooks/use-click-outside.helper.js

@@ -0,0 +1,35 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import { replace } from '../utils/arrays';
+export const pushRef = (refList, ref) => {
+    if (ref == null || ref?.nativeTag == null) {
+        return refList;
+    }
+    if (refList == null || refList.length === 0) {
+        return [ref];
+    }
+    const _ref = findRef(refList, ref);
+    if (_ref) {
+        return replaceRef(refList, _ref, ref);
+    }
+    return [...refList, ref];
+};
+export const findVisibleRef = (refList) => refList.find(refItem => refItem.visible);
+export const findRef = (refList, ref) => refList.find(refItem => refItem.nativeTag === ref.nativeTag);
+export const replaceRef = (refList, oldRef, newRef) => replace(refList, oldRef, newRef, 'nativeTag');
+//# sourceMappingURL=use-click-outside.helper.js.map

package/lib/hooks/use-click-outside.helper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.helper.js","sourceRoot":"","sources":["../../src/hooks/use-click-outside.helper.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,OAAO,EAAC,MAAM,iBAAiB,CAAC;AAQxC,MAAM,CAAC,MAAM,OAAO,GAAG,CACrB,OAAwB,EACxB,GAAa,EACI,EAAE;IACnB,IAAI,GAAG,IAAI,IAAI,IAAI,GAAG,EAAE,SAAS,IAAI,IAAI,EAAE;QACzC,OAAO,OAAO,CAAC;KAChB;IAED,IAAI,OAAO,IAAI,IAAI,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE;QAC3C,OAAO,CAAC,GAAG,CAAC,CAAC;KACd;IAED,MAAM,IAAI,GAAG,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,CAAC;IACnC,IAAI,IAAI,EAAE;QACR,OAAO,UAAU,CAAC,OAAO,EAAE,IAAI,EAAE,GAAG,CAAC,CAAC;KACvC;IAED,OAAO,CAAC,GAAG,OAAO,EAAE,GAAG,CAAC,CAAC;AAC3B,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,OAAwB,EAAY,EAAE,CACnE,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC;AAE3C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAwB,EAAE,GAAa,EAAY,EAAE,CAC3E,OAAO,CAAC,IAAI,CAAC,OAAO,CAAC,EAAE,CAAC,OAAO,CAAC,SAAS,KAAK,GAAG,CAAC,SAAS,CAAC,CAAC;AAE/D,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,OAAwB,EACxB,MAAgB,EAChB,MAAgB,EACC,EAAE,CAAC,OAAO,CAAC,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,WAAW,CAAC,CAAC"}

package/lib/hooks/use-click-outside.js

@@ -0,0 +1,123 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useReducer, } from 'react';
+import { Dimensions, StyleSheet, View } from 'react-native';
+import { findVisibleRef, pushRef } from './use-click-outside.helper';
+export const OUTSIDE_INDICATOR = 'outside';
+export const INSIDE_INDICATOR = 'inside';
+const defaultOutsideAlerterContext = {
+    refList: [],
+    clickOutside: undefined,
+    addRef: () => {
+        throw new Error('OutsideAlerter should be mounted to add target component reference');
+    },
+    handleClickOutside: () => {
+        throw new Error('OutsideAlerter should be mounted to set handle click outside event');
+    },
+};
+const OutsideAlerterContext = createContext(defaultOutsideAlerterContext);
+const actionTypes = {
+    addRef: 'addRef',
+    handleClickOutside: 'handleClickOutside',
+};
+const handleClickOutsideReducer = (ref, target) => {
+    if (!ref || !target) {
+        return undefined;
+    }
+    if (ref._nativeTag === target._nativeTag) {
+        return INSIDE_INDICATOR;
+    }
+    // check ref if one ref child has target._nativeTag
+    if (ref._children) {
+        const res = ref._children.map(child => handleClickOutsideReducer(child, target));
+        return res.find(r => r === INSIDE_INDICATOR)
+            ? INSIDE_INDICATOR
+            : OUTSIDE_INDICATOR;
+    }
+    return OUTSIDE_INDICATOR;
+};
+const outsideAlerterReducer = (state, action) => {
+    switch (action.type) {
+        case actionTypes.addRef: {
+            return {
+                ...state,
+                refList: pushRef(state.refList, action.payload),
+            };
+        }
+        case actionTypes.handleClickOutside: {
+            return {
+                ...state,
+                clickOutside: handleClickOutsideReducer(findVisibleRef(state.refList)?.wrapperRef?.current, action.payload),
+            };
+        }
+    }
+};
+const actions = {
+    addRef: ref => {
+        return {
+            type: actionTypes.addRef,
+            payload: ref,
+        };
+    },
+    handleClickOutside: target => {
+        return {
+            type: actionTypes.handleClickOutside,
+            payload: target,
+        };
+    },
+};
+export const OutsideAlerterProvider = ({ children }) => {
+    const [state, dispatch] = useReducer(outsideAlerterReducer, defaultOutsideAlerterContext);
+    const addRef = useCallback(ref => dispatch(actions.addRef(ref)), []);
+    const handleClickOutside = useCallback(target => dispatch(actions.handleClickOutside(target)), []);
+    const outsideAlerterContextState = useMemo(() => ({
+        ...state,
+        addRef,
+        handleClickOutside,
+    }), [state, addRef, handleClickOutside]);
+    return (<OutsideAlerterContext.Provider value={outsideAlerterContextState}>
+      <View onTouchStart={e => handleClickOutside(e.target)} style={styles.container}>
+        {children}
+      </View>
+    </OutsideAlerterContext.Provider>);
+};
+const styles = StyleSheet.create({
+    container: {
+        position: 'absolute',
+        top: 0,
+        right: 0,
+        width: Dimensions.get('screen').width,
+        height: Dimensions.get('screen').height,
+        elevation: -1,
+    },
+});
+/**
+ * Hook that alerts clicks outside
+ * @param {Object} wrapperRef - component reference to track if we click outside of it.
+ * @param {Boolean} visible - boolean to track component if it is visible.
+ */
+export const useClickOutside = ({ wrapperRef, visible }) => {
+    const { clickOutside, addRef } = useContext(OutsideAlerterContext);
+    useEffect(() => {
+        addRef({ nativeTag: wrapperRef?.current?._nativeTag, wrapperRef, visible });
+    }, [addRef, visible, wrapperRef]);
+    return useMemo(() => {
+        return clickOutside;
+    }, [clickOutside]);
+};
+//# sourceMappingURL=use-click-outside.js.map

package/lib/hooks/use-click-outside.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-click-outside.js","sourceRoot":"","sources":["../../src/hooks/use-click-outside.js"],"names":[],"mappings":"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"}

package/lib/index.d.ts

@@ -0,0 +1,8 @@
+export * from './components';
+export * from './theme';
+export { getCommonStyles } from './utils/commons-styles';
+export { getHeaderStyles } from './utils/headerStyle';
+export { default as File } from './types/file';
+export { ConfigProvider, useConfig } from './config/ConfigContext';
+export { OutsideAlerterProvider, useClickOutside, } from './hooks/use-click-outside';
+export { animationUtil } from './tools/AnimationUtil';

package/lib/index.js

@@ -0,0 +1,26 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export * from './components';
+export * from './theme';
+export { getCommonStyles } from './utils/commons-styles';
+export { getHeaderStyles } from './utils/headerStyle';
+export { default as File } from './types/file';
+export { ConfigProvider, useConfig } from './config/ConfigContext';
+export { OutsideAlerterProvider, useClickOutside, } from './hooks/use-click-outside';
+export { animationUtil } from './tools/AnimationUtil';
+//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,OAAO,EAAC,eAAe,EAAC,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAC,eAAe,EAAC,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAC,OAAO,IAAI,IAAI,EAAC,MAAM,cAAc,CAAC;AAC7C,OAAO,EAAC,cAAc,EAAE,SAAS,EAAC,MAAM,wBAAwB,CAAC;AACjE,OAAO,EACL,sBAAsB,EACtB,eAAe,GAChB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAC,aAAa,EAAC,MAAM,uBAAuB,CAAC"}

package/lib/theme/ThemeContext.d.ts

@@ -0,0 +1,19 @@
+import { ReactNode } from 'react';
+import { Theme } from './themes';
+interface ThemeContextState {
+    activeTheme: Theme;
+    isColorBlind: boolean;
+    themes: Theme[];
+    changeTheme: (themeKey: string) => void;
+    activateColorBlind: () => void;
+    desactivateColorBlind: () => void;
+}
+interface ThemeProviderProps {
+    themes?: Theme[];
+    defaultTheme?: Theme;
+    children?: ReactNode;
+}
+export declare const ThemeProvider: ({ children, themes, defaultTheme, }: ThemeProviderProps) => JSX.Element;
+export declare const useThemeColor: () => import("./themes").ThemeColors;
+export declare const useTheme: () => ThemeContextState;
+export {};

package/lib/theme/ThemeContext.js

@@ -0,0 +1,110 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { createContext, useCallback, useContext, useMemo, useReducer, } from 'react';
+import { lightTheme, colorBlindTheme } from './themes';
+const DEFAULT_THEME = lightTheme;
+const COLORBLIND_THEME = colorBlindTheme;
+const defaultThemeContext = {
+    activeTheme: DEFAULT_THEME,
+    isColorBlind: DEFAULT_THEME === COLORBLIND_THEME,
+    themes: [lightTheme],
+    changeTheme: () => {
+        throw new Error('ThemeProvider should be mounted to change theme');
+    },
+    activateColorBlind() {
+        throw new Error('ThemeProvider should be mounted to activate color blind');
+    },
+    desactivateColorBlind() {
+        throw new Error('ThemeProvider should be mounted to desactivate color blind');
+    },
+};
+const getInitialThemeState = (additionalThemes = [], defaultTheme = DEFAULT_THEME) => {
+    return {
+        ...defaultThemeContext,
+        activeTheme: defaultTheme,
+        themes: [...defaultThemeContext.themes, ...additionalThemes],
+    };
+};
+const ThemeContext = createContext(defaultThemeContext);
+const actionTypes = {
+    changeTheme: 'changeTheme',
+    activateColorBlind: 'activateColorBlind',
+    desactivateColorBlind: 'desactivateColorBlind',
+};
+const themeReducer = (state, action) => {
+    switch (action.type) {
+        case actionTypes.changeTheme: {
+            const newActiveTheme = state.themes.find(theme => theme.key === action.payload);
+            if (newActiveTheme == null) {
+                return state;
+            }
+            return {
+                ...state,
+                activeTheme: newActiveTheme,
+                isColorBlind: newActiveTheme === COLORBLIND_THEME,
+            };
+        }
+        case actionTypes.activateColorBlind: {
+            return {
+                ...state,
+                activeTheme: colorBlindTheme,
+                isColorBlind: true,
+            };
+        }
+        case actionTypes.desactivateColorBlind: {
+            return {
+                ...state,
+                activeTheme: lightTheme,
+                isColorBlind: false,
+            };
+        }
+    }
+};
+const actions = {
+    changeTheme: themeKey => ({
+        type: actionTypes.changeTheme,
+        payload: themeKey,
+    }),
+    activateColorBlind: () => ({
+        type: actionTypes.activateColorBlind,
+    }),
+    desactivateColorBlind: () => ({
+        type: actionTypes.desactivateColorBlind,
+    }),
+};
+export const ThemeProvider = ({ children, themes, defaultTheme, }) => {
+    const [state, dispatch] = useReducer(themeReducer, getInitialThemeState(themes, defaultTheme));
+    const changeTheme = useCallback(themeKey => dispatch(actions.changeTheme(themeKey)), []);
+    const activateColorBlind = useCallback(() => dispatch(actions.activateColorBlind()), []);
+    const desactivateColorBlind = useCallback(() => dispatch(actions.desactivateColorBlind()), []);
+    const themeContextState = useMemo(() => ({
+        ...state,
+        changeTheme,
+        activateColorBlind,
+        desactivateColorBlind,
+    }), [activateColorBlind, changeTheme, desactivateColorBlind, state]);
+    return (<ThemeContext.Provider value={themeContextState}>
+      {children}
+    </ThemeContext.Provider>);
+};
+export const useThemeColor = () => {
+    const { activeTheme } = useContext(ThemeContext);
+    return useMemo(() => activeTheme.colors, [activeTheme]);
+};
+export const useTheme = () => useContext(ThemeContext);
+//# sourceMappingURL=ThemeContext.js.map

package/lib/theme/ThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeContext.js","sourceRoot":"","sources":["../../src/theme/ThemeContext.tsx"],"names":[],"mappings":"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"}

package/lib/theme/WritingThemeContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { Writing } from './writingTheme';
+interface WritingThemeProviderProps {
+    themes?: Writing[];
+    defaultTheme?: Writing;
+    children?: ReactNode;
+}
+export declare const WritingThemeProvider: ({ children, themes, defaultTheme, }: WritingThemeProviderProps) => JSX.Element;
+export declare const useWritingStyle: () => import("./writingTheme").WritingStyles;
+export {};

package/lib/theme/WritingThemeContext.js

@@ -0,0 +1,77 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+import React, { createContext, useCallback, useContext, useMemo, useReducer, } from 'react';
+import { writingDefaultTheme } from './writingTheme';
+const DEFAULT_WRITING_THEME = writingDefaultTheme;
+const defaultWritingThemeContext = {
+    activeWritingTheme: DEFAULT_WRITING_THEME,
+    WritingThemes: [writingDefaultTheme],
+    changeWritingTheme: () => {
+        throw new Error('WritingThemeProvider should be mounted to change theme');
+    },
+};
+const getInitialWritingThemeState = (additionalWritingThemes = [], defaultWritingTheme = DEFAULT_WRITING_THEME) => {
+    return {
+        ...defaultWritingThemeContext,
+        activeWritingTheme: defaultWritingTheme,
+        themes: [
+            ...defaultWritingThemeContext.WritingThemes,
+            ...additionalWritingThemes,
+        ],
+    };
+};
+const WritingThemeContext = createContext(defaultWritingThemeContext);
+const actionWritingTypes = {
+    changeWritingTheme: 'changeWritingTheme',
+};
+const themeWritingReducer = (state, action) => {
+    switch (action.type) {
+        case actionWritingTypes.changeWritingTheme: {
+            const newActiveTheme = state.WritingThemes.find(theme => theme.key === action.payload);
+            if (newActiveTheme == null) {
+                return state;
+            }
+            return {
+                ...state,
+                activeWritingTheme: newActiveTheme,
+            };
+        }
+    }
+};
+const writingActions = {
+    changeWritingTheme: themeKey => ({
+        type: actionWritingTypes.changeWritingTheme,
+        payload: themeKey,
+    }),
+};
+export const WritingThemeProvider = ({ children, themes, defaultTheme, }) => {
+    const [state, dispatch] = useReducer(themeWritingReducer, getInitialWritingThemeState(themes, defaultTheme));
+    const changeWritingTheme = useCallback(themeKey => dispatch(writingActions.changeWritingTheme(themeKey)), []);
+    const themeWritingContextState = useMemo(() => ({
+        ...state,
+        changeWritingTheme,
+    }), [changeWritingTheme, state]);
+    return (<WritingThemeContext.Provider value={themeWritingContextState}>
+      {children}
+    </WritingThemeContext.Provider>);
+};
+export const useWritingStyle = () => {
+    const { activeWritingTheme } = useContext(WritingThemeContext);
+    return useMemo(() => activeWritingTheme.style, [activeWritingTheme]);
+};
+//# sourceMappingURL=WritingThemeContext.js.map

package/lib/theme/WritingThemeContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WritingThemeContext.js","sourceRoot":"","sources":["../../src/theme/WritingThemeContext.tsx"],"names":[],"mappings":"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"}

package/lib/theme/index.d.ts

@@ -0,0 +1,4 @@
+export { ThemeProvider, useTheme, useThemeColor } from './ThemeContext';
+export { WritingThemeProvider, useWritingStyle } from './WritingThemeContext';
+export { lightTheme, colorBlindTheme, Theme, ThemeColors, Color } from './themes';
+export { writingDefaultTheme, Writing, WritingStyles, TextStyle, useWritingType, } from './writingTheme';

package/lib/theme/index.js

@@ -0,0 +1,22 @@
+/*
+ * Axelor Business Solutions
+ *
+ * Copyright (C) 2023 Axelor (<http://axelor.com>).
+ *
+ * This program is free software: you can redistribute it and/or  modify
+ * it under the terms of the GNU Affero General Public License, version 3,
+ * as published by the Free Software Foundation.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ * GNU Affero General Public License for more details.
+ *
+ * You should have received a copy of the GNU Affero General Public License
+ * along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+export { ThemeProvider, useTheme, useThemeColor } from './ThemeContext';
+export { WritingThemeProvider, useWritingStyle } from './WritingThemeContext';
+export { lightTheme, colorBlindTheme } from './themes';
+export { writingDefaultTheme, useWritingType, } from './writingTheme';
+//# sourceMappingURL=index.js.map

package/lib/theme/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAEH,OAAO,EAAC,aAAa,EAAE,QAAQ,EAAE,aAAa,EAAC,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAC,oBAAoB,EAAE,eAAe,EAAC,MAAM,uBAAuB,CAAC;AAC5E,OAAO,EAAC,UAAU,EAAE,eAAe,EAA4B,MAAM,UAAU,CAAC;AAChF,OAAO,EACL,mBAAmB,EAInB,cAAc,GACf,MAAM,gBAAgB,CAAC"}

package/lib/theme/themes.d.ts

@@ -0,0 +1,32 @@
+export interface Color {
+    background_light: string;
+    foreground: string;
+    background: string;
+}
+export interface ThemeColors {
+    screenBackgroundColor: string;
+    backgroundColor: string;
+    primaryColor: Color;
+    secondaryColor: Color;
+    secondaryColor_dark: Color;
+    errorColor: Color;
+    cautionColor: Color;
+    plannedColor: Color;
+    progressColor: Color;
+    priorityColor: Color;
+    defaultColor: Color;
+    importantColor: Color;
+    successColor: Color;
+    warningColor: Color;
+    inverseColor: Color;
+    infoColor: Color;
+    text: string;
+    placeholderTextColor: string;
+}
+export interface Theme {
+    key: string;
+    name: string;
+    colors: ThemeColors;
+}
+export declare const lightTheme: Theme;
+export declare const colorBlindTheme: Theme;