v.korobtsev/next-enterprise
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: image filter

Browse source
This commit is contained in:
VizoleLabs 2024-04-08 06:22:33 +00:00
parent 7242a0afab
commit 67fe4ba060
10 changed files with 38350 additions and 1079 deletions
Download patch file Download diff file Expand all files Collapse all files

88
components/Button/Button.tsx
View file

@ -2,37 +2,67 @@ import { cva, type VariantProps } from "class-variance-authority"
import { twMerge } from "tailwind-merge"
const button = cva(
[
"inline-flex",
"items-center",
"rounded-xl",
"text-center",
"transition-colors",
"delay-50",
],
{
variants: {
intent: {
primary: ["bg-blue-400", "justify-center", "text-white", "hover:enabled:bg-blue-700"],
secondary: ["bg-transparent", "justify-center", "text-white", "hover:bg-slate-100", "rounded-3xl", "hover:text-vizoleG2", "border-solid", "border-2", "border-slate-100"],
hero1: ["text-black", "bg-white", "justify-center","font-medium", "rounded-3xl", "text-sm", "text-center", "me-2", "mb-2", "border-solid", "border-2", "border-slate-100"],
aboutUs: ["text-left","bg-transparent", "text-white", "font-semibold", "hover:text-white", "py-2", "px-4", "border", "border-gray-400","transition-all", "hover:border-white", "rounded", "flex", , "my-1","w-[50%]"]
},
size: {
sm: ["min-w-20", "h-full", "min-h-10", "text-sm", "py-1.5", "px-4"],
lg: ["min-w-32", "h-full", "min-h-12", "text-lg", "py-2.5", "px-6"],
hero1: ["min-w-15", "h-full", "min-h-5", "text-sm", "px-5", "py-2"]
},
underline: { true: ["underline"], false: [] },
const button = cva(["inline-flex", "items-center", "rounded-xl", "text-center", "transition-colors", "delay-50"], {
variants: {
intent: {
primary: ["bg-blue-400", "justify-center", "text-white", "hover:enabled:bg-blue-700"],
secondary: [
"bg-transparent",
"justify-center",
"text-white",
"hover:bg-slate-100",
"rounded-3xl",
"hover:text-vizoleG2",
"border-solid",
"border-2",
"border-slate-100",
],
hero1: [
"text-black",
"bg-white",
"justify-center",
"font-medium",
"rounded-3xl",
"text-sm",
"text-center",
"me-2",
"mb-2",
"border-solid",
"border-2",
"border-slate-100",
],
aboutUs: [
"text-left",
"bg-transparent",
"text-white",
"font-semibold",
"hover:text-white",
"py-2",
"px-4",
"border",
"border-gray-400",
"transition-all",
"hover:border-white",
"rounded",
"flex",
,
"my-1",
"w-[50%]",
"max-md:w-full",
],
},
defaultVariants: {
intent: "primary",
size: "lg",
size: {
sm: ["min-w-20", "h-full", "min-h-10", "text-sm", "py-1.5", "px-4"],
lg: ["min-w-32", "h-full", "min-h-12", "text-lg", "py-2.5", "px-6"],
hero1: ["min-w-15", "h-full", "min-h-5", "text-sm", "px-5", "py-2"],
},
}
)
underline: { true: ["underline"], false: [] },
},
defaultVariants: {
intent: "primary",
size: "lg",
},
})
export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLAnchorElement>, VariantProps<typeof button> {
underline?: boolean