@homebound/beam 3.68.0 → 3.68.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.cjs CHANGED
@@ -26512,23 +26512,25 @@ function FormSectionLayout(props) {
26512
26512
  sections
26513
26513
  } = props;
26514
26514
  const tid = useTestIds(props, "formSectionLayout");
26515
- return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df fdc gap3 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
26516
- /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df fdc jcsb gap_12px", children: [
26517
- /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df jcsb aic", children: [
26518
- /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
26519
- actions && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button, { ...action }, `${action.label}`)) })
26515
+ return /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df fdc gap8 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
26516
+ /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df fdc gap3", children: [
26517
+ /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df fdc jcsb gap_12px", children: [
26518
+ /* @__PURE__ */ (0, import_jsx_runtime209.jsxs)("div", { className: "df jcsb aic", children: [
26519
+ /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
26520
+ actions && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(Button, { ...action }, `${action.label}`)) })
26521
+ ] }),
26522
+ description && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { ...(0, import_runtime130.trussProps)({
26523
+ fontWeight: "fw4",
26524
+ fontSize: "fz_14px",
26525
+ lineHeight: "lh_20px",
26526
+ color: ["color_var", {
26527
+ "--color": "var(--b-on-surface)"
26528
+ }]
26529
+ }), ...tid.description, children: description })
26520
26530
  ] }),
26521
- description && /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { ...(0, import_runtime130.trussProps)({
26522
- fontWeight: "fw4",
26523
- fontSize: "fz_14px",
26524
- lineHeight: "lh_20px",
26525
- color: ["color_var", {
26526
- "--color": "var(--b-on-surface)"
26527
- }]
26528
- }), ...tid.description, children: description })
26531
+ initialFields
26529
26532
  ] }),
26530
- initialFields,
26531
- /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "df fdc gap6", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
26533
+ /* @__PURE__ */ (0, import_jsx_runtime209.jsx)("div", { className: "df fdc gap8", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime209.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })
26532
26534
  ] });
26533
26535
  }
26534
26536