@forms.expert/sdk 0.4.5 → 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 +16 -4
- package/dist/react/index.cjs.map +1 -1
- package/dist/react/index.js +16 -4
- package/dist/react/index.js.map +1 -1
- package/dist/vanilla/index.cjs +34 -23
- package/dist/vanilla/index.cjs.map +1 -1
- package/dist/vanilla/index.global.js +34 -23
- package/dist/vanilla/index.global.js.map +1 -1
- package/dist/vanilla/index.js +27 -16
- package/dist/vanilla/index.js.map +1 -1
- package/package.json +1 -1
package/dist/react/index.cjs
CHANGED
|
@@ -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
|