UNPKG

dgz-ui

Version:

Custom ui library using React.js, Shadcn/ui, TailwindCSS, Typescript

3 lines (2 loc) 1.75 kB
"use strict";const u=require("react/jsx-runtime"),m=require("./index-CMEUY8i_.cjs.js"),v=require("./index-x_Mxo00P.cjs.js"),g=require("react"),e=require("./utils-C4d7Ql9-.cjs.js"),t=v.cva(e.cn("inline-flex border border-border-alpha-strong items-center justify-center gap-2 whitespace-nowrap font-medium","[&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0","transition-colors disabled:pointer-events-none disabled:opacity-50 cursor-pointer","focus:ring-2 focus:ring-offset-2 focus:ring-offset-bg focus:ring-item-primary-focus"),{variants:{variant:{default:"bg-item-primary hover:bg-item-primary-hover active:bg-item-primary-active !text-white",destructive:"bg-item-destructive hover:bg-item-destructive-hover active:bg-item-destructive-active focus:ring-2 focus:ring-item-destructive-focus !text-white",secondary:"bg-item-secondary hover:bg-item-secondary-hover active:bg-item-secondary-active",tertiary:"bg-item-tertiary hover:bg-item-tertiary-hover active:bg-item-tertiary-active border-0",ghost:"bg-item-ghost hover:bg-item-ghost-hover active:bg-item-ghost-active border-0"},size:{lg:"h-12 px-4 text-body-sm-medium [&>svg]:size-5 rounded-5",default:"h-10 px-3 text-body-sm-medium [&>svg]:size-5 rounded-4",sm:"h-8 px-2.5 text-body-xs-medium [&>svg]:size-4 rounded-3",xs:"h-7 px-2 text-body-xs-medium [&>svg]:size-4 rounded-2",icon:"h-10 w-10 text-body-xs-medium [&>svg]:size-4 rounded-3"}},defaultVariants:{variant:"default",size:"default"}}),i=g.forwardRef(({className:r,variant:s,size:o,asChild:n=!1,...a},d)=>{const c=n?m.Slot:"button";return u.jsx(c,{className:e.cn(t({variant:s,size:o,className:r})),ref:d,...a})});i.displayName="Button";exports.Button=i;exports.buttonVariants=t; //# sourceMappingURL=button-CpKtD3qG.cjs.js.map