@recastui/themes
Version:
Recastui Design System component themes with Tailwindcss and CVA
8 lines (4 loc) • 1.53 kB
JavaScript
'use strict';
var classVarianceAuthority = require('class-variance-authority');
var e={content:classVarianceAuthority.cva("bg-main-1 relative fixed flex flex-col",{variants:{size:{xs:"",sm:"",md:"",lg:"",xl:"",full:"w-screen h-screen"},position:{top:["top-0","left-0","right-0"],right:["top-0","right-0","bottom-0"],bottom:["left-0","right-0","bottom-0"],left:["top-0","left-0","bottom-0"]}},compoundVariants:[{position:["top","bottom"],size:"xs",class:"max-h-xs w-screen"},{position:["top","bottom"],size:"sm",class:"max-h-sm w-screen"},{position:["top","bottom"],size:"md",class:"max-h-md w-screen"},{position:["top","bottom"],size:"lg",class:"max-h-lg w-screen"},{position:["top","bottom"],size:"xl",class:"max-h-xl w-screen"},{position:["left","right"],size:"xs",class:"max-w-xs h-screen"},{position:["left","right"],size:"sm",class:"max-w-sm w-screen"},{position:["left","right"],size:"md",class:"max-w-md w-screen"},{position:["left","right"],size:"lg",class:"max-w-lg w-screen"},{position:["left","right"],size:"xl",class:"max-w-xl w-screen"}],defaultVariants:{size:"xs",position:"left"}}),overlay:classVarianceAuthority.cva(["modal-overlay fixed inset-0 z-[999] overflow-y-auto bg-blackA-11"]),heading:classVarianceAuthority.cva("bg-main-1 px-6 py-4 text-xl font-semibold"),body:classVarianceAuthority.cva("flex grow flex-col shrink basis-0 bg-main-1 p-6 pb-4 pt-2"),footer:classVarianceAuthority.cva("bg-main-1 px-6 py-4"),closeButton:classVarianceAuthority.cva("absolute text-2xl top-0 right-0 p-4")};
exports.drawer = e;