@homebound/beam 3.41.0 → 3.42.0

package/dist/index.js

@@ -16210,66 +16210,71 @@ function TableCardView(props) {
   } = props;
   const tid = useTestIds(props, "tableCardView");
   const progressValue = useMemo26(() => progress !== void 0 ? clampProgress(progress) : 0, [progress]);
+  const col1 = data.slice(0, Math.ceil(data.length / 2));
+  const col2 = data.slice(Math.ceil(data.length / 2));
   return /* @__PURE__ */ jsxs50("div", { ...trussProps51({
     paddingTop: "pt3",
     paddingBottom: "pb3",
     paddingRight: "pr3",
     paddingLeft: "pl3",
     width: "w100",
-    height: "h100",
+    height: "h_430px",
     boxShadow: "bshBasic",
     backgroundColor: ["bgColor_var", {
       "--backgroundColor": "var(--b-surface)"
     }],
     display: "df",
     flexDirection: "fdc",
-    gap: "gap2"
+    gap: "gap2",
+    borderRadius: "br8"
   }), ...tid, children: [
     /* @__PURE__ */ jsxs50("div", { className: "relative", children: [
       /* @__PURE__ */ jsx86("img", { className: "h_184px w100 objectFit_cover", src: imgSrc, alt: title, ...tid.image }),
       status && /* @__PURE__ */ jsx86("div", { className: "absolute top1 left1", ...tid.status, children: /* @__PURE__ */ jsx86(Tag, { ...status }) })
     ] }),
-    /* @__PURE__ */ jsxs50("div", { className: "df fdc gap2", children: [
+    /* @__PURE__ */ jsxs50("div", { className: "df fdc gap2 jcsb h100", children: [
       /* @__PURE__ */ jsxs50("div", { children: [
         eyebrow && /* @__PURE__ */ jsx86("p", { className: "fw4 fz_14px lh_20px", ...tid.eyebrow, children: eyebrow }),
         title && /* @__PURE__ */ jsxs50("div", { className: "dif w100 jcsb aic", children: [
-          /* @__PURE__ */ jsxs50("h4", { className: "fwb fz_20px lh_28px", ...tid.title, children: [
-            title,
-            " "
-          ] }),
+          /* @__PURE__ */ jsx86("h4", { className: "fwb fz_20px lh_28px oh d_negwebkit_box wbo_vertical to_ellipsis wlc_2", ...tid.title, children: title }),
           (badge || badgeTags?.length) && /* @__PURE__ */ jsxs50("div", { className: "dif aic gap1 fs0", ...tid.badge, children: [
             badge && /* @__PURE__ */ jsx86("span", { className: "fw4 fz_14px lh_20px wsnw", children: badge }),
             badgeTags?.map((tag) => /* @__PURE__ */ jsx86(Tag, { ...tag }, tag.text))
           ] })
         ] })
       ] }),
-      data && data?.length > 0 && /* @__PURE__ */ jsx86("dl", { className: "dg gtc_repeat_2_minmax_0_1fr fw4 fz_14px lh_20px", children: data.map((d, idx) => /* @__PURE__ */ jsxs50("div", { ...trussProps51({
-        display: "df",
-        gap: "gap_4px",
-        gridColumn: ["gc_var", {
-          "--gridColumn": maybeCssVar30(idx % 2 + 1)
-        }]
-      }), ...tid[defaultTestId(d.label)], children: [
-        /* @__PURE__ */ jsxs50("dt", { children: [
-          d.label,
-          ":"
+      /* @__PURE__ */ jsxs50("div", { className: "df fdc gap2", children: [
+        data && data?.length > 0 && /* @__PURE__ */ jsxs50("dl", { className: "df gap2 fw4 fz_14px lh_20px", children: [
+          /* @__PURE__ */ jsx86("div", { className: "df fdc fg1", children: col1.map((d) => /* @__PURE__ */ jsxs50("div", { className: "df gap_4px", ...tid[defaultTestId(d.label)], children: [
+            /* @__PURE__ */ jsxs50("dt", { children: [
+              d.label,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx86("dd", { children: d.value })
+          ] }, d.label)) }),
+          /* @__PURE__ */ jsx86("div", { className: "df fdc fg1", children: col2.map((d) => /* @__PURE__ */ jsxs50("div", { className: "df gap_4px", ...tid[defaultTestId(d.label)], children: [
+            /* @__PURE__ */ jsxs50("dt", { children: [
+              d.label,
+              ":"
+            ] }),
+            /* @__PURE__ */ jsx86("dd", { children: d.value })
+          ] }, d.label)) })
         ] }),
-        /* @__PURE__ */ jsx86("dd", { children: d.value })
-      ] }, d.label)) }),
-      progress !== void 0 && /* @__PURE__ */ jsx86("div", { className: "df fdc gap1", children: /* @__PURE__ */ jsxs50("div", { className: "df aic gap1 fs_10px lh_14px", children: [
-        /* @__PURE__ */ jsx86("div", { className: "w25 h_8px br4 bgGray200", children: /* @__PURE__ */ jsx86("div", { ...trussProps51({
-          height: "h100",
-          borderRadius: "br4",
-          backgroundColor: "bgBlue500",
-          width: ["w_var", {
-            "--width": maybeCssVar30(__maybeInc10(`${progressValue}%`))
-          }]
-        }) }) }),
-        /* @__PURE__ */ jsxs50("span", { ...tid.progressValue, children: [
-          progressValue,
-          "%"
-        ] })
-      ] }) })
+        progress !== void 0 && /* @__PURE__ */ jsx86("div", { className: "df fdc gap1", children: /* @__PURE__ */ jsxs50("div", { className: "df aic gap1 fs_10px lh_14px", children: [
+          /* @__PURE__ */ jsx86("div", { className: "w25 h_8px br4 bgGray200", children: /* @__PURE__ */ jsx86("div", { ...trussProps51({
+            height: "h100",
+            borderRadius: "br4",
+            backgroundColor: "bgBlue500",
+            width: ["w_var", {
+              "--width": maybeCssVar30(__maybeInc10(`${progressValue}%`))
+            }]
+          }) }) }),
+          /* @__PURE__ */ jsxs50("span", { ...tid.progressValue, children: [
+            progressValue,
+            "%"
+          ] })
+        ] }) })
+      ] })
     ] })
   ] });
 }