@suprsend/react/dist/types/Feed/utils/styles.d.ts

The react library for using SuprSend features like inbox, preferences etc

export declare const lightColors: {
    primary: string;
    primaryText: string;
    secondaryText: string;
    border: string;
    main: string;
    error: string;
};
export declare const darkColors: {
    primary: string;
    primaryText: string;
    secondaryText: string;
    border: string;
    main: string;
    error: string;
};
export declare const CText: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
}, import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
export declare const HelperText: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLParagraphElement> & import('react').HTMLAttributes<HTMLParagraphElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export declare const HeadingText: import('@emotion/styled').StyledComponent<{
    theme?: import('@emotion/react').Theme;
    as?: React.ElementType;
} & import('react').ClassAttributes<HTMLParagraphElement> & import('react').HTMLAttributes<HTMLParagraphElement> & {
    theme?: import('@emotion/react').Theme;
}, {}, {}>;
export declare const darkTheme: {
    bell: {
        color: string;
    };
    badge: {
        backgroundColor: string;
    };
    header: {
        container: {
            backgroundColor: string;
            borderBottom: string;
            boxShadow: string;
        };
        headerText: {
            color: string;
        };
        markAllReadText: {
            color: string;
        };
    };
    tabs: {
        color: string;
        unselectedColor: string;
        bottomColor: string;
        badgeColor: string;
        badgeText: string;
    };
    notificationsContainer: {
        container: {
            backgroundColor: string;
            borderColor: string;
        };
        noNotificationsText: {
            color: string;
        };
        noNotificationsSubtext: {
            color: string;
        };
        loader: {
            color: string;
        };
    };
    notification: {
        container: {
            borderBottom: string;
            readBackgroundColor: string;
            unreadBackgroundColor: string;
            hoverBackgroundColor: string;
        };
        pinnedText: {
            color: string;
        };
        headerText: {
            color: string;
        };
        bodyText: {
            color: string;
            blockquoteColor: string;
        };
        unseenDot: {
            backgroundColor: string;
        };
        createdOnText: {
            color: string;
        };
        subtext: {
            color: string;
        };
        actions: ({
            container: {
                backgroundColor: string;
                borderColor?: undefined;
                hoverBackgroundColor?: undefined;
            };
            text?: undefined;
        } | {
            container: {
                borderColor: string;
                backgroundColor: string;
                hoverBackgroundColor: string;
            };
            text: {
                color: string;
            };
        })[];
        expiresText: {
            backgroundColor: string;
            color: string;
            expiringBackgroundColor: string;
            expiringColor: string;
        };
        actionsMenuIcon: {
            color: string;
            hoverBackgroundColor: string;
        };
        actionsMenu: {
            backgroundColor: string;
            borderColor: string;
        };
        actionsMenuItem: {
            hoverBackgroundColor: string;
        };
        actionsMenuItemIcon: {
            color: string;
        };
        actionsMenuItemText: {
            color: string;
        };
    };
    toast: {
        container: {
            backgroundColor: string;
            borderColor: string;
        };
        headerText: {
            color: string;
        };
        bodyText: {
            color: string;
            blockquoteColor: string;
            tableBorderColor: string;
        };
    };
};