franken-ui/dist/shadcn-ui/components/notification.d.ts

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

declare const _default: {
    '.uk-notification': {
        position: string;
        top: string;
        left: string;
        zIndex: string;
        boxSizing: string;
        width: string;
    };
    '.uk-notification-top-right, .uk-notification-bottom-right': {
        left: string;
        right: string;
    };
    '.uk-notification-top-center, .uk-notification-bottom-center': {
        left: string;
        marginLeft: string;
    };
    '.uk-notification-bottom-left, .uk-notification-bottom-right, .uk-notification-bottom-center': {
        top: string;
        bottom: string;
    };
    '.uk-notification-message': {
        position: string;
        cursor: string;
        borderRadius: string;
        boxShadow: string;
        '@apply border border-border bg-background p-4 pr-6 text-foreground': {};
    };
    '* + .uk-notification-message': {
        marginTop: string;
    };
    '.uk-notification-close': {
        display: string;
        position: string;
        '@apply right-1 top-1 p-1 text-foreground/50': {};
    };
    '.uk-notification-message:hover .uk-notification-close': {
        display: string;
    };
    '.uk-notification-message-destructive': {
        '@apply border-destructive bg-destructive text-destructive-foreground': {};
    };
    '.uk-notification-message-destructive .uk-notification-close': {
        '@apply text-destructive-foreground/50': {};
    };
};
export default _default;