Add variant=tertiary to Button

Author: hasparus

src/app/conf/_design-system/button.tsx

@@ -2,7 +2,7 @@ import { clsx } from "clsx"
 import { Anchor } from "./anchor"
 
 type Size = "md" | "lg"
-type Variant = "primary" | "secondary"
+type Variant = "primary" | "secondary" | "tertiary"
 
 // eslint-disable-next-line @typescript-eslint/no-namespace
 export declare namespace ButtonProps {
@@ -57,7 +57,7 @@ export type ButtonProps =
 
 export function Button(props: ButtonProps) {
   const className = clsx(
-    "relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none",
+    "relative flex items-center justify-center gap-2.5 font-normal text-base/none text-neu-0 bg-neu-900 hover:bg-neu-800 active:bg-neu-700 font-sans h-14 px-8 data-[size=md]:h-12 data-[variant=secondary]:bg-neu-100 data-[variant=secondary]:text-neu-900 data-[variant=secondary]:hover:bg-neu-200/75 data-[variant=secondary]:active:bg-neu-200/90 gql-focus-visible [aria-disabled]:bg-neu-800 aria-disabled:pointer-events-none data-[variant=tertiary]:bg-neu-900/10 data-[variant=tertiary]:text-neu-900 data-[variant=tertiary]:hover:bg-neu-900/[.125] data-[variant=tertiary]:active:bg-neu-800/20 data-[variant=tertiary]:ring-1 data-[variant=tertiary]:ring-inset data-[variant=tertiary]:ring-neu-900/20",
     props.className,
   )