@hilum/ui 2.1.1 → 2.1.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.js +12 -12
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
- package/src/components/account-menu.tsx +12 -12
package/package.json
CHANGED
|
@@ -17,7 +17,7 @@ const AccountMenuContent = React.forwardRef<
|
|
|
17
17
|
ref={ref}
|
|
18
18
|
sideOffset={sideOffset}
|
|
19
19
|
className={cn(
|
|
20
|
-
"w-
|
|
20
|
+
"w-72 overflow-hidden rounded-xl border border-border bg-card p-0 text-foreground shadow-elevated",
|
|
21
21
|
className,
|
|
22
22
|
)}
|
|
23
23
|
{...props}
|
|
@@ -37,17 +37,17 @@ const AccountMenuHeader = React.forwardRef<HTMLDivElement, AccountMenuHeaderProp
|
|
|
37
37
|
({ name, email, avatarSrc, avatarAlt, fallback, className, ...props }, ref) => (
|
|
38
38
|
<div
|
|
39
39
|
ref={ref}
|
|
40
|
-
className={cn("flex flex-col items-center px-
|
|
40
|
+
className={cn("flex flex-col items-center px-5 py-5 text-center", className)}
|
|
41
41
|
{...props}
|
|
42
42
|
>
|
|
43
|
-
<Avatar size="
|
|
43
|
+
<Avatar size="lg" className="mb-3">
|
|
44
44
|
{avatarSrc && <AvatarImage src={avatarSrc} alt={avatarAlt ?? ""} />}
|
|
45
|
-
<AvatarFallback className="bg-brand-primary text-
|
|
45
|
+
<AvatarFallback className="bg-brand-primary text-primary-foreground">
|
|
46
46
|
{fallback}
|
|
47
47
|
</AvatarFallback>
|
|
48
48
|
</Avatar>
|
|
49
|
-
<p className="body
|
|
50
|
-
{email && <p className="
|
|
49
|
+
<p className="body font-medium leading-tight text-foreground">{name}</p>
|
|
50
|
+
{email && <p className="caption text-muted-foreground">{email}</p>}
|
|
51
51
|
</div>
|
|
52
52
|
),
|
|
53
53
|
);
|
|
@@ -55,7 +55,7 @@ AccountMenuHeader.displayName = "AccountMenuHeader";
|
|
|
55
55
|
|
|
56
56
|
const AccountMenuSection = React.forwardRef<HTMLDivElement, React.ComponentProps<"div">>(
|
|
57
57
|
({ className, ...props }, ref) => (
|
|
58
|
-
<div ref={ref} className={cn("p-
|
|
58
|
+
<div ref={ref} className={cn("p-2", className)} {...props} />
|
|
59
59
|
),
|
|
60
60
|
);
|
|
61
61
|
AccountMenuSection.displayName = "AccountMenuSection";
|
|
@@ -74,22 +74,22 @@ const AccountMenuItem = React.forwardRef<
|
|
|
74
74
|
<DropdownMenuItem
|
|
75
75
|
ref={ref}
|
|
76
76
|
className={cn(
|
|
77
|
-
"min-h-
|
|
77
|
+
"min-h-10 rounded-md px-2.5 py-2",
|
|
78
78
|
"group",
|
|
79
79
|
destructive
|
|
80
80
|
? "text-destructive focus:bg-destructive/10 focus:text-destructive"
|
|
81
81
|
: "text-foreground focus:bg-muted focus:text-foreground",
|
|
82
82
|
"data-[disabled]:opacity-40",
|
|
83
|
-
"[&_svg:not([class*='size-'])]:size-
|
|
83
|
+
"[&_svg:not([class*='size-'])]:size-4",
|
|
84
84
|
className,
|
|
85
85
|
)}
|
|
86
86
|
{...props}
|
|
87
87
|
>
|
|
88
|
-
{icon && <span className="flex size-
|
|
88
|
+
{icon && <span className="flex size-5 shrink-0 items-center justify-center">{icon}</span>}
|
|
89
89
|
<span className="flex min-w-0 flex-1 flex-col">
|
|
90
|
-
<span className="body
|
|
90
|
+
<span className="body truncate font-medium leading-tight">{children}</span>
|
|
91
91
|
{description && (
|
|
92
|
-
<span className="
|
|
92
|
+
<span className="caption truncate font-normal text-muted-foreground group-focus:text-muted-foreground">
|
|
93
93
|
{description}
|
|
94
94
|
</span>
|
|
95
95
|
)}
|