@homebound/beam 3.41.0 → 3.42.1

package/dist/index.cjs

@@ -16673,66 +16673,71 @@ function TableCardView(props) {
   } = props;
   const tid = useTestIds(props, "tableCardView");
   const progressValue = (0, import_react81.useMemo)(() => 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__ */ (0, import_jsx_runtime86.jsxs)("div", { ...(0, import_runtime55.trussProps)({
     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__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "relative", children: [
       /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("img", { className: "h_184px w100 objectFit_cover", src: imgSrc, alt: title, ...tid.image }),
       status && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "absolute top1 left1", ...tid.status, children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Tag, { ...status }) })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df fdc gap2", children: [
+    /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df fdc gap2 jcsb h100", children: [
       /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { children: [
         eyebrow && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("p", { className: "fw4 fz_14px lh_20px", ...tid.eyebrow, children: eyebrow }),
         title && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "dif w100 jcsb aic", children: [
-          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("h4", { className: "fwb fz_20px lh_28px", ...tid.title, children: [
-            title,
-            " "
-          ] }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("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__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "dif aic gap1 fs0", ...tid.badge, children: [
             badge && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("span", { className: "fw4 fz_14px lh_20px wsnw", children: badge }),
             badgeTags?.map((tag) => /* @__PURE__ */ (0, import_jsx_runtime86.jsx)(Tag, { ...tag }, tag.text))
           ] })
         ] })
       ] }),
-      data && data?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dl", { className: "dg gtc_repeat_2_minmax_0_1fr fw4 fz_14px lh_20px", children: data.map((d, idx) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { ...(0, import_runtime55.trussProps)({
-        display: "df",
-        gap: "gap_4px",
-        gridColumn: ["gc_var", {
-          "--gridColumn": (0, import_runtime55.maybeCssVar)(idx % 2 + 1)
-        }]
-      }), ...tid[defaultTestId(d.label)], children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("dt", { children: [
-          d.label,
-          ":"
+      /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df fdc gap2", children: [
+        data && data?.length > 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("dl", { className: "df gap2 fw4 fz_14px lh_20px", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "df fdc fg1", children: col1.map((d) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df gap_4px", ...tid[defaultTestId(d.label)], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("dt", { children: [
+              d.label,
+              ":"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dd", { children: d.value })
+          ] }, d.label)) }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "df fdc fg1", children: col2.map((d) => /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df gap_4px", ...tid[defaultTestId(d.label)], children: [
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("dt", { children: [
+              d.label,
+              ":"
+            ] }),
+            /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dd", { children: d.value })
+          ] }, d.label)) })
         ] }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("dd", { children: d.value })
-      ] }, d.label)) }),
-      progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "df fdc gap1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df aic gap1 fs_10px lh_14px", children: [
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w25 h_8px br4 bgGray200", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ...(0, import_runtime55.trussProps)({
-          height: "h100",
-          borderRadius: "br4",
-          backgroundColor: "bgBlue500",
-          width: ["w_var", {
-            "--width": (0, import_runtime55.maybeCssVar)(__maybeInc10(`${progressValue}%`))
-          }]
-        }) }) }),
-        /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { ...tid.progressValue, children: [
-          progressValue,
-          "%"
-        ] })
-      ] }) })
+        progress !== void 0 && /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "df fdc gap1", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("div", { className: "df aic gap1 fs_10px lh_14px", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { className: "w25 h_8px br4 bgGray200", children: /* @__PURE__ */ (0, import_jsx_runtime86.jsx)("div", { ...(0, import_runtime55.trussProps)({
+            height: "h100",
+            borderRadius: "br4",
+            backgroundColor: "bgBlue500",
+            width: ["w_var", {
+              "--width": (0, import_runtime55.maybeCssVar)(__maybeInc10(`${progressValue}%`))
+            }]
+          }) }) }),
+          /* @__PURE__ */ (0, import_jsx_runtime86.jsxs)("span", { ...tid.progressValue, children: [
+            progressValue,
+            "%"
+          ] })
+        ] }) })
+      ] })
     ] })
   ] });
 }
@@ -22127,7 +22132,7 @@ function getPrimaryStyles(type) {
         },
         iconColor: "rgba(37, 99, 235, 1)" /* Blue600 */
       };
-    case "caution":
+    case "update":
       return {
         background: {
           backgroundColor: "bgYellow200"
@@ -22137,14 +22142,21 @@ function getPrimaryStyles(type) {
     case "warning":
       return {
         background: {
-          backgroundColor: "bgRed200"
+          backgroundColor: "bgOrange100"
+        },
+        iconColor: "rgba(194, 65, 12, 1)" /* Orange700 */
+      };
+    case "error":
+      return {
+        background: {
+          backgroundColor: "bgRed100"
         },
         iconColor: "rgba(194, 65, 12, 1)" /* Orange700 */
       };
     case "success":
       return {
         background: {
-          backgroundColor: "bgGreen200"
+          backgroundColor: "bgGreen100"
         },
         iconColor: "rgba(5, 150, 105, 1)" /* Green600 */
       };