expo-toastee/dist/themes.d.ts

A simple and elegant toast notification library for React Native Expo with Material You and Neobrutalist themes

import { ToastTheme } from './types';
export declare const materialTheme: {
    container: {
        marginVertical: number;
        marginHorizontal: number;
        elevation: number;
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
    };
    content: {};
    text: {
        fontWeight: "500";
        textAlign: "center";
        lineHeight: number;
        letterSpacing: number;
    };
    successContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    successText: {
        color: string;
    };
    errorContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    errorText: {
        color: string;
    };
    infoContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    infoText: {
        color: string;
    };
    warningContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    warningText: {
        color: string;
    };
};
export declare const neobrutalistTheme: {
    container: {
        borderColor: string;
    };
    content: {};
    text: {
        fontWeight: "900";
        textAlign: "center";
        letterSpacing: number;
        lineHeight: number;
    };
    successContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    successText: {
        color: string;
    };
    errorContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    errorText: {
        color: string;
    };
    infoContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    infoText: {
        color: string;
    };
    warningContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    warningText: {
        color: string;
    };
};
export declare const themes: {
    material: {
        container: {
            marginVertical: number;
            marginHorizontal: number;
            elevation: number;
            shadowColor: string;
            shadowOffset: {
                width: number;
                height: number;
            };
            shadowOpacity: number;
            shadowRadius: number;
        };
        content: {};
        text: {
            fontWeight: "500";
            textAlign: "center";
            lineHeight: number;
            letterSpacing: number;
        };
        successContainer: {
            backgroundColor: string;
            borderColor: string;
        };
        successText: {
            color: string;
        };
        errorContainer: {
            backgroundColor: string;
            borderColor: string;
        };
        errorText: {
            color: string;
        };
        infoContainer: {
            backgroundColor: string;
            borderColor: string;
        };
        infoText: {
            color: string;
        };
        warningContainer: {
            backgroundColor: string;
            borderColor: string;
        };
        warningText: {
            color: string;
        };
    };
    neobrutalist: {
        container: {
            borderColor: string;
        };
        content: {};
        text: {
            fontWeight: "900";
            textAlign: "center";
            letterSpacing: number;
            lineHeight: number;
        };
        successContainer: {
            backgroundColor: string;
            borderColor: string;
            shadowColor: string;
        };
        successText: {
            color: string;
        };
        errorContainer: {
            backgroundColor: string;
            borderColor: string;
            shadowColor: string;
        };
        errorText: {
            color: string;
        };
        infoContainer: {
            backgroundColor: string;
            borderColor: string;
            shadowColor: string;
        };
        infoText: {
            color: string;
        };
        warningContainer: {
            backgroundColor: string;
            borderColor: string;
            shadowColor: string;
        };
        warningText: {
            color: string;
        };
    };
};
export declare const brutalistTheme: {
    container: {
        borderColor: string;
    };
    content: {};
    text: {
        fontWeight: "900";
        textAlign: "center";
        letterSpacing: number;
        lineHeight: number;
    };
    successContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    successText: {
        color: string;
    };
    errorContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    errorText: {
        color: string;
    };
    infoContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    infoText: {
        color: string;
    };
    warningContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    warningText: {
        color: string;
    };
};
export declare const getThemeStyles: (theme: ToastTheme) => {
    container: {
        marginVertical: number;
        marginHorizontal: number;
        elevation: number;
        shadowColor: string;
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
    };
    content: {};
    text: {
        fontWeight: "500";
        textAlign: "center";
        lineHeight: number;
        letterSpacing: number;
    };
    successContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    successText: {
        color: string;
    };
    errorContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    errorText: {
        color: string;
    };
    infoContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    infoText: {
        color: string;
    };
    warningContainer: {
        backgroundColor: string;
        borderColor: string;
    };
    warningText: {
        color: string;
    };
} | {
    container: {
        borderColor: string;
    };
    content: {};
    text: {
        fontWeight: "900";
        textAlign: "center";
        letterSpacing: number;
        lineHeight: number;
    };
    successContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    successText: {
        color: string;
    };
    errorContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    errorText: {
        color: string;
    };
    infoContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    infoText: {
        color: string;
    };
    warningContainer: {
        backgroundColor: string;
        borderColor: string;
        shadowColor: string;
    };
    warningText: {
        color: string;
    };
};