@homebound/beam 4.30.0 → 4.31.0

package/dist/index.d.cts

@@ -8179,6 +8179,8 @@ type EntityLockupProps = {
     /** Thumbnail image URL. */
     imgSrc: string;
     title: string;
+    /** Short line above the title, e.g. a brand. */
+    eyebrow?: ReactNode;
     /** Secondary content under the title; can include extra rows like a status. */
     description?: ReactNode;
     /** Trailing content aligned to the right, e.g. a Tag and price. */

package/dist/index.d.ts

@@ -8179,6 +8179,8 @@ type EntityLockupProps = {
     /** Thumbnail image URL. */
     imgSrc: string;
     title: string;
+    /** Short line above the title, e.g. a brand. */
+    eyebrow?: ReactNode;
     /** Secondary content under the title; can include extra rows like a status. */
     description?: ReactNode;
     /** Trailing content aligned to the right, e.g. a Tag and price. */

package/dist/index.js

@@ -16819,6 +16819,7 @@ function EntityLockup(props) {
   const {
     imgSrc,
     title,
+    eyebrow,
     description,
     right,
     compact = false
@@ -16826,10 +16827,13 @@ function EntityLockup(props) {
   const tid = useTestIds(props, "entityLockup");
   const styles = compact ? compactStyles : defaultStyles;
   return /* @__PURE__ */ jsxs57("div", { ...trussProps59(styles.container), ...tid, children: [
-    /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.image), children: /* @__PURE__ */ jsx92("img", { src: imgSrc, alt: "", loading: "lazy", className: "w100 h100 obf_cover db", ...tid.image }) }),
+    /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.image), children: /* @__PURE__ */ jsx92("img", { src: imgSrc, alt: title, loading: "lazy", className: "w100 h100 obf_cover db", ...tid.image }) }),
     /* @__PURE__ */ jsxs57("div", { ...trussProps59(styles.body), children: [
       /* @__PURE__ */ jsxs57("div", { ...trussProps59(styles.text), children: [
-        /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.title), ...tid.title, children: title }),
+        /* @__PURE__ */ jsxs57("div", { ...trussProps59(styles.heading), children: [
+          isDefined(eyebrow) && /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.eyebrow), ...tid.eyebrow, children: eyebrow }),
+          /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.title), ...tid.title, children: title })
+        ] }),
         isDefined(description) && /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.description), ...tid.description, children: description })
       ] }),
       isDefined(right) && /* @__PURE__ */ jsx92("div", { ...trussProps59(styles.right), ...tid.right, children: right })
@@ -16872,6 +16876,19 @@ var defaultStyles = {
     flexGrow: "fg1",
     gap: "g_1"
   },
+  heading: {
+    display: "df",
+    flexDirection: "fdc",
+    gap: "g_2px"
+  },
+  eyebrow: {
+    fontWeight: "fw4",
+    fontSize: "fz_14px",
+    lineHeight: "lh_20px",
+    color: ["color_var", {
+      "--color": "var(--b-on-surface)"
+    }]
+  },
   title: {
     fontWeight: "fw6",
     fontSize: "fz_14px",
@@ -16939,6 +16956,18 @@ var compactStyles = {
     gap: "g_2px",
     paddingTop: "pt_4px"
   },
+  heading: {
+    display: "df",
+    flexDirection: "fdc"
+  },
+  eyebrow: {
+    fontWeight: "fw4",
+    fontSize: "fz_12px",
+    lineHeight: "lh_16px",
+    color: ["color_var", {
+      "--color": "var(--b-on-surface)"
+    }]
+  },
   title: {
     fontWeight: "fw6",
     fontSize: "fz_12px",