@konstructio/ui/dist/components/Select/Select.variants.js

A set of reusable and customizable React components built for konstruct.io

import { t as e } from "../../dist-Bcn6lMQe.js";
var a = e([
  "group",
  "border",
  "cursor-pointer",
  "ease-in-out",
  "flex",
  "items-center",
  "justify-between",
  "px-3",
  "py-1",
  "relative",
  "rounded",
  "transition-all",
  "w-full",
  "outline-none",
  "h-10",
  "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",
        "dark:border-red-500"
      ],
      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-metal-700",
  "text-sm",
  "capitalize",
  "placeholder:text-sm",
  "placeholder:normal-case",
  "placeholder:select-none",
  "dark:placeholder:text-metal-400",
  "dark:text-metal-50"
]), d = e([
  "cursor-pointer",
  "text-sm",
  "leading-5",
  "tracking-[0.1px]",
  "dark:text-metal-50"
]);
export {
  t as inputVariants,
  d as labelVariants,
  a as selectVariants
};