@homebound/beam 3.76.0 → 3.77.0

package/dist/index.d.cts

@@ -8586,10 +8586,13 @@ type HeaderAction = ({
     kind: "icon";
 } & Omit<IconButtonProps, "variant">);
 
-type ContentHeaderProps = {
+type ContentHeaderXss = Xss<Padding>;
+type ContentHeaderProps<X = ContentHeaderXss> = {
     title?: string;
     description?: ReactNode;
     actions?: HeaderAction[];
+    /** Style overrides for padding. */
+    xss?: X;
 };
 /**
  * Generic title/description/actions header for content sections; stays visible while the page scrolls
@@ -8603,7 +8606,7 @@ type ContentHeaderProps = {
  * so the containing block grows to match the full scrollable width — the same technique `GridTable`
  * uses internally for its own sticky columns (`src/components/Table/GridTable.tsx`).
  */
-declare function ContentHeader(props: ContentHeaderProps): JSX.Element | null;
+declare function ContentHeader<X extends Only<ContentHeaderXss, X>>(props: ContentHeaderProps<X>): JSX.Element | null;
 
 /**
  * A helper component for consistently showing helper text below form fields.

package/dist/index.d.ts

@@ -8586,10 +8586,13 @@ type HeaderAction = ({
     kind: "icon";
 } & Omit<IconButtonProps, "variant">);
 
-type ContentHeaderProps = {
+type ContentHeaderXss = Xss<Padding>;
+type ContentHeaderProps<X = ContentHeaderXss> = {
     title?: string;
     description?: ReactNode;
     actions?: HeaderAction[];
+    /** Style overrides for padding. */
+    xss?: X;
 };
 /**
  * Generic title/description/actions header for content sections; stays visible while the page scrolls
@@ -8603,7 +8606,7 @@ type ContentHeaderProps = {
  * so the containing block grows to match the full scrollable width — the same technique `GridTable`
  * uses internally for its own sticky columns (`src/components/Table/GridTable.tsx`).
  */
-declare function ContentHeader(props: ContentHeaderProps): JSX.Element | null;
+declare function ContentHeader<X extends Only<ContentHeaderXss, X>>(props: ContentHeaderProps<X>): JSX.Element | null;
 
 /**
  * A helper component for consistently showing helper text below form fields.

package/dist/index.js

@@ -24001,7 +24001,8 @@ function ContentHeader(props) {
   const {
     title,
     description,
-    actions
+    actions,
+    xss
   } = props;
   const tid = useTestIds(props, "contentHeader");
   if (!title && !description && !actions) {
@@ -24016,15 +24017,18 @@ function ContentHeader(props) {
     }]
   }), ...tid.description, children: description });
   return /* @__PURE__ */ jsxs91("div", { ...trussProps101({
-    display: "df",
-    flexDirection: "fdc",
-    gap: "gap_12px",
-    width: "w_min_100_calc_var_beam_layout_viewport_width_100vw_var_beam_side_nav_layout_width_0px",
-    left: "l_var_beam_side_nav_layout_width_0px",
-    position: "sticky",
-    backgroundColor: ["bgColor_var", {
-      "--backgroundColor": "var(--b-surface)"
-    }]
+    ...{
+      display: "df",
+      flexDirection: "fdc",
+      gap: "gap_12px",
+      width: "w_min_100_calc_var_beam_layout_viewport_width_100vw_var_beam_side_nav_layout_width_0px",
+      left: "l_var_beam_side_nav_layout_width_0px",
+      position: "sticky",
+      backgroundColor: ["bgColor_var", {
+        "--backgroundColor": "var(--b-surface)"
+      }]
+    },
+    ...xss
   }), ...tid, children: [
     /* @__PURE__ */ jsxs91("div", { className: "df aic jcsb mw0", children: [
       title ? /* @__PURE__ */ jsx187("h2", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }) : descriptionEl,