@landtrustinc/design-system 1.2.8 → 1.2.9

package/dist/index.d.ts

@@ -2026,7 +2026,7 @@ type PackageHeaderProps = {
 declare const PackageHeader: FC<PackageHeaderProps>;
 
 type ReviewReplyProps = {
-    avatarSrc: string;
+    avatarSrc?: string;
     name: string;
     date: string;
     content: string;
@@ -2131,7 +2131,7 @@ type TagChipProps = HTMLAttributes<HTMLSpanElement> & {
 declare const TagChip: FC<PropsWithChildren<TagChipProps>>;
 
 type UserCardProps = {
-    avatarSrc: string;
+    avatarSrc?: string;
     title: string;
     subtitle?: string;
     rating?: number;

package/dist/index.js

@@ -7570,7 +7570,15 @@ var UserCard = ({
       gap: "var(--spacing-4)",
       className,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Avatar_default, { type: "image", src: avatarSrc, alt: `${title}'s avatar` }),
+        /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(
+          Avatar_default,
+          {
+            type: avatarSrc ? "image" : "text",
+            src: avatarSrc,
+            text: title,
+            alt: `${title}'s avatar`
+          }
+        ),
         /* @__PURE__ */ (0, import_jsx_runtime239.jsxs)(Box_default, { display: "flex", flexDirection: "column", gap: "2px", children: [
           /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "md", fontWeight: "bold", children: title }),
           subtitle && /* @__PURE__ */ (0, import_jsx_runtime239.jsx)(Text_default, { size: "sm", color: "text-secondary", children: subtitle }),
@@ -7587,6 +7595,7 @@ var import_react48 = require("@emotion/react");
 var imageStyles3 = import_react48.css`
   flex: 1;
   min-width: 0;
+  max-width: 100%;
   aspect-ratio: 1;
   border-radius: var(--spacing-2);
   object-fit: cover;