@konstructio/ui
Version:
A set of reusable and customizable React components built for konstruct.io
46 lines (45 loc) • 1.1 kB
JavaScript
import { t as a } from "../../dist-Bcn6lMQe.js";
var t = a([
"w-10",
"h-5",
"flex",
"items-center",
"rounded-full",
"shadow",
"focus:shadow-md",
"data-[state=unchecked]:bg-gray-300",
"dark:data-[state=unchecked]:bg-metal-600",
"transition-all",
"delay-10",
"duration-250",
"cursor-pointer",
"bg-aurora-500",
"kubefirst:bg-kubefirst-primary",
"[&+label,&+span]:cursor-pointer",
"disabled:[&+label,&+span,&]:cursor-not-allowed",
"disabled:bg-gray-200",
"disabled:data-[state=unchecked]:[&>span]:bg-white",
"disabled:data-[state=unchecked]:bg-gray-200",
"dark:disabled:bg-metal-700",
"dark:disabled:data-[state=unchecked]:[&>span]:bg-metal-600",
"dark:disabled:data-[state=unchecked]:bg-metal-700",
"dark:disabled:[&>span]:bg-metal-600"
]), d = a([
"block",
"w-4",
"h-4",
"bg-white",
"dark:bg-gray-400",
"dark:data-[state=checked]:bg-white",
"rounded-full",
"shadow-md",
"transition-all",
"translate-x-1",
"data-[state=checked]:translate-x-5",
"delay-10",
"duration-300"
]);
export {
t as switchVariants,
d as thumbVariants
};