@apteva/apteva-kit 0.1.60 → 0.1.62

package/dist/index.js

@@ -940,14 +940,7 @@ function Form({ widget, onAction }) {
     }
   };
   const renderField = (field) => {
-    const baseInputClass = cn(
-      "w-full px-3 py-2 rounded-lg border transition-colors",
-      "border-neutral-300 dark:border-neutral-600",
-      "bg-white dark:bg-neutral-800",
-      "text-neutral-900 dark:text-neutral-100",
-      "placeholder-neutral-400 dark:placeholder-neutral-500",
-      "focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
-    );
+    const baseInputClass = "w-full px-3 py-2 rounded-lg border transition-colors border-neutral-200 dark:border-neutral-600 bg-neutral-50 dark:bg-neutral-800 !text-neutral-900 dark:!text-neutral-100 placeholder-neutral-400 dark:placeholder-neutral-500 focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent";
     switch (field.type) {
       case "text":
       case "password":
@@ -1005,27 +998,29 @@ function Form({ widget, onAction }) {
               className: "w-4 h-4 rounded border-neutral-300 dark:border-neutral-600 text-blue-500 focus:ring-blue-500"
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-neutral-700 dark:text-neutral-300", children: field.label })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "!text-neutral-700 dark:!text-neutral-300", children: field.label })
         ] });
       default:
         return null;
     }
   };
   const submitAction = _optionalChain([widget, 'access', _23 => _23.actions, 'optionalAccess', _24 => _24.find, 'call', _25 => _25((a) => a.type === "submit")]) || _optionalChain([widget, 'access', _26 => _26.actions, 'optionalAccess', _27 => _27[0]]);
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "apteva-form rounded-lg border border-neutral-200 dark:border-neutral-700 p-4 bg-white dark:bg-neutral-800", children: [
-    title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "text-base font-semibold text-neutral-900 dark:text-neutral-100 mb-4", children: title }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-4", children: fields.map((field) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: field.type === "checkbox" ? "" : "space-y-1", children: [
-      field.type !== "checkbox" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "block text-sm font-medium text-neutral-700 dark:text-neutral-300", children: [
-        field.label,
-        field.required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-1", children: "*" })
-      ] }),
-      renderField(field)
-    ] }, field.name)) }),
-    submitAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: handleSubmit, className: "border border-neutral-200 dark:border-neutral-700 rounded-xl bg-white dark:bg-neutral-900 overflow-hidden", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "p-4", children: [
+      title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h3", { className: "!text-lg font-semibold !text-neutral-900 dark:!text-white mb-4", children: title }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "space-y-3", children: fields.map((field) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: field.type === "checkbox" ? "" : "space-y-1", children: [
+        field.type !== "checkbox" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "label", { className: "block !text-sm font-medium !text-neutral-600 dark:!text-neutral-400", children: [
+          field.label,
+          field.required && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-red-500 ml-1", children: "*" })
+        ] }),
+        renderField(field)
+      ] }, field.name)) })
+    ] }),
+    submitAction && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-4 pb-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "button",
       {
         type: "submit",
-        className: "px-4 py-2 rounded-lg font-medium transition-colors bg-blue-500 text-white hover:bg-blue-600",
+        className: "px-3 py-1.5 !text-sm rounded-lg font-medium transition-colors bg-blue-500 !text-white hover:bg-blue-600",
         children: submitAction.label || "Submit"
       }
     ) })