@homebound/beam 4.11.0 → 4.11.2

package/dist/index.cjs

@@ -302,6 +302,8 @@ __export(index_exports, {
   emptyCell: () => emptyCell,
   ensureClientSideSortValueIsSortable: () => ensureClientSideSortValueIsSortable,
   environmentBannerSizePx: () => environmentBannerSizePx,
+  fieldCell: () => fieldCell,
+  fieldColumn: () => fieldColumn,
   filterTestIdPrefix: () => filterTestIdPrefix,
   formatDate: () => formatDate,
   formatDateRange: () => formatDateRange,
@@ -5905,6 +5907,7 @@ var nonKindGridColumnKeys = [
   "border",
   "wrapAction",
   "isAction",
+  "isField",
   "isLayoutGutter",
   "id",
   "canHide",
@@ -6139,11 +6142,14 @@ function variantStyles(variant, {
         }]
       },
       hover: {
-        backgroundColor: "bgBlue100",
-        borderColor: "bcBlue200"
+        backgroundColor: ["bgColor_var", {
+          "--backgroundColor": "var(--b-surface-raised-hover)"
+        }]
       },
       focus: {
-        backgroundColor: "bgBlue100",
+        backgroundColor: ["bgColor_var", {
+          "--backgroundColor": "var(--b-surface-raised-hover)"
+        }],
         borderColor: ["bc_var", {
           "--borderColor": "var(--b-field-border-focus)"
         }]
@@ -8404,6 +8410,14 @@ function numericColumn(columnDef) {
     align: "right"
   };
 }
+function fieldColumn(columnDef) {
+  return {
+    canHide: true,
+    initHidden: false,
+    ...columnDef,
+    isField: true
+  };
+}
 function actionColumn(columnDef) {
   return {
     clientSideSort: false,
@@ -9616,7 +9630,14 @@ function memoizedTableStyles() {
           backgroundColor: ["bgColor_var", {
             "--backgroundColor": (0, import_runtime20.maybeCssVar)("rgba(239, 246, 255, 1)" /* Blue50 */)
           }]
-        }
+        },
+        // A compact field is 8px of its own padding and border; 4px here matches a text cell's 12px inset.
+        ...rowHeight === "flexible" ? {
+          fieldCellCss: {
+            paddingTop: "pt_4px",
+            paddingBottom: "pb_4px"
+          }
+        } : {}
       };
     }
     return cache[key];
@@ -9702,6 +9723,8 @@ var cardStyle = {
     }
   },
   rowHoverColor: "none",
+  // Cards use their own cell padding; don't inherit flexible-row field padding.
+  fieldCellCss: void 0,
   // this will allow having N amount of nested childs without having to define each level margin
   levels: (level) => ({
     rowIndent: level > 0 ? 24 * level : void 0
@@ -9758,6 +9781,18 @@ var import_react_aria7 = require("react-aria");
 var import_react_router_dom2 = require("react-router-dom");
 var import_runtime21 = require("@homebound/truss/runtime");
 var import_jsx_runtime26 = require("react/jsx-runtime");
+function fieldCell(cell) {
+  if (typeof cell === "object" && cell !== null && "content" in cell) {
+    return {
+      ...cell,
+      field: true
+    };
+  }
+  return {
+    content: cell,
+    field: true
+  };
+}
 var defaultRenderFn = (as, colSpan) => (key, css2, content2, row, rowStyle, classNames, onClick, tooltip) => {
   const Cell = as === "table" ? "td" : "div";
   return /* @__PURE__ */ (0, import_jsx_runtime26.jsx)(Cell, { ...(0, import_runtime21.mergeProps)(classNames, void 0, {
@@ -10377,6 +10412,7 @@ function RowImpl(props) {
       ...isGridCellContent(maybeContent) && maybeContent.typeScale ? {
         ...__typography2[maybeContent.typeScale] ?? {}
       } : {},
+      ...isBodyRow && (column2.isField || isGridCellContent(maybeContent) && maybeContent.field) && style.fieldCellCss,
       // And any cell specific css
       ...isGridCellContent(maybeContent) && maybeContent.css ? maybeContent.css : {},
       // Apply kept last row styling per-cell
@@ -30491,6 +30527,8 @@ var togglePressStyles = {
   emptyCell,
   ensureClientSideSortValueIsSortable,
   environmentBannerSizePx,
+  fieldCell,
+  fieldColumn,
   filterTestIdPrefix,
   formatDate,
   formatDateRange,