@homebound/beam 3.75.0 → 3.75.1

package/dist/Css.json

@@ -906,7 +906,7 @@
     "br24": {"kind":"static","defs":{"borderRadius":"24px"}},
     "brt4": {"kind":"static","defs":{"borderTopRightRadius":"4px","borderTopLeftRadius":"4px"}},
     "brb4": {"kind":"static","defs":{"borderBottomRightRadius":"4px","borderBottomLeftRadius":"4px"}},
-    "layoutContainer": {"kind":"static","defs":{"width":"calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px))","left":"var(--beam-side-nav-layout-width, 0px)","position":"sticky","paddingLeft":"24px","paddingRight":"24px"}},
+    "layoutContainer": {"kind":"static","defs":{"width":"min(100%, calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)))","left":"var(--beam-side-nav-layout-width, 0px)","position":"sticky"}},
     "transition": {"kind":"static","defs":{"transition":"background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"}},
     "transitionWidth": {"kind":"static","defs":{"transition":"width 200ms cubic-bezier(0.4, 0, 0.2, 1)"}},
     "transitionOpacity": {"kind":"static","defs":{"transition":"opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"}},

package/dist/index.cjs

@@ -4228,12 +4228,12 @@ var CssBuilder = class _CssBuilder {
     return this.add("fontFamily", value);
   }
   // layoutContainer
-  /** Sets `width: "calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px))"; left: "var(--beam-side-nav-layout-width, 0px)"; position: "sticky"; paddingLeft: "24px"; paddingRight: "24px"`. */
+  /** Sets `width: "min(100%, calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)))"; left: "var(--beam-side-nav-layout-width, 0px)"; position: "sticky"`. */
   get layoutContainer() {
-    return this.add("width", "calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px))").add("left", "var(--beam-side-nav-layout-width, 0px)").add("position", "sticky").add("paddingLeft", "24px").add(
-      "paddingRight",
-      "24px"
-    );
+    return this.add(
+      "width",
+      "min(100%, calc(var(--beam-layout-viewport-width, 100vw) - var(--beam-side-nav-layout-width, 0px)))"
+    ).add("left", "var(--beam-side-nav-layout-width, 0px)").add("position", "sticky");
   }
   // animation
   /** Sets `transition: "background-color 200ms cubic-bezier(0.4, 0, 0.2, 1), border-color 200ms cubic-bezier(0.4, 0, 0.2, 1), box-shadow 200ms cubic-bezier(0.4, 0, 0.2, 1), left 200ms cubic-bezier(0.4, 0, 0.2, 1), right 200ms cubic-bezier(0.4, 0, 0.2, 1), margin 200ms cubic-bezier(0.4, 0, 0.2, 1), width 200ms cubic-bezier(0.4, 0, 0.2, 1), opacity 200ms cubic-bezier(0.4, 0, 0.2, 1)"`. */
@@ -24501,11 +24501,9 @@ function ContentHeader(props) {
     display: "df",
     flexDirection: "fdc",
     gap: "gap_12px",
-    width: "w_calc_var_beam_layout_viewport_width_100vw_var_beam_side_nav_layout_width_0px",
+    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",
-    paddingLeft: "pl_24px",
-    paddingRight: "pr_24px",
     backgroundColor: ["bgColor_var", {
       "--backgroundColor": "var(--b-surface)"
     }]