@homebound/beam 3.66.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 (6) hide show
  1. package/dist/index.cjs +23 -23
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.js +23 -23
  4. package/dist/index.js.map +1 -1
  5. package/dist/truss.css +4 -0
  6. package/package.json +1 -1
package/dist/index.js CHANGED
@@ -19940,19 +19940,19 @@ function FormSection(props) {
19940
19940
  } = props;
19941
19941
  const tid = useTestIds(props, "formSection");
19942
19942
  return /* @__PURE__ */ jsxs63("div", { className: "df fdc gap2", ...tid, children: [
19943
- /* @__PURE__ */ jsxs63("div", { className: "df jcsb", children: [
19944
- /* @__PURE__ */ jsxs63("div", { className: "df fdc gap_12px", children: [
19943
+ /* @__PURE__ */ jsxs63("div", { className: "df fdc jcsb gap_12px", children: [
19944
+ /* @__PURE__ */ jsxs63("div", { className: "df jcsb aic", children: [
19945
19945
  getTitle(title, isChild, tid),
19946
- description && /* @__PURE__ */ jsx132("div", { ...trussProps76({
19947
- fontWeight: "fw4",
19948
- fontSize: "fz_14px",
19949
- lineHeight: "lh_20px",
19950
- color: ["color_var", {
19951
- "--color": "var(--b-on-surface)"
19952
- }]
19953
- }), ...tid.description, children: description })
19946
+ actions && /* @__PURE__ */ jsx132("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx132(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx132(Button, { ...action }, `${action.label}`)) })
19954
19947
  ] }),
19955
- actions && /* @__PURE__ */ jsx132("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx132(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx132(Button, { ...action }, `${action.label}`)) })
19948
+ description && /* @__PURE__ */ jsx132("div", { ...trussProps76({
19949
+ fontWeight: "fw4",
19950
+ fontSize: "fz_14px",
19951
+ lineHeight: "lh_20px",
19952
+ color: ["color_var", {
19953
+ "--color": "var(--b-on-surface)"
19954
+ }]
19955
+ }), ...tid.description, children: description })
19956
19956
  ] }),
19957
19957
  fields,
19958
19958
  childSections && /* @__PURE__ */ jsx132("div", { className: "df fdc gap3", children: childSections.map((child, i) => /* @__PURE__ */ jsx132("div", { ...trussProps76({
@@ -25992,20 +25992,20 @@ function FormSectionLayout(props) {
25992
25992
  sections
25993
25993
  } = props;
25994
25994
  const tid = useTestIds(props, "formSectionLayout");
25995
- return /* @__PURE__ */ jsxs106("div", { className: "df fdc gap3 w100 pt4 maxw_720px mla mra", ...tid, children: [
25996
- /* @__PURE__ */ jsxs106("div", { className: "df jcsb", children: [
25997
- /* @__PURE__ */ jsxs106("div", { className: "df fdc gap_12px", children: [
25995
+ return /* @__PURE__ */ jsxs106("div", { className: "df fdc gap3 w100 pt4 maxw_720px mla mra sm_pl2 sm_pr2", ...tid, children: [
25996
+ /* @__PURE__ */ jsxs106("div", { className: "df fdc jcsb gap_12px", children: [
25997
+ /* @__PURE__ */ jsxs106("div", { className: "df jcsb aic", children: [
25998
25998
  /* @__PURE__ */ jsx207("h1", { className: "fw6 fz_20px lh_28px", ...tid.title, children: title }),
25999
- description && /* @__PURE__ */ jsx207("div", { ...trussProps119({
26000
- fontWeight: "fw4",
26001
- fontSize: "fz_14px",
26002
- lineHeight: "lh_20px",
26003
- color: ["color_var", {
26004
- "--color": "var(--b-on-surface)"
26005
- }]
26006
- }), ...tid.description, children: description })
25999
+ actions && /* @__PURE__ */ jsx207("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx207(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx207(Button, { ...action }, `${action.label}`)) })
26007
26000
  ] }),
26008
- actions && /* @__PURE__ */ jsx207("div", { className: "df gap1 fs0", ...tid.actions, children: actions.map((action) => action.kind === "icon" ? /* @__PURE__ */ jsx207(IconButton, { ...action, variant: "outline" }, action.icon) : /* @__PURE__ */ jsx207(Button, { ...action }, `${action.label}`)) })
26001
+ description && /* @__PURE__ */ jsx207("div", { ...trussProps119({
26002
+ fontWeight: "fw4",
26003
+ fontSize: "fz_14px",
26004
+ lineHeight: "lh_20px",
26005
+ color: ["color_var", {
26006
+ "--color": "var(--b-on-surface)"
26007
+ }]
26008
+ }), ...tid.description, children: description })
26009
26009
  ] }),
26010
26010
  initialFields,
26011
26011
  /* @__PURE__ */ jsx207("div", { className: "df fdc gap6", children: sections.map((section, i) => /* @__PURE__ */ jsx207(FormSection, { ...section }, defaultTestId(section.title) || i)) })