@dxos/react-ui-form 0.8.3-main.672df60 → 0.8.3-main.7f5a14c

package/dist/lib/browser/index.mjs

@@ -732,6 +732,7 @@ var MarkdownInput = ({ type, label, inputOnly, disabled, placeholder, getStatus,
 // packages/ui/react-ui-form/src/components/Form/Form.tsx
 import { useSignals as _useSignals13 } from "@preact-signals/safe-react/tracking";
 import React13, { useEffect as useEffect7, useMemo as useMemo6, useRef as useRef3 } from "react";
+import { cardSpacing } from "@dxos/react-ui-stack";
 import { mx as mx7 } from "@dxos/react-ui-theme";
 
 // packages/ui/react-ui-form/src/components/Form/FormActions.tsx
@@ -1110,7 +1111,7 @@ var FormActions = ({ readonly, onCancel }) => {
     const { canSave, handleSave } = useFormContext();
     return /* @__PURE__ */ React9.createElement("div", {
       role: "none",
-      className: "flex [&_button]:grow gap-1 pli-2 pbe-2"
+      className: "flex [&_button]:grow gap-1 mlb-3 last:mbe-0 first:mbs-0"
     }, onCancel && !readonly && /* @__PURE__ */ React9.createElement(IconButton2, {
       "data-testid": "cancel-button",
       icon: "ph--x--regular",
@@ -1833,7 +1834,7 @@ var FormField = ({ property, path, readonly, inline, onQueryRefOptions, lookupCo
       const typeLiteral = baseNode ? getDiscriminatedType2(baseNode, inputProps.getValue()) : findNode3(ast, SchemaAST4.isTypeLiteral);
       if (typeLiteral) {
         return /* @__PURE__ */ React12.createElement(React12.Fragment, null, !inline && /* @__PURE__ */ React12.createElement("h3", {
-          className: "text-lg mbs-2 mbe-1 first:mbs-0"
+          className: mx6("text-lg mlb-card-spacing-block first:mbs-0")
         }, label), /* @__PURE__ */ React12.createElement(FormFields, {
           schema: Schema.make(typeLiteral),
           path,
@@ -1867,7 +1868,7 @@ var FormFields = ({ classNames, Custom, schema, path, filter, sort, readonly, lo
       // TODO(burdon): Consistent padding (with composite forms).
       /* @__PURE__ */ React12.createElement("div", {
         role: "form",
-        className: mx6("p-2 is-full", classNames)
+        className: mx6("is-full", classNames)
       }, properties.map((property) => {
         return /* @__PURE__ */ React12.createElement(FormField, {
           key: property.name,
@@ -1889,7 +1890,7 @@ var FormFields = ({ classNames, Custom, schema, path, filter, sort, readonly, lo
 };
 
 // packages/ui/react-ui-form/src/components/Form/Form.tsx
-var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, readonly, filter, sort, autoSave, testId, onValuesChanged, onValidate, onSave, onCancel, onQueryRefOptions, lookupComponent, Custom }) => {
+var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, readonly, filter, sort, autoSave, flush, testId, onValuesChanged, onValidate, onSave, onCancel, onQueryRefOptions, lookupComponent, Custom }) => {
   var _effect = _useSignals13();
   try {
     const formRef = useRef3(null);
@@ -1919,7 +1920,7 @@ var Form = ({ classNames, schema, values: initialValues, path = [], autoFocus, r
     }, /* @__PURE__ */ React13.createElement("div", {
       ref: formRef,
       role: "none",
-      className: mx7("flex flex-col gap-4", classNames),
+      className: mx7(!flush && cardSpacing, classNames),
       "data-testid": testId
     }, /* @__PURE__ */ React13.createElement(FormFields, {
       schema,
@@ -2252,7 +2253,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
       className: mx8("overflow-y-auto", classNames)
     }, immutable && /* @__PURE__ */ React15.createElement("div", {
       role: "none",
-      className: "mbe-2"
+      className: "mbe-card-spacing-block"
     }, /* @__PURE__ */ React15.createElement(Message.Root, {
       valence: "neutral",
       className: "rounded"
@@ -2271,7 +2272,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
       className: "min-bs-0 overflow-y-auto"
     }, /* @__PURE__ */ React15.createElement("div", {
       role: "none",
-      className: "p-2"
+      className: "pli-card-spacing-inline mlb-card-spacing-block"
     }, /* @__PURE__ */ React15.createElement("label", {
       className: mx8(inputTextLabel)
     }, t("fields label"))), /* @__PURE__ */ React15.createElement(List2.Root, {
@@ -2306,7 +2307,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
       onClick: () => handleDelete(field2.id)
     }))))))), hiddenProperties.length > 0 && /* @__PURE__ */ React15.createElement("div", null, /* @__PURE__ */ React15.createElement("div", {
       role: "none",
-      className: "p-2"
+      className: "pli-card-spacing-inline mlb-card-spacing-block"
     }, /* @__PURE__ */ React15.createElement("label", {
       className: mx8(inputTextLabel)
     }, t("hidden fields label"))), /* @__PURE__ */ React15.createElement(List2.Root, {
@@ -2333,7 +2334,7 @@ var ViewEditor = ({ classNames, schema, view, registry, readonly, showHeading =
       onSave: handleClose
     }), !readonly && !field && /* @__PURE__ */ React15.createElement("div", {
       role: "none",
-      className: "p-2"
+      className: "pli-card-spacing-chrome mlb-card-spacing-chrome"
     }, /* @__PURE__ */ React15.createElement(IconButton4, {
       icon: "ph--plus--regular",
       label: t("button add property"),