@homebound/beam 4.14.6 → 4.14.8

package/dist/index.cjs

@@ -28939,15 +28939,13 @@ var import_react_router_dom8 = require("react-router-dom");
 var import_runtime145 = require("@homebound/truss/runtime");
 var import_jsx_runtime224 = require("react/jsx-runtime");
 function TabsWithContent(props) {
-  const styles = hideTabs(props) ? {} : {
-    paddingTop: "pt3"
-  };
+  const {
+    omitTopSpacing = false,
+    ...tabProps
+  } = props;
   return /* @__PURE__ */ (0, import_jsx_runtime224.jsxs)(import_jsx_runtime224.Fragment, { children: [
-    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Tabs, { ...props }),
-    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(TabContent, { ...props, contentXss: {
-      ...styles,
-      ...props.contentXss
-    } })
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(Tabs, { ...tabProps }),
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(TabContent, { ...tabProps, omitTopSpacing: omitTopSpacing || hideTabs(props) })
   ] });
 }
 function TabContent(props) {
@@ -28955,7 +28953,8 @@ function TabContent(props) {
   const {
     tabs,
     contentXss = {},
-    omitFullBleedPadding = false
+    omitFullBleedPadding = false,
+    omitTopSpacing = false
   } = props;
   const location = (0, import_react_router_dom8.useLocation)();
   const selectedTab = isRouteTabs(props) ? props.tabs.find((t) => {
@@ -28969,7 +28968,27 @@ function TabContent(props) {
   return (
     // Using FullBleed to allow the tab's bgColor to extend to the edges of the <ScrollableContent /> element.
     // Omit the padding from `FullBleed` if the caller passes in the `paddingLeft/Right` styles.
-    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)("div", { "aria-labelledby": `${uniqueValue}-tab`, id: `${uniqueValue}-tabPanel`, role: "tabpanel", tabIndex: 0, ...tid.panel, ...(0, import_runtime145.trussProps)(contentXss), children: selectedTab.render() }) })
+    /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(FullBleed, { omitPadding: omitFullBleedPadding, children: /* @__PURE__ */ (0, import_jsx_runtime224.jsx)(
+      "div",
+      {
+        "aria-labelledby": `${uniqueValue}-tab`,
+        id: `${uniqueValue}-tabPanel`,
+        role: "tabpanel",
+        tabIndex: 0,
+        ...tid.panel,
+        ...selfTopSpaced,
+        ...(0, import_runtime145.trussProps)({
+          // Top padding, unless the first child pads its own top (e.g. sticky table actions).
+          ...{
+            ...!omitTopSpacing ? {
+              paddingTop: "n_has_data_self_top_spaced_first_child_pt3"
+            } : {}
+          },
+          ...contentXss
+        }),
+        children: selectedTab.render()
+      }
+    ) })
   );
 }
 function Tabs(props) {
@@ -30032,7 +30051,7 @@ function PageHeaderLayout(props) {
       flexShrink: "fs0",
       width: "w100"
     }), children: /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { ref: headerMetricsRef, ...(0, import_runtime156.mergeProps)(void 0, innerStyle, innerCss), ...tid.pageHeader, children: pageHeaderEl }) }),
-    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { className: "df fdc fg1 mh0 w100 first_child_n_data_self_top_spaced_mt3", ...tid.body, children })
+    /* @__PURE__ */ (0, import_jsx_runtime236.jsx)("div", { className: "df fdc fg1 mh0 w100 n_has_data_self_top_spaced_first_child_pt3", ...tid.body, children })
   ] }) });
 }