@homebound/beam 4.47.4 → 4.48.0

package/dist/index.cjs

@@ -6957,6 +6957,8 @@ function memoizedTableStyles() {
     } = props;
     const key = safeKeys(props).sort().map((k) => `${k}_${props[k]}`).join("|");
     if (!cache[key]) {
+      const borderAll = bordered === true || bordered === "all";
+      const borderTop = borderAll || bordered === "top";
       const alignItems = vAlign === "center" ? "center" : vAlign === "top" ? "flex-start" : "flex-end";
       const groupedLevels = {
         0: {
@@ -7015,7 +7017,7 @@ function memoizedTableStyles() {
               "--backgroundColor": "var(--b-surface)"
             }]
           },
-          ...bordered && {
+          ...borderAll && {
             borderLeftStyle: "bls_solid",
             borderLeftWidth: "blw_1px",
             borderRightStyle: "brs_solid",
@@ -7154,14 +7156,14 @@ function memoizedTableStyles() {
             } : {}
           }
         },
-        firstCellCss: bordered ? {
+        firstCellCss: borderAll ? {
           borderLeftStyle: "bls_solid",
           borderLeftWidth: "blw_1px",
           borderColor: ["bc_var", {
             "--borderColor": "var(--b-surface-separator)"
           }]
         } : void 0,
-        lastCellCss: bordered ? {
+        lastCellCss: borderAll ? {
           borderRightStyle: "brs_solid",
           borderRightWidth: "brw_1px",
           borderColor: ["bc_var", {
@@ -7173,7 +7175,7 @@ function memoizedTableStyles() {
             "--borderColor": "var(--b-surface-separator)"
           }]
         },
-        firstRowCellCss: bordered ? {
+        firstRowCellCss: borderTop ? {
           borderTopStyle: "bts_solid",
           borderTopWidth: "btw_1px",
           borderColor: ["bc_var", {
@@ -7188,8 +7190,8 @@ function memoizedTableStyles() {
           borderTopRightRadius: "btrr_8px"
         } : void 0,
         // Keep `betweenRowsCss` on all body rows, but on the final body row
-        // remove the inset shadow and, when bordered, replace it with a true bottom border.
-        lastRowCellCss: bordered ? {
+        // remove the inset shadow and, when fully bordered, replace it with a true bottom border.
+        lastRowCellCss: borderAll ? {
           boxShadow: "bsh0",
           borderBottomStyle: "bbs_solid",
           borderBottomWidth: "bbw_1px",
@@ -7199,11 +7201,11 @@ function memoizedTableStyles() {
         } : {
           boxShadow: "bsh0"
         },
-        // Only apply bottom corner radii to the final body-row cells when using `bordered`.
-        lastRowFirstCellCss: bordered ? {
+        // Only apply bottom corner radii to the final body-row cells when fully bordered.
+        lastRowFirstCellCss: borderAll ? {
           borderBottomLeftRadius: "bblr_8px"
         } : void 0,
-        lastRowLastCellCss: bordered ? {
+        lastRowLastCellCss: borderAll ? {
           borderBottomRightRadius: "bbrr_8px"
         } : void 0,
         presentationSettings: {
@@ -28392,6 +28394,7 @@ function GridTableLayoutComponent(props) {
   const rightPane = resolveWithRightPaneOptions(withRightPane);
   const tid = useTestIds(props);
   const host = useGridTableLayoutHost();
+  const insetHandled = useContentInsetHandled();
   const includeColumnGutters = host.kind === "document-scroll" || host.kind === "modal";
   const columns = tableProps.columns;
   const hasHideableColumns = (0, import_react142.useMemo)(() => {
@@ -28450,7 +28453,7 @@ function GridTableLayoutComponent(props) {
     }
   );
   const cardAs = view === "card" ? "card" : void 0;
-  const tableStyle = (0, import_react142.useMemo)(() => getDefaultStyle(tableProps.style), [tableProps.style]);
+  const tableStyle = (0, import_react142.useMemo)(() => getDefaultStyle(tableProps.style, insetHandled), [tableProps.style, insetHandled]);
   const tableBody = /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(import_jsx_runtime204.Fragment, { children: isGridTableProps(tableProps) ? /* @__PURE__ */ (0, import_jsx_runtime204.jsx)(
     GridTable,
     {
@@ -28493,9 +28496,9 @@ function GridTableLayoutComponent(props) {
   );
 }
 var GridTableLayout = import_react142.default.memo(GridTableLayoutComponent);
-function getDefaultStyle(style) {
+function getDefaultStyle(style, insetHandled) {
   if (style !== void 0 && !isGridStyleDef(style)) return style;
-  return { allWhite: true, ...style };
+  return { allWhite: true, ...!insetHandled && { bordered: "top" }, ...style };
 }
 function validateColumns(columns) {
   for (const col of columns) {