@matchain/matchid-sdk-react 0.1.15 → 0.1.16
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/index.d.mts +6 -3
- package/dist/index.d.ts +6 -3
- package/dist/index.js +8 -5
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +8 -5
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.mjs
CHANGED
|
@@ -362,13 +362,14 @@ import { Fragment, jsx as jsx20, jsxs as jsxs12 } from "react/jsx-runtime";
|
|
|
362
362
|
function Modal({
|
|
363
363
|
children,
|
|
364
364
|
isOpen,
|
|
365
|
-
width = 480
|
|
365
|
+
width = 480,
|
|
366
|
+
className = ""
|
|
366
367
|
}) {
|
|
367
368
|
return isOpen ? /* @__PURE__ */ jsx20(
|
|
368
369
|
"div",
|
|
369
370
|
{
|
|
370
371
|
className: "matchid-overlay",
|
|
371
|
-
children: /* @__PURE__ */ jsx20("div", { className:
|
|
372
|
+
children: /* @__PURE__ */ jsx20("div", { className: `matchid-modal ${className}`, style: {
|
|
372
373
|
width
|
|
373
374
|
}, children })
|
|
374
375
|
}
|
|
@@ -405,10 +406,11 @@ function Input({
|
|
|
405
406
|
onChange,
|
|
406
407
|
type,
|
|
407
408
|
after,
|
|
409
|
+
className = "",
|
|
408
410
|
...props
|
|
409
411
|
}) {
|
|
410
412
|
const [inputType, setInputType] = useState(type);
|
|
411
|
-
return /* @__PURE__ */ jsxs13("div", { className: `matchid-input-box ${props.value.length > 0 ? "matchid-input-has-content" : ""}`, children: [
|
|
413
|
+
return /* @__PURE__ */ jsxs13("div", { className: `matchid-input-box ${props.value.length > 0 ? "matchid-input-has-content" : ""} ${className}`, children: [
|
|
412
414
|
/* @__PURE__ */ jsx21("input", { type: inputType, onChange, ...props, className: "matchid-input-field" }),
|
|
413
415
|
props.value.length > 0 && /* @__PURE__ */ jsx21(DeleteRoundIcon, { onClick: (e) => {
|
|
414
416
|
if (onChange) {
|
|
@@ -428,9 +430,10 @@ function Field({
|
|
|
428
430
|
label,
|
|
429
431
|
children,
|
|
430
432
|
error,
|
|
431
|
-
required
|
|
433
|
+
required,
|
|
434
|
+
className = ""
|
|
432
435
|
}) {
|
|
433
|
-
return /* @__PURE__ */ jsxs14("div", { className:
|
|
436
|
+
return /* @__PURE__ */ jsxs14("div", { className: `matchid-field-box ${className}`, children: [
|
|
434
437
|
/* @__PURE__ */ jsxs14("div", { className: "matchid-field-label", children: [
|
|
435
438
|
required && /* @__PURE__ */ jsx22("span", { className: "matchid-field-required", children: "*" }),
|
|
436
439
|
label
|