@homebound/beam 3.65.0 → 3.67.0

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.
Files changed (8) hide show
  1. package/dist/index.cjs +23 -23
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +19 -5
  4. package/dist/index.d.ts +19 -5
  5. package/dist/index.js +23 -23
  6. package/dist/index.js.map +1 -1
  7. package/dist/truss.css +4 -0
  8. package/package.json +1 -1
package/dist/index.cjs CHANGED
@@ -20414,19 +20414,19 @@ function FormSection(props) {
20414
20414
  } = props;
20415
20415
  const tid = useTestIds(props, "formSection");
20416
20416
  return /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "df fdc gap2", ...tid, children: [
20417
- /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "df jcsb", children: [
20418
- /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "df fdc gap_12px", children: [
20417
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "df fdc jcsb gap_12px", children: [
20418
+ /* @__PURE__ */ (0, import_jsx_runtime132.jsxs)("div", { className: "df jcsb aic", children: [
20419
20419
  getTitle(title, isChild, tid),
20420
- description && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { ...(0, import_runtime83.trussProps)({
20421
- fontWeight: "fw4",
20422
- fontSize: "fz_14px",
20423
- lineHeight: "lh_20px",
20424
- color: ["color_var", {
20425
- "--color": "var(--b-on-surface)"
20426
- }]
20427
- }), ...tid.description, children: description })
20420
+ actions && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Button, { ...action }, `${action.label}`)) })
20428
20421
  ] }),
20429
- actions && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)(Button, { ...action }, `${action.label}`)) })
20422
+ description && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { ...(0, import_runtime83.trussProps)({
20423
+ fontWeight: "fw4",
20424
+ fontSize: "fz_14px",
20425
+ lineHeight: "lh_20px",
20426
+ color: ["color_var", {
20427
+ "--color": "var(--b-on-surface)"
20428
+ }]
20429
+ }), ...tid.description, children: description })
20430
20430
  ] }),
20431
20431
  fields,
20432
20432
  childSections && /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { className: "df fdc gap3", children: childSections.map((child, i) => /* @__PURE__ */ (0, import_jsx_runtime132.jsx)("div", { ...(0, import_runtime83.trussProps)({
@@ -26458,20 +26458,20 @@ function FormSectionLayout(props) {
26458
26458
  sections
26459
26459
  } = props;
26460
26460
  const tid = useTestIds(props, "formSectionLayout");
26461
- return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df fdc gap3 w100 pt4 maxw_720px mla mra", ...tid, children: [
26462
- /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df jcsb", children: [
26463
- /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df fdc gap_12px", children: [
26461
+ return /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df fdc gap3 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
26462
+ /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df fdc jcsb gap_12px", children: [
26463
+ /* @__PURE__ */ (0, import_jsx_runtime207.jsxs)("div", { className: "df jcsb aic", children: [
26464
26464
  /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
26465
- description && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { ...(0, import_runtime129.trussProps)({
26466
- fontWeight: "fw4",
26467
- fontSize: "fz_14px",
26468
- lineHeight: "lh_20px",
26469
- color: ["color_var", {
26470
- "--color": "var(--b-on-surface)"
26471
- }]
26472
- }), ...tid.description, children: description })
26465
+ actions && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Button, { ...action }, `${action.label}`)) })
26473
26466
  ] }),
26474
- actions && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(Button, { ...action }, `${action.label}`)) })
26467
+ description && /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { ...(0, import_runtime129.trussProps)({
26468
+ fontWeight: "fw4",
26469
+ fontSize: "fz_14px",
26470
+ lineHeight: "lh_20px",
26471
+ color: ["color_var", {
26472
+ "--color": "var(--b-on-surface)"
26473
+ }]
26474
+ }), ...tid.description, children: description })
26475
26475
  ] }),
26476
26476
  initialFields,
26477
26477
  /* @__PURE__ */ (0, import_jsx_runtime207.jsx)("div", { className: "df fdc gap6", children: sections.map((section, i) => /* @__PURE__ */ (0, import_jsx_runtime207.jsx)(FormSection, { ...section }, defaultTestId(section.title) || i)) })