geoiq-frontend-ui-kit
Version:
This project is a UI kit for GeoIQ's frontend. It's built with React, TypeScript, and Vite.
48 lines (47 loc) • 1.01 kB
JavaScript
import { cva as r } from "class-variance-authority";
const s = r(
`relative flex h-12 w-11 items-center justify-center border-y border-r border-input text-light-1 transition-all
first:rounded-l-md first:border-l last:rounded-r-md`,
{
variants: {
isError: {
true: "",
false: ""
},
isFocused: {
true: "",
false: ""
}
},
defaultVariants: {
isError: !1,
isFocused: !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-neutral-2"
}
]
}
);
export {
s as OTPInputVariants
};
//# sourceMappingURL=index.es142.js.map