geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
49 lines (48 loc) • 1.3 kB
JavaScript
import { cva as t } from "class-variance-authority";
const r = t(
"relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
{
variants: {
variant: {
info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
success: "text-text4 dark:border-danger [&>svg]:text-danger bg-success-1",
warning: "text-text4 dark:border-danger [&>svg]:text-danger bg-warning-1 ",
error: " text-text4 dark:border-danger [&>svg]:text-danger bg-danger-1",
default: "text-text4 bg-background text-foreground"
},
shortContent: {
true: "items-center flex flex-row gap-3",
false: ""
}
},
defaultVariants: {
variant: "info"
}
}
), a = t("", {
variants: {
shortContent: {
true: "justify-between w-full items-center flex flex-row gap-3",
false: "flex flex-col gap-2 justify-start items-start"
}
},
defaultVariants: {
shortContent: !1
}
}), n = t(" max-w-[fit-content] ", {
variants: {
shortContent: {
true: "bg-rest-s1",
false: "bg-rest-s1"
}
},
defaultVariants: {
shortContent: !1
}
});
export {
n as AlertButtonVariants,
a as AlertContentVariants,
r as AlertVariants
};
//# sourceMappingURL=index.es108.js.map