@homebound/beam 4.30.0 → 4.31.0

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.cjs CHANGED
@@ -17310,6 +17310,7 @@ function EntityLockup(props) {
17310
17310
  const {
17311
17311
  imgSrc,
17312
17312
  title,
17313
+ eyebrow,
17313
17314
  description,
17314
17315
  right,
17315
17316
  compact = false
@@ -17317,10 +17318,13 @@ function EntityLockup(props) {
17317
17318
  const tid = useTestIds(props, "entityLockup");
17318
17319
  const styles = compact ? compactStyles : defaultStyles;
17319
17320
  return /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ...(0, import_runtime69.trussProps)(styles.container), ...tid, children: [
17320
- /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.image), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: imgSrc, alt: "", loading: "lazy", className: "w100 h100 obf_cover db", ...tid.image }) }),
17321
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.image), children: /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("img", { src: imgSrc, alt: title, loading: "lazy", className: "w100 h100 obf_cover db", ...tid.image }) }),
17321
17322
  /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ...(0, import_runtime69.trussProps)(styles.body), children: [
17322
17323
  /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ...(0, import_runtime69.trussProps)(styles.text), children: [
17323
- /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.title), ...tid.title, children: title }),
17324
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsxs)("div", { ...(0, import_runtime69.trussProps)(styles.heading), children: [
17325
+ isDefined(eyebrow) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.eyebrow), ...tid.eyebrow, children: eyebrow }),
17326
+ /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.title), ...tid.title, children: title })
17327
+ ] }),
17324
17328
  isDefined(description) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.description), ...tid.description, children: description })
17325
17329
  ] }),
17326
17330
  isDefined(right) && /* @__PURE__ */ (0, import_jsx_runtime92.jsx)("div", { ...(0, import_runtime69.trussProps)(styles.right), ...tid.right, children: right })
@@ -17363,6 +17367,19 @@ var defaultStyles = {
17363
17367
  flexGrow: "fg1",
17364
17368
  gap: "g_1"
17365
17369
  },
17370
+ heading: {
17371
+ display: "df",
17372
+ flexDirection: "fdc",
17373
+ gap: "g_2px"
17374
+ },
17375
+ eyebrow: {
17376
+ fontWeight: "fw4",
17377
+ fontSize: "fz_14px",
17378
+ lineHeight: "lh_20px",
17379
+ color: ["color_var", {
17380
+ "--color": "var(--b-on-surface)"
17381
+ }]
17382
+ },
17366
17383
  title: {
17367
17384
  fontWeight: "fw6",
17368
17385
  fontSize: "fz_14px",
@@ -17430,6 +17447,18 @@ var compactStyles = {
17430
17447
  gap: "g_2px",
17431
17448
  paddingTop: "pt_4px"
17432
17449
  },
17450
+ heading: {
17451
+ display: "df",
17452
+ flexDirection: "fdc"
17453
+ },
17454
+ eyebrow: {
17455
+ fontWeight: "fw4",
17456
+ fontSize: "fz_12px",
17457
+ lineHeight: "lh_16px",
17458
+ color: ["color_var", {
17459
+ "--color": "var(--b-on-surface)"
17460
+ }]
17461
+ },
17433
17462
  title: {
17434
17463
  fontWeight: "fw6",
17435
17464
  fontSize: "fz_12px",