@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
76 lines (75 loc) • 1.57 kB
JavaScript
import { c as e } from "../../index-D29mdTf5.js";
const a = e(
[
"group",
"border",
"cursor-pointer",
"ease-in-out",
"flex",
"items-center",
"justify-between",
"px-3",
"py-1",
"relative",
"rounded-md",
"transition-all",
"w-full",
"outline-none",
"h-9",
"border-gray-200",
"focus-visible:bg-zinc-50",
"aria-expanded:border-aurora-500",
"aria-expanded:text-aurora-500",
"kubefirst:aria-expanded:border-kubefirst-primary",
"kubefirst:aria-expanded:text-kubefirst-secondary",
"dark:border-metal-700",
"dark:focus-visible:bg-metal-800",
"dark:bg-metal-800"
],
{
variants: {
hasError: {
true: [
"aria-expanded:border-red-600",
"aria-expanded:text-red-600",
"kubefirst:border-red-600",
"kubefirst:text-red-600"
],
false: ""
},
disabled: {
true: ["cursor-default", "bg-gray-100", "dark:bg-metal-700/80"],
false: []
}
},
defaultVariants: {
hasError: !1,
disabled: !1
}
}
), t = e([
"flex-1",
"bg-transparent",
"border-none",
"outline-none",
"text-zinc-700",
"text-sm",
"capitalize",
"placeholder:text-sm",
"placeholder:normal-case",
"placeholder:select-none",
"dark:placeholder:text-metal-400",
"dark:text-metal-50"
]), d = e([
"mb-1",
"cursor-pointer",
"text-sm",
"leading-5",
"tracking-[0.1px]",
"dark:text-metal-50"
]);
export {
a as dropdownVariants,
t as inputVariants,
d as labelVariants
};