@recastui/themes
Version:
Recastui Design System component themes with Tailwindcss and CVA
6 lines (3 loc) • 763 B
JavaScript
import { cva } from 'class-variance-authority';
var l={content:cva("mt-16 bg-main-1 relative flex flex-col",{variants:{size:{xs:["max-w-xs"],sm:["max-w-sm"],md:["max-w-md"],lg:["max-w-lg"],xl:["max-w-xl"],full:["max-w-full h-screen mt-0"]},isCentered:{true:"mt-0",false:""}},defaultVariants:{isCentered:!1,size:"md"}}),overlay:cva(["modal-overlay fixed inset-0 z-[1000] flex justify-center overflow-y-auto bg-blackA-11"],{variants:{isCentered:{true:"items-center",false:"items-start"}},defaultVariants:{isCentered:!1}}),heading:cva("bg-main-1 px-6 py-4 text-xl font-semibold"),body:cva("flex flex-col grow shrink basis-0 bg-main-1 p-6 pb-4 pt-2"),footer:cva("bg-main-1 px-6 py-4"),closeButton:cva("absolute text-2xl top-0 right-0 p-4")};
export { l as modal };