@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
61 lines (60 loc) • 970 B
JavaScript
import { c as r } from "../../index-D29mdTf5.js";
const a = r([
"relative",
"flex",
"items-center",
"w-full",
"border",
"border-gray-200",
"rounded-full",
"shadow-sm"
]), s = r([
"absolute",
"h-full",
"bg-kubefirst-secondary"
]), t = r(
["relative", "flex-grow", "bg-gray-100", "rounded-full"],
{
variants: {
size: {
sm: ["h-1"],
md: ["h-2"],
lg: ["h-3"]
}
},
defaultVariants: {
size: "md"
}
}
), o = r(
[
"block",
"w-5",
"h-5",
"rounded-full",
"cursor-pointer",
"focus-visible:outline-none",
"shadow-md",
"bg-white",
"border",
"border-gray-300"
],
{
variants: {
size: {
sm: ["w-5", "h-5"],
md: ["w-6", "h-6"],
lg: ["w-7", "h-7"]
}
},
defaultVariants: {
size: "md"
}
}
);
export {
s as rangeOutsideVariants,
a as rangeVariants,
o as thumbVariants,
t as trackVariants
};