@recastui/themes
Version:
Recastui Design System component themes with Tailwindcss and CVA
6 lines (3 loc) • 1.06 kB
JavaScript
import { cva } from 'class-variance-authority';
var r=(e=>(e.boxed="boxed",e.filled="filled",e.spaced="spaced",e))(r||{});var n=cva("",{variants:{variant:{boxed:"border border-main-7",filled:"",spaced:"flex flex-col space-y-4"}}}),i=cva(["flex","justify-between","items-center","p-3","border-main-7","border-b","bg-main-1","hover:bg-main-2"],{variants:{variant:{boxed:"",filled:"",spaced:"border-0 bg-main-3 hover:bg-main-4"},open:{true:""}},compoundVariants:[{variant:"boxed",open:!0,class:"bg-main-3 hover:bg-main-4"},{variant:"filled",open:!0,class:"bg-main-3 hover:bg-main-4"},{variant:"spaced",open:!0,class:"bg-main-1 hover:bg-main-2 border border-b-0"}]}),t=cva(["border-main-7","bg-main-2","border-b","p-3"],{variants:{variant:{boxed:"",filled:"",spaced:""},open:{true:""}},compoundVariants:[{variant:"boxed",open:!0,class:"bg-main-3"},{variant:"filled",open:!0,class:"bg-main-3"},{variant:"spaced",open:!0,class:"border border-t-0 bg-main-2"}]});
export { r as AccordionVariantTypes, n as accordion, i as accordionButton, t as accordionPanel };