fix: make Button default variant sm from default

src/app/(app)/~/[repo]/_components/repo-contents.tsx

@@ -96,7 +96,7 @@ export default function RepoContents({ repo, setIsConfigDialogOpen }: Props) {
             </InputIcon>
             <Input placeholder="Search..." disabled />
           </InputRoot>
-          <Button size={'default'}>
+          <Button size={'md'}>
             <Plus />
             Add New
           </Button>

src/app/(auth)/login/page.tsx

@@ -53,12 +53,12 @@ export default async function Page() {
                 });
               }}
             >
-              <Button type="submit" size={'default'} className="w-full">
+              <Button type="submit" size={'md'} className="w-full">
                 <GitHubIcon className="size-5" />
                 Sign in with Github
               </Button>
             </form>
-            <Button size={'default'} variant={'secondary'} disabled>
+            <Button size={'md'} variant={'secondary'} disabled>
               <GitlabIcon className="fill-foreground size-5" />
               Sign in with Gitlab
             </Button>

src/components/ui/button.tsx

@@ -19,16 +19,16 @@ const buttonVariants = cva(
         link: 'text-primary underline-offset-4 hover:underline',
       },
       size: {
-        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
-        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        default: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',
+        md: 'h-9 px-4 py-2 has-[>svg]:px-3',
         lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
         icon: 'size-9',
         'icon-sm': 'size-8',
       },
     },
     defaultVariants: {
       variant: 'default',
-      size: 'sm',
+      size: 'default',
     },
   },
 );

src/components/ui/select.tsx

@@ -20,18 +20,18 @@ function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.V
 
 function SelectTrigger({
   className,
-  size = 'default',
+  size = 'md',
   children,
   ...props
 }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
-  size?: 'sm' | 'default';
+  size?: 'default' | 'md';
 }) {
   return (
     <SelectPrimitive.Trigger
       data-slot="select-trigger"
       data-size={size}
       className={cn(
-        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+        "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-8 data-[size=md]:h-9 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
         className,
       )}
       {...props}

src/components/ui/spinner.tsx

@@ -6,13 +6,13 @@ import * as React from 'react';
 const spinnerVariants = cva('relative block opacity-[0.65]', {
   variants: {
     size: {
-      sm: 'size-4',
-      md: 'size6',
+      default: 'size-4',
+      md: 'size-6',
       lg: 'size-8',
     },
   },
   defaultVariants: {
-    size: 'sm',
+    size: 'default',
   },
 });