@oxyhq/services/lib/typescript/ui/styles/authStyles.d.ts

Reusable OxyHQ module to handle authentication, user management, karma system, device-based session management and more 🚀

export interface AuthThemeColors {
    text: string;
    background: string;
    inputBackground: string;
    placeholder: string;
    primary: string;
    border: string;
    error: string;
    success: string;
    warning: string;
    secondaryText: string;
}
export declare const createAuthStyles: (colors: AuthThemeColors, theme: string) => {
    container: {
        flex: number;
    };
    scrollContent: {
        flexGrow: number;
        paddingHorizontal: number;
        paddingTop: number;
        paddingBottom: number;
    };
    stepContainer: {
        flex: number;
        justifyContent: "flex-start";
        alignItems: "flex-start";
    };
    modernHeader: {
        alignItems: "flex-start";
        width: "100%";
        marginBottom: number;
    };
    modernTitle: {
        fontFamily: string;
        fontWeight: "bold" | undefined;
        fontSize: number;
        lineHeight: number;
        marginBottom: number;
        textAlign: "left";
        letterSpacing: number;
    };
    modernSubtitle: {
        fontSize: number;
        lineHeight: number;
        textAlign: "left";
        opacity: number;
    };
    welcomeTitle: {
        fontFamily: string;
        fontWeight: "bold" | undefined;
        fontSize: number;
        lineHeight: number;
        marginBottom: number;
        textAlign: "left";
        letterSpacing: number;
    };
    stepTitle: {
        fontFamily: string;
        fontWeight: "bold" | undefined;
        fontSize: number;
        lineHeight: number;
        marginBottom: number;
        textAlign: "left";
        letterSpacing: number;
    };
    modernInfoCard: {
        flexDirection: "row";
        alignItems: "center";
        padding: number;
        borderRadius: number;
        marginBottom: number;
        gap: number;
        width: "100%";
    };
    modernInfoText: {
        fontSize: number;
        flex: number;
    };
    modernErrorCard: {
        flexDirection: "row";
        alignItems: "center";
        padding: number;
        borderRadius: number;
        marginBottom: number;
        gap: number;
        width: "100%";
    };
    errorText: {
        fontSize: number;
        fontWeight: "500";
        flex: number;
    };
    modernInputContainer: {
        width: "100%";
        marginBottom: number;
    };
    inputWrapper: {
        flexDirection: "row";
        alignItems: "center";
        height: number;
        borderRadius: number;
        paddingHorizontal: number;
        borderWidth: number;
        backgroundColor: string;
    };
    premiumInputWrapper: {
        flexDirection: "row";
        alignItems: "center";
        height: number;
        borderRadius: number;
        paddingHorizontal: number;
        borderWidth: number;
        backgroundColor: string;
    };
    inputIcon: {
        marginRight: number;
    };
    inputContent: {
        flex: number;
    };
    modernInput: {
        flex: number;
        fontSize: number;
        height: "100%";
    };
    passwordToggle: {
        padding: number;
    };
    validationIndicator: {
        marginLeft: number;
    };
    validationSuccessCard: {
        flexDirection: "row";
        alignItems: "center";
        padding: number;
        borderRadius: number;
        marginTop: number;
        gap: number;
    };
    validationErrorCard: {
        flexDirection: "row";
        alignItems: "center";
        padding: number;
        borderRadius: number;
        marginTop: number;
        gap: number;
    };
    validationCard: {
        flexDirection: "row";
        alignItems: "center";
        padding: number;
        borderRadius: number;
        marginTop: number;
        gap: number;
    };
    validationText: {
        fontSize: number;
        fontWeight: "500";
    };
    belowInputMessage: {
        flexDirection: "row";
        alignItems: "center";
        marginTop: number;
        marginBottom: number;
        gap: number;
    };
    belowInputText: {
        fontSize: number;
        fontWeight: "500";
    };
    modernButton: {
        gap: number;
        width: "100%";
        boxShadow: string;
        shadowOffset?: undefined;
        shadowOpacity?: undefined;
        shadowRadius?: undefined;
        elevation?: undefined;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
        paddingHorizontal: number;
        borderRadius: number;
        marginVertical: number;
    } | {
        gap: number;
        width: "100%";
        shadowOffset: {
            width: number;
            height: number;
        };
        shadowOpacity: number;
        shadowRadius: number;
        elevation: number;
        boxShadow?: undefined;
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
        paddingVertical: number;
        paddingHorizontal: number;
        borderRadius: number;
        marginVertical: number;
    };
    modernButtonText: {
        color: string;
        fontSize: number;
        fontWeight: "600";
        letterSpacing: number;
    };
    buttonIcon: {
        marginLeft: number;
    };
    modernLabel: {
        fontSize: number;
        fontWeight: "500";
        marginBottom: number;
    };
    modernLinkText: {
        fontSize: number;
        lineHeight: number;
        fontWeight: "600";
        textDecorationLine: "underline";
    };
    footerTextContainer: {
        flexDirection: "row";
        justifyContent: "center";
        marginTop: number;
    };
    footerText: {
        fontSize: number;
    };
    modernUserProfileContainer: {
        alignItems: "flex-start";
        paddingVertical: number;
    };
    avatarContainer: {
        position: "relative";
        marginBottom: number;
    };
    modernUserAvatar: {
        borderWidth: number;
        borderColor: string;
    };
    statusIndicator: {
        position: "absolute";
        bottom: number;
        right: number;
        width: number;
        height: number;
        borderRadius: number;
        borderWidth: number;
        borderColor: string;
    };
    modernUserDisplayName: {
        fontFamily: string;
        fontWeight: "bold" | undefined;
        fontSize: number;
        marginBottom: number;
        textAlign: "left";
        letterSpacing: number;
    };
    modernUsernameSubtext: {
        fontSize: number;
        textAlign: "left";
        marginBottom: number;
        opacity: number;
    };
    welcomeBackBadge: {
        flexDirection: "row";
        alignItems: "center";
        paddingHorizontal: number;
        paddingVertical: number;
        borderRadius: number;
        gap: number;
    };
    welcomeBackText: {
        fontSize: number;
        fontWeight: "600";
        textTransform: "uppercase";
        letterSpacing: number;
    };
    modernNavigationButtons: {
        flexDirection: "row";
        justifyContent: "center";
        marginTop: number;
        marginBottom: number;
        width: "100%";
        gap: number;
    };
    modernBackButton: {
        flexDirection: "row";
        alignItems: "center";
        paddingVertical: number;
        paddingHorizontal: number;
        borderRadius: number;
        borderWidth: number;
        gap: number;
    };
    modernBackButtonText: {
        fontSize: number;
        fontWeight: "500";
    };
    securityNotice: {
        flexDirection: "row";
        alignItems: "center";
        justifyContent: "center";
        marginTop: number;
        gap: number;
    };
    securityText: {
        fontSize: number;
        fontWeight: "500";
    };
    welcomeImageContainer: {
        alignItems: "center";
        justifyContent: "center";
        marginVertical: number;
    };
    welcomeText: {
        fontSize: number;
        lineHeight: number;
        textAlign: "left";
        opacity: number;
        marginBottom: number;
    };
    successCard: {
        flexDirection: "row";
        alignItems: "center";
        padding: number;
        borderRadius: number;
        marginBottom: number;
        gap: number;
        width: "100%";
    };
    successText: {
        fontSize: number;
        fontWeight: "500";
        flex: number;
    };
};
//# sourceMappingURL=authStyles.d.ts.map