@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
88 lines (87 loc) • 1.77 kB
JavaScript
import { c as r } from "../../index-BNmRGtA6.js";
const o = r(
["border", "border-slate-200", "rounded-xl"],
{
variants: {
theme: {
colony: "",
kubefirst: "",
civo: ""
},
isActive: {
true: "border-transparent",
false: ""
},
canHover: {
true: ["group", "hover:border-transparent"],
false: ""
}
},
defaultVariants: {
theme: "kubefirst"
}
}
), t = r(
["border", "border-4", "p-3", "text-card-foreground", "rounded-xl"],
{
variants: {
theme: {
colony: "",
kubefirst: "",
civo: ""
},
isActive: {
true: "",
false: "border-transparent"
},
canHover: {
true: "cursor-pointer border-transparent",
false: ""
}
},
compoundVariants: [
{
theme: "colony",
isActive: !0,
class: ["border-colony-primary", "shadow"]
},
{
theme: "kubefirst",
isActive: !0,
class: ["border-kubefirst-primary", "shadow"]
},
{
theme: "civo",
isActive: !0,
class: ["border-civo-primary", "shadow"]
},
{
theme: "colony",
canHover: !0,
class: "group-hover:border-colony-primary"
},
{
theme: "kubefirst",
canHover: !0,
class: "group-hover:border-kubefirst-primary"
},
{
theme: "civo",
canHover: !0,
class: "group-hover:border-civo-primary"
},
{
canHover: void 0,
isActive: void 0,
class: "border-transparent"
}
],
defaultVariants: {
theme: "kubefirst"
}
}
);
export {
o as cardBaseVariants,
t as cardVariants
};