geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
53 lines (52 loc) • 1.14 kB
JavaScript
import { cva as r } from "class-variance-authority";
const s = r(
` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg
text-light-2 px-3 py-2
file:border-0 file:bg-transparent
placeholder:font-normal placeholder:text-light-4`,
{
variants: {
isError: {
true: "",
false: ""
},
isFocused: {
true: "",
false: ""
},
disabled: {
true: "bg-light-3 border-neutral-2 cursor-not-allowed",
false: ""
}
},
defaultVariants: {
isError: !1
},
compoundVariants: [
{
isError: !0,
isFocused: !0,
className: "border-danger-2 ring-4 ring-danger-1"
},
{
isError: !1,
isFocused: !0,
className: "border-primary-2 ring-4 ring-primary-1"
},
{
isError: !0,
isFocused: !1,
className: "border-danger-2"
},
{
isError: !1,
isFocused: !1,
className: "border-light-2"
}
]
}
);
export {
s as InputVariants
};
//# sourceMappingURL=index.es105.js.map