@forms.expert/sdk 0.4.4 → 0.4.6
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/react/index.cjs +18 -6
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +18 -6
- package/dist/react/index.js.map +1 -1
- package/dist/vanilla/index.cjs +35 -24
- package/dist/vanilla/index.cjs.map +1 -1
- package/dist/vanilla/index.global.js +35 -24
- package/dist/vanilla/index.global.js.map +1 -1
- package/dist/vanilla/index.js +28 -17
- package/dist/vanilla/index.js.map +1 -1
- package/package.json +1 -1
package/dist/react/index.cjs
CHANGED
|
@@ -1254,7 +1254,7 @@ function FormsExpertForm({
|
|
|
1254
1254
|
textAlign: "center",
|
|
1255
1255
|
marginTop: "1rem",
|
|
1256
1256
|
paddingTop: "0.75rem",
|
|
1257
|
-
borderTop: `1px solid ${styling.theme === "dark" ? "#374151" : "#e5e7eb"}`
|
|
1257
|
+
borderTop: `1px solid ${styling.separatorColor || (styling.theme === "dark" ? "#374151" : "#e5e7eb")}`
|
|
1258
1258
|
},
|
|
1259
1259
|
children: /* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1260
1260
|
"a",
|
|
@@ -1409,7 +1409,13 @@ function FormFieldInput({
|
|
|
1409
1409
|
getOpts().map((opt) => /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("option", { value: opt.value, children: opt.label }, opt.value))
|
|
1410
1410
|
] });
|
|
1411
1411
|
} else if (field.type === "radio") {
|
|
1412
|
-
fieldEl = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
|
|
1412
|
+
fieldEl = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
|
|
1413
|
+
...inputStyle,
|
|
1414
|
+
display: "flex",
|
|
1415
|
+
flexDirection: "column",
|
|
1416
|
+
gap: "0.5rem",
|
|
1417
|
+
width: "100%"
|
|
1418
|
+
}, children: getOpts().map((opt) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem", cursor: "pointer" }, children: [
|
|
1413
1419
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1414
1420
|
"input",
|
|
1415
1421
|
{
|
|
@@ -1418,14 +1424,20 @@ function FormFieldInput({
|
|
|
1418
1424
|
value: opt.value,
|
|
1419
1425
|
checked: value === opt.value,
|
|
1420
1426
|
onChange: () => onValueChange(field.name, opt.value),
|
|
1421
|
-
style: { accentColor: styling.primaryColor }
|
|
1427
|
+
style: { accentColor: styling.primaryColor, backgroundColor: "transparent" }
|
|
1422
1428
|
}
|
|
1423
1429
|
),
|
|
1424
1430
|
opt.label
|
|
1425
1431
|
] }, opt.value)) });
|
|
1426
1432
|
} else if (field.type === "multiselect") {
|
|
1427
1433
|
const selected = Array.isArray(value) ? value : [];
|
|
1428
|
-
fieldEl = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
|
|
1434
|
+
fieldEl = /* @__PURE__ */ (0, import_jsx_runtime2.jsx)("div", { style: {
|
|
1435
|
+
...inputStyle,
|
|
1436
|
+
display: "flex",
|
|
1437
|
+
flexDirection: "column",
|
|
1438
|
+
gap: "0.5rem",
|
|
1439
|
+
width: "100%"
|
|
1440
|
+
}, children: getOpts().map((opt) => /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)("label", { style: { display: "flex", alignItems: "center", gap: "0.5rem", cursor: "pointer" }, children: [
|
|
1429
1441
|
/* @__PURE__ */ (0, import_jsx_runtime2.jsx)(
|
|
1430
1442
|
"input",
|
|
1431
1443
|
{
|
|
@@ -1435,7 +1447,7 @@ function FormFieldInput({
|
|
|
1435
1447
|
const next = selected.includes(opt.value) ? selected.filter((v) => v !== opt.value) : [...selected, opt.value];
|
|
1436
1448
|
onValueChange(field.name, next);
|
|
1437
1449
|
},
|
|
1438
|
-
style: { accentColor: styling.primaryColor }
|
|
1450
|
+
style: { accentColor: styling.primaryColor, backgroundColor: "transparent" }
|
|
1439
1451
|
}
|
|
1440
1452
|
),
|
|
1441
1453
|
opt.label
|
|
@@ -1540,7 +1552,7 @@ function FormFieldInput({
|
|
|
1540
1552
|
} else if (field.type === "file") {
|
|
1541
1553
|
const fileValue = value;
|
|
1542
1554
|
const formatSize = (size) => size < 1024 ? `${size} B` : size < 1048576 ? `${(size / 1024).toFixed(1)} KB` : `${(size / 1048576).toFixed(1)} MB`;
|
|
1543
|
-
const borderColor = error ? styling.errorColor || "#ef4444" : styling.theme === "dark" ? "#4b5563" : "#d1d5db";
|
|
1555
|
+
const borderColor = error ? styling.errorColor || "#ef4444" : styling.fieldBorderColor || (styling.theme === "dark" ? "#4b5563" : "#d1d5db");
|
|
1544
1556
|
const mutedColor = styling.theme === "dark" ? "#9ca3af" : "#6b7280";
|
|
1545
1557
|
fieldEl = /* @__PURE__ */ (0, import_jsx_runtime2.jsxs)(
|
|
1546
1558
|
"label",
|