@baseplate-dev/ui-components
Version:
Shared UI component library
32 lines • 1.53 kB
JavaScript
import { jsx as _jsx } from "react/jsx-runtime";
import { cva } from 'class-variance-authority';
import { cn } from '#src/utils/index.js';
const alertVariants = cva('relative grid w-full grid-cols-[0_1fr] items-start gap-y-0.5 rounded-lg border bg-surface px-4 py-3 text-sm text-surface-foreground has-[>svg]:grid-cols-[calc(var(--spacing)*4)_1fr] has-[>svg]:gap-x-3 [&>svg]:size-4 [&>svg]:translate-y-0.5 [&>svg]:text-current', {
variants: {
variant: {
default: 'surface-default',
error: 'surface-error',
success: 'surface-success',
warning: 'surface-warning',
},
},
defaultVariants: {
variant: 'default',
},
});
/**
* Displays a callout for user attention.
*
* https://ui.shadcn.com/docs/components/alert
*/
function Alert({ className, variant, ...props }) {
return (_jsx("div", { "data-slot": "alert", role: "alert", className: cn(alertVariants({ variant }), className), ...props }));
}
function AlertTitle({ className, ...props }) {
return (_jsx("div", { "data-slot": "alert-title", className: cn('col-start-2 line-clamp-1 min-h-4 font-medium tracking-tight', className), ...props }));
}
function AlertDescription({ className, ...props }) {
return (_jsx("div", { "data-slot": "alert-description", className: cn('col-start-2 grid justify-items-start gap-1 text-sm text-surface-muted-foreground [&_p]:leading-relaxed', className), ...props }));
}
export { Alert, AlertDescription, AlertTitle };
//# sourceMappingURL=alert.js.map