@homebound/beam 2.417.10 → 2.417.11

package/dist/index.js

@@ -9618,7 +9618,7 @@ var disabledSelectedBoxStyles = Css.bgGray400.bcGray400.$;
 var disabledColor = Css.gray300.$;
 var focusRingStyles = Css.bshFocus.$;
 var hoverBorderStyles = Css.bcBlue900.$;
-var markStyles = { ">svg": Css.absolute.topPx(-1).leftPx(-1).$ };
+var markSvgStyles = Css.absolute.topPx(-1).leftPx(-1).$;
 var labelStyles = Css.sm.$;
 var descStyles = Css.sm.gray700.$;
 function StyledCheckbox(props) {
@@ -9637,8 +9637,7 @@ function StyledCheckbox(props) {
         ...isDisabled && disabledBoxStyles,
         ...isDisabled && isSelected && disabledSelectedBoxStyles,
         ...isFocusVisible && focusRingStyles,
-        ...isHovered && hoverBorderStyles,
-        ...markStyles
+        ...isHovered && hoverBorderStyles
       },
       "aria-hidden": "true",
       "data-checked": isSelected ? true : isIndeterminate ? "mixed" : false,
@@ -9647,14 +9646,14 @@ function StyledCheckbox(props) {
     }
   );
 }
-var checkmarkSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", children: /* @__PURE__ */ jsx49(
+var checkmarkSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", css: markSvgStyles, children: /* @__PURE__ */ jsx49(
   "path",
   {
     d: "M6.66669 10.3907L4.47135 8.19533L3.52869 9.138L6.66669 12.276L13.138 5.80467L12.1954 4.862L6.66669 10.3907Z",
     fill: "rgba(255,255,255,1)" /* White */
   }
 ) });
-var dashSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", children: /* @__PURE__ */ jsx49("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: "rgba(255,255,255,1)" /* White */ }) });
+var dashSmall = /* @__PURE__ */ jsx49("svg", { width: "16", height: "16", css: markSvgStyles, children: /* @__PURE__ */ jsx49("rect", { x: "4", y: "7.5", width: "8", height: "1.35", fill: "rgba(255,255,255,1)" /* White */ }) });
 
 // src/inputs/TreeSelectField/TreeOption.tsx
 import { jsx as jsx50, jsxs as jsxs33 } from "@emotion/react/jsx-runtime";
@@ -15578,30 +15577,17 @@ function FormLines(props) {
     ..."labelLeftFieldWidth" in props ? { labelLeftFieldWidth } : {},
     ...width2 === "full" ? { fullWidth: true } : {}
   };
-  return /* @__PURE__ */ jsx114(PresentationProvider, { fieldProps: newFieldProps, children: /* @__PURE__ */ jsx114(
-    "div",
-    {
-      css: {
-        // Note that we're purposefully not using display:flex so that our children's margins will collapse.
-        ...Css.w(sizes[width2]).$
-      },
-      children: Children.map(children, (child) => {
-        if (child === null || child === void 0 || typeof child === "boolean") {
-          return child;
-        }
-        if (child && typeof child === "object" && "type" in child && child.type.isFormHeading) {
-          const clone = cloneElement(child, { isFirst: firstFormHeading });
-          firstFormHeading = false;
-          return /* @__PURE__ */ jsx114("div", { css: Css.mb(gap).$, children: clone });
-        } else {
-          return /* @__PURE__ */ jsx114("div", { css: Css.mb(gap).$, children: child });
-        }
-      })
+  return /* @__PURE__ */ jsx114(PresentationProvider, { fieldProps: newFieldProps, children: /* @__PURE__ */ jsx114("div", { css: Css.df.fdc.gap(gap).pb(gap).w(sizes[width2]).$, children: Children.map(children, (child) => {
+    if (child && typeof child === "object" && "type" in child && child.type.isFormHeading) {
+      const clone = cloneElement(child, { isFirst: firstFormHeading });
+      firstFormHeading = false;
+      return clone;
     }
-  ) });
+    return child;
+  }) }) });
 }
 function FormDivider() {
-  return /* @__PURE__ */ jsx114("div", { css: Css.hPx(1).my2.bgGray200.$ });
+  return /* @__PURE__ */ jsx114("div", { css: Css.hPx(1).bgGray200.$ });
 }
 function FieldGroup(props) {
   const { title, children, widths: widths2 = [] } = props;
@@ -15840,18 +15826,9 @@ function BoundSelectAndTextField(props) {
 import { jsx as jsx118 } from "@emotion/react/jsx-runtime";
 function FormHeading(props) {
   const { title, xss, isFirst = false, ...others } = props;
-  return /* @__PURE__ */ jsx118(
-    "h3",
-    {
-      css: {
-        ...Css.md.$,
-        // Add space before the heading, but only if it's not first.
-        ...!isFirst && Css.mt4.$,
-        ...xss
-      },
-      ...others,
-      children: title
-    }
+  return (
+    // Add space before the heading, but only if it's not first.
+    /* @__PURE__ */ jsx118("h3", { css: { ...Css.md.if(!isFirst).mt1.$, ...xss }, ...others, children: title })
   );
 }
 FormHeading.isFormHeading = true;