@idds/react 1.5.10 → 1.5.12
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.cjs.js +1 -1
- package/dist/index.css +1 -1
- package/dist/index.es.js +16 -4
- package/dist/index.umd.js +1 -1
- package/dist/types/components/Modal.d.ts +3 -1
- package/dist/types/components/Modal.d.ts.map +1 -1
- package/dist/types/components/Toggle.d.ts +6 -3
- package/dist/types/components/Toggle.d.ts.map +1 -1
- package/package.json +2 -2
package/dist/index.es.js
CHANGED
|
@@ -3609,7 +3609,8 @@ function Modal({
|
|
|
3609
3609
|
closeOnBackdrop = true,
|
|
3610
3610
|
container,
|
|
3611
3611
|
dialogClassname,
|
|
3612
|
-
size = ""
|
|
3612
|
+
size = "",
|
|
3613
|
+
paddingBody = "16px 24px"
|
|
3613
3614
|
}) {
|
|
3614
3615
|
const [mounted, setMounted] = useState(false);
|
|
3615
3616
|
const [shouldRender, setShouldRender] = useState(false);
|
|
@@ -3701,7 +3702,7 @@ function Modal({
|
|
|
3701
3702
|
}
|
|
3702
3703
|
)
|
|
3703
3704
|
] }),
|
|
3704
|
-
/* @__PURE__ */ jsx("div", { className: "ina-modal__body", children })
|
|
3705
|
+
/* @__PURE__ */ jsx("div", { className: "ina-modal__body", style: { padding: paddingBody }, children })
|
|
3705
3706
|
] }) })
|
|
3706
3707
|
]
|
|
3707
3708
|
}
|
|
@@ -10469,7 +10470,9 @@ function Toggle({
|
|
|
10469
10470
|
"aria-describedby": ariaDescribedBy,
|
|
10470
10471
|
id,
|
|
10471
10472
|
name,
|
|
10472
|
-
value
|
|
10473
|
+
value,
|
|
10474
|
+
color,
|
|
10475
|
+
...rest
|
|
10473
10476
|
}) {
|
|
10474
10477
|
const isControlled = controlledChecked !== void 0;
|
|
10475
10478
|
const [internalChecked, setInternalChecked] = useState(defaultChecked);
|
|
@@ -10557,6 +10560,7 @@ function Toggle({
|
|
|
10557
10560
|
"ina-toggle__thumb--disabled": disabled
|
|
10558
10561
|
}
|
|
10559
10562
|
);
|
|
10563
|
+
const trackStyle = checked && color && !disabled ? { backgroundColor: color, borderColor: color } : {};
|
|
10560
10564
|
return /* @__PURE__ */ jsxs(
|
|
10561
10565
|
"div",
|
|
10562
10566
|
{
|
|
@@ -10570,6 +10574,7 @@ function Toggle({
|
|
|
10570
10574
|
/* @__PURE__ */ jsx(
|
|
10571
10575
|
"input",
|
|
10572
10576
|
{
|
|
10577
|
+
...rest,
|
|
10573
10578
|
type: "checkbox",
|
|
10574
10579
|
id,
|
|
10575
10580
|
name,
|
|
@@ -10585,7 +10590,14 @@ function Toggle({
|
|
|
10585
10590
|
readOnly: true
|
|
10586
10591
|
}
|
|
10587
10592
|
),
|
|
10588
|
-
/* @__PURE__ */ jsx(
|
|
10593
|
+
/* @__PURE__ */ jsx(
|
|
10594
|
+
"div",
|
|
10595
|
+
{
|
|
10596
|
+
className: trackClasses,
|
|
10597
|
+
style: { pointerEvents: "none", ...trackStyle },
|
|
10598
|
+
children: /* @__PURE__ */ jsx("div", { className: thumbClasses })
|
|
10599
|
+
}
|
|
10600
|
+
)
|
|
10589
10601
|
]
|
|
10590
10602
|
}
|
|
10591
10603
|
);
|