Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2025-11-13 08:13:49 +10:00
Code Issues Packages Projects Releases Wiki Activity

add digitalocean attribution

Browse Source
This commit is contained in:
Amruth Pillai
2024-01-21 11:00:24 +01:00
parent 1aaaaeca20
commit b68b5a7747
42 changed files with 104 additions and 81 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
libs/ui/src/components/accordion.tsx
View File

@ -28,7 +28,7 @@ export const AccordionTrigger = forwardRef<
{...props}
>
{children}
<CaretDown className="h-4 w-4 shrink-0 transition-transform duration-200" />
<CaretDown className="size-4 shrink-0 transition-transform duration-200" />
</AccordionPrimitive.Trigger>
</AccordionPrimitive.Header>
));

6
libs/ui/src/components/avatar.tsx
View File

@ -8,7 +8,7 @@ export const Avatar = forwardRef<
>(({ className, ...props }, ref) => (
<AvatarPrimitive.Root
ref={ref}
className={cn("relative flex h-10 w-10 shrink-0 overflow-hidden rounded-full", className)}
className={cn("relative flex size-10 shrink-0 overflow-hidden rounded-full", className)}
{...props}
/>
));
@ -21,7 +21,7 @@ export const AvatarImage = forwardRef<
>(({ className, ...props }, ref) => (
<AvatarPrimitive.Image
ref={ref}
className={cn("aspect-square h-full w-full object-cover", className)}
className={cn("aspect-square size-full object-cover", className)}
{...props}
/>
));
@ -35,7 +35,7 @@ export const AvatarFallback = forwardRef<
<AvatarPrimitive.Fallback
ref={ref}
className={cn(
"flex h-full w-full items-center justify-center rounded-full bg-secondary",
"flex size-full items-center justify-center rounded-full bg-secondary",
className,
)}
{...props}

2
libs/ui/src/components/checkbox.tsx
View File

@ -10,7 +10,7 @@ export const Checkbox = forwardRef<
<CheckboxPrimitive.Root
ref={ref}
className={cn(
"peer h-4 w-4 shrink-0 rounded border border-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
"peer size-4 shrink-0 rounded border border-primary focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-primary disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground",
className,
)}
{...props}

4
libs/ui/src/components/combobox.tsx
View File

@ -81,7 +81,7 @@ export const Combobox = forwardRef(
</span>
<CaretDown
className={cn(
"ml-2 h-4 w-4 shrink-0 rotate-0 opacity-50 transition-transform",
"ml-2 size-4 shrink-0 rotate-0 opacity-50 transition-transform",
open && "rotate-180",
)}
/>
@ -119,7 +119,7 @@ export const Combobox = forwardRef(
>
<Check
className={cn(
"mr-2 h-4 w-4 opacity-0",
"mr-2 size-4 opacity-0",
!props.multiple && props.value === option.value && "opacity-100",
props.multiple && props.value?.includes(option.value) && "opacity-100",
)}

4
libs/ui/src/components/command.tsx
View File

@ -12,7 +12,7 @@ export const Command = forwardRef<
>(({ className, ...props }, ref) => (
<CommandPrimitive
ref={ref}
className={cn("flex h-full w-full flex-col overflow-hidden rounded border", className)}
className={cn("flex size-full flex-col overflow-hidden rounded border", className)}
{...props}
/>
));
@ -24,7 +24,7 @@ interface CommandDialogProps extends DialogProps {}
export const CommandDialog = ({ children, ...props }: CommandDialogProps) => (
<Dialog {...props}>
<DialogContent className="overflow-hidden p-0">
<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:h-5 [&_[cmdk-input-wrapper]_svg]:w-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:h-5 [&_[cmdk-item]_svg]:w-5">
<Command className="[&_[cmdk-group-heading]]:px-2 [&_[cmdk-group-heading]]:font-medium [&_[cmdk-group-heading]]:text-secondary [&_[cmdk-group]:not([hidden])_~[cmdk-group]]:pt-0 [&_[cmdk-group]]:px-2 [&_[cmdk-input-wrapper]_svg]:size-5 [&_[cmdk-input]]:h-12 [&_[cmdk-item]]:px-2 [&_[cmdk-item]]:py-3 [&_[cmdk-item]_svg]:size-5">
{children}
</Command>
</DialogContent>

6
libs/ui/src/components/context-menu.tsx
View File

@ -31,7 +31,7 @@ export const ContextMenuSubTrigger = forwardRef<
{...props}
>
{children}
<CaretRight className="ml-auto h-4 w-4" />
<CaretRight className="ml-auto size-4" />
</ContextMenuPrimitive.SubTrigger>
));
@ -103,7 +103,7 @@ export const ContextMenuCheckboxItem = forwardRef<
checked={checked}
{...props}
>
<span className="absolute left-2 flex h-4 w-4 items-center justify-center">
<span className="absolute left-2 flex size-4 items-center justify-center">
<ContextMenuPrimitive.ItemIndicator>
<Check size={14} />
</ContextMenuPrimitive.ItemIndicator>
@ -126,7 +126,7 @@ export const ContextMenuRadioItem = forwardRef<
)}
{...props}
>
<span className="absolute left-2 flex h-4 w-4 items-center justify-center">
<span className="absolute left-2 flex size-4 items-center justify-center">
<ContextMenuPrimitive.ItemIndicator>
<Check size={14} className="fill-current" />
</ContextMenuPrimitive.ItemIndicator>

2
libs/ui/src/components/dialog.tsx
View File

@ -45,7 +45,7 @@ export const DialogContent = forwardRef<
>
{children}
<DialogPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-secondary focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary data-[state=open]:text-secondary-foreground">
<X className="h-4 w-4" />
<X className="size-4" />
<span className="sr-only">Close</span>
</DialogPrimitive.Close>
</DialogPrimitive.Content>

8
libs/ui/src/components/dropdown-menu.tsx
View File

@ -31,7 +31,7 @@ export const DropdownMenuSubTrigger = forwardRef<
{...props}
>
{children}
<CaretRight className="ml-auto h-4 w-4" />
<CaretRight className="ml-auto size-4" />
</DropdownMenuPrimitive.SubTrigger>
));
@ -109,9 +109,9 @@ export const DropdownMenuCheckboxItem = forwardRef<
checked={checked}
{...props}
>
<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
<span className="absolute left-2 flex size-3.5 items-center justify-center">
<DropdownMenuPrimitive.ItemIndicator>
<Check className="h-4 w-4" />
<Check className="size-4" />
</DropdownMenuPrimitive.ItemIndicator>
</span>
{children}
@ -132,7 +132,7 @@ export const DropdownMenuRadioItem = forwardRef<
)}
{...props}
>
<span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
<span className="absolute left-2 flex size-3.5 items-center justify-center">
<DropdownMenuPrimitive.ItemIndicator>
<DotOutline size={18} weight="fill" className="fill-current" />
</DropdownMenuPrimitive.ItemIndicator>

2
libs/ui/src/components/scroll-area.tsx
View File

@ -26,7 +26,7 @@ export const ScrollArea = forwardRef<
className={cn("relative overflow-hidden", className)}
{...props}
>
<ScrollAreaPrimitive.Viewport className="h-full w-full rounded-[inherit]">
<ScrollAreaPrimitive.Viewport className="size-full rounded-[inherit]">
{children}
</ScrollAreaPrimitive.Viewport>
<ScrollBar orientation={orientation} className={cn(hideScrollbar && "opacity-0")} />

6
libs/ui/src/components/select.tsx
View File

@ -23,7 +23,7 @@ export const SelectTrigger = forwardRef<
>
{children}
<SelectPrimitive.Icon asChild>
<CaretUpDown className="h-4 w-4 opacity-50" />
<CaretUpDown className="size-4 opacity-50" />
</SelectPrimitive.Icon>
</SelectPrimitive.Trigger>
));
@ -86,9 +86,9 @@ export const SelectItem = forwardRef<
)}
{...props}
>
<span className="absolute right-2 flex h-3.5 w-3.5 items-center justify-center">
<span className="absolute right-2 flex size-3.5 items-center justify-center">
<SelectPrimitive.ItemIndicator>
<Check className="h-4 w-4" />
<Check className="size-4" />
</SelectPrimitive.ItemIndicator>
</span>
<SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>

2
libs/ui/src/components/sheet.tsx
View File

@ -51,7 +51,7 @@ export const SheetContent = forwardRef<
{showClose && (
<SheetPrimitive.Close className="absolute right-4 top-4 rounded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-primary focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-secondary">
<X className="h-4 w-4" />
<X className="size-4" />
<span className="sr-only">Close</span>
</SheetPrimitive.Close>
)}

2
libs/ui/src/components/slider.tsx
View File

@ -14,7 +14,7 @@ export const Slider = forwardRef<
<SliderPrimitive.Track className="relative h-2.5 w-full grow overflow-hidden rounded-full bg-secondary">
<SliderPrimitive.Range className="absolute h-full bg-primary" />
</SliderPrimitive.Track>
<SliderPrimitive.Thumb className="block h-5 w-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
<SliderPrimitive.Thumb className="block size-5 rounded-full border-2 border-primary bg-background ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-primary focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50" />
</SliderPrimitive.Root>
));

2
libs/ui/src/components/switch.tsx
View File

@ -16,7 +16,7 @@ export const Switch = forwardRef<
>
<SwitchPrimitives.Thumb
className={cn(
"pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
"pointer-events-none block size-5 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0",
)}
/>
</SwitchPrimitives.Root>

2
libs/ui/src/components/toast.tsx
View File

@ -80,7 +80,7 @@ export const ToastClose = forwardRef<
toast-close=""
{...props}
>
<X className="h-4 w-4" />
<X className="size-4" />
</ToastPrimitives.Close>
));

2
libs/ui/src/variants/button.ts
View File

@ -20,7 +20,7 @@ export const buttonVariants = cva(
sm: "h-8 px-4 text-xs",
md: "h-9 px-5",
lg: "h-10 px-6",
icon: "h-9 w-9",
icon: "size-9",
},
},
compoundVariants: [

6
libs/ui/src/variants/toggle.ts
View File

@ -9,9 +9,9 @@ export const toggleVariants = cva(
outline: "border bg-transparent hover:bg-secondary/60 hover:text-secondary-foreground",
},
size: {
sm: "h-8 w-8",
md: "h-9 w-9",
lg: "h-10 w-10",
sm: "size-8",
md: "size-9",
lg: "size-10",
},
},
defaultVariants: {