@xenide-io/the-old-ui-theme 0.9.3 → 0.9.4

package/dist/suite.js

@@ -2750,13 +2750,13 @@ function SuiteUserMenu({
   const router = (0, import_navigation2.useRouter)();
   const initials = fallbackInitials != null ? fallbackInitials : computeInitials(name, email);
   const fallbackColor = avatarColorClass(email || name || "?");
-  const avatar = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "inline-flex h-10 w-10 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
+  const avatar = /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "inline-flex h-10 w-10 items-center justify-center", children: /* @__PURE__ */ (0, import_jsx_runtime18.jsx)("span", { className: "inline-flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ (0, import_jsx_runtime18.jsx)(
     import_image2.default,
     {
       src: image,
       alt: "",
-      width: 40,
-      height: 40,
+      width: 32,
+      height: 32,
       className: "h-full w-full object-cover",
       unoptimized: true
     }
@@ -2764,12 +2764,12 @@ function SuiteUserMenu({
     "span",
     {
       className: cn(
-        "flex h-full w-full items-center justify-center text-sm font-semibold",
+        "flex h-full w-full items-center justify-center text-xs font-semibold",
         fallbackColor
       ),
       children: initials
     }
-  ) });
+  ) }) });
   const accountMenu = /* @__PURE__ */ (0, import_jsx_runtime18.jsxs)(
     DropdownMenu,
     {

package/dist/suite.mjs

@@ -1906,13 +1906,13 @@ function SuiteUserMenu({
   const router = useRouter2();
   const initials = fallbackInitials != null ? fallbackInitials : computeInitials(name, email);
   const fallbackColor = avatarColorClass(email || name || "?");
-  const avatar = /* @__PURE__ */ jsx13("span", { className: "inline-flex h-10 w-10 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ jsx13(
+  const avatar = /* @__PURE__ */ jsx13("span", { className: "inline-flex h-10 w-10 items-center justify-center", children: /* @__PURE__ */ jsx13("span", { className: "inline-flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border border-ph-border", children: image ? /* @__PURE__ */ jsx13(
     Image2,
     {
       src: image,
       alt: "",
-      width: 40,
-      height: 40,
+      width: 32,
+      height: 32,
       className: "h-full w-full object-cover",
       unoptimized: true
     }
@@ -1920,12 +1920,12 @@ function SuiteUserMenu({
     "span",
     {
       className: cn2(
-        "flex h-full w-full items-center justify-center text-sm font-semibold",
+        "flex h-full w-full items-center justify-center text-xs font-semibold",
         fallbackColor
       ),
       children: initials
     }
-  ) });
+  ) }) });
   const accountMenu = /* @__PURE__ */ jsxs11(
     DropdownMenu,
     {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@xenide-io/the-old-ui-theme",
-  "version": "0.9.3",
+  "version": "0.9.4",
   "description": "Props-driven React components and theme tokens inspired by classic interface design — optimized for Next.js apps and internal tools.",
   "author": "Xenide",
   "license": "MIT",

package/src/suite/components/suite-user-menu.tsx

@@ -82,28 +82,31 @@ export function SuiteUserMenu({
   const initials = fallbackInitials ?? computeInitials(name, email);
   const fallbackColor = avatarColorClass(email || name || "?");
 
-  // Match Tides Avatar `sm` (40px). Colour comes from theme `--ph-*` tokens.
+  // Visual avatar is 32px (Avatar `xs`); the 40px trigger keeps a comfortable
+  // tap target. Colour comes from theme `--ph-*` tokens.
   const avatar = (
-    <span className="inline-flex h-10 w-10 items-center justify-center overflow-hidden rounded-full border border-ph-border">
-      {image ? (
-        <Image
-          src={image}
-          alt=""
-          width={40}
-          height={40}
-          className="h-full w-full object-cover"
-          unoptimized
-        />
-      ) : (
-        <span
-          className={cn(
-            "flex h-full w-full items-center justify-center text-sm font-semibold",
-            fallbackColor,
-          )}
-        >
-          {initials}
-        </span>
-      )}
+    <span className="inline-flex h-10 w-10 items-center justify-center">
+      <span className="inline-flex h-8 w-8 items-center justify-center overflow-hidden rounded-full border border-ph-border">
+        {image ? (
+          <Image
+            src={image}
+            alt=""
+            width={32}
+            height={32}
+            className="h-full w-full object-cover"
+            unoptimized
+          />
+        ) : (
+          <span
+            className={cn(
+              "flex h-full w-full items-center justify-center text-xs font-semibold",
+              fallbackColor,
+            )}
+          >
+            {initials}
+          </span>
+        )}
+      </span>
     </span>
   );