mirror of
https://github.com/solidtime-io/solidtime.git
synced 2026-08-08 08:12:17 +01:00
e78a551098
add jetstream permissions, add dynamic inertia module loading, add shadcn components, change modals and dropdowns to shadcn dismissable layer,
38 lines
1.6 KiB
TypeScript
38 lines
1.6 KiB
TypeScript
import { cva, type VariantProps } from 'class-variance-authority'
|
|
|
|
export { default as Button } from './Button.vue'
|
|
|
|
export const buttonVariants = cva(
|
|
'inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0',
|
|
{
|
|
variants: {
|
|
variant: {
|
|
default: 'bg-primary text-primary-foreground shadow hover:bg-primary/90',
|
|
destructive:
|
|
'bg-destructive text-destructive-foreground shadow-sm hover:bg-destructive/90',
|
|
outline:
|
|
'border border-input bg-background shadow-sm hover:bg-accent hover:text-accent-foreground',
|
|
secondary:
|
|
'bg-secondary text-secondary-foreground shadow-sm hover:bg-secondary/80',
|
|
ghost: 'hover:bg-accent hover:text-accent-foreground',
|
|
link: 'text-primary underline-offset-4 hover:underline',
|
|
input: 'border-input-border border bg-input-background text-text-primary focus-visible:ring-2 focus-visible:ring-ring focus-visible:border-transparent shadow-sm',
|
|
},
|
|
size: {
|
|
default: 'h-9 px-4 py-2',
|
|
xs: 'h-7 rounded px-2',
|
|
sm: 'h-8 rounded-md px-3 text-xs',
|
|
lg: 'h-10 rounded-md px-8',
|
|
icon: 'h-9 w-9',
|
|
input: 'h-[42px] px-3 py-2 text-base',
|
|
},
|
|
},
|
|
defaultVariants: {
|
|
variant: 'default',
|
|
size: 'default',
|
|
},
|
|
},
|
|
)
|
|
|
|
export type ButtonVariants = VariantProps<typeof buttonVariants>
|