@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
74 lines (73 loc) • 1.35 kB
JavaScript
import { c as e } from "../../index-BNmRGtA6.js";
const a = e(
[
"rounded-md",
"shadow-md",
"p-4",
"flex",
"flex-col",
"relative",
"border",
"overflow-hidden",
"data-[state=open]:animate-slide-in",
"data-[state=closed]:animate-hide",
"data-[swipe=move]:translate-x-4",
"data-[swipe=cancel]:translate-x-0",
"data-[swipe=end]:animate-swipe-out"
],
{
variants: {
theme: {
kubefirst: ["shadow-purple-200", "border-purple-100"],
colony: ["shadow-red-200", "border-red-100"],
civo: ""
}
},
defaultVariants: {
theme: "kubefirst"
}
}
), r = e(
[
"fixed",
"bottom-0",
"right-0",
"flex",
"flex-col",
"p-[var(--viewport-padding)]",
"gap-8",
"w-[390px]",
"max-w-[100vw]",
"m-0",
"z-50",
"outline-none"
],
{
variants: {
theme: {
kubefirst: "",
colony: "",
civo: ""
}
},
defaultVariants: {
theme: "kubefirst"
}
}
), o = e(["top-2", "right-2", "w-4", "h-4"], {
variants: {
theme: {
kubefirst: ["text-kubefirst-primary"],
colony: ["text-red-400"],
civo: ""
}
},
defaultVariants: {
theme: "kubefirst"
}
});
export {
o as closeToastVariants,
a as toastVariants,
r as viewportToastVariants
};