@luscii-healthtech/web-ui 40.4.1 → 40.4.2
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.development.js +8 -1
- package/dist/index.development.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/web-ui-tailwind.css +129 -0
- package/dist/web-ui.esm.js +1 -1
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -5611,6 +5611,13 @@ const useModalDialog = () => React.useContext(context$1);
|
|
|
5611
5611
|
const ModalDialog = (_a) => {
|
|
5612
5612
|
var { open, className, size, onClose, children, variant = "centered-dialog" } = _a, rest = __rest(_a, ["open", "className", "size", "onClose", "children", "variant"]);
|
|
5613
5613
|
const dialog = React.useRef(null);
|
|
5614
|
+
const transitionsClasses = classNames__default.default("ui:motion-reduce:transition-none ui:motion-reduce:backdrop:transition-none", "ui:transition-discrete ui:transition-[display,overlay,opacity,scale,translate] ui:duration-[300ms] ui:delay-100", "ui:backdrop:transition-[display,overlay,opacity] ui:backdrop:duration-[300ms] ui:delay-0", "ui:opacity-0 ui:open:starting:opacity-0", "ui:open:opacity-100", "ui:backdrop:opacity-0 ui:open:backdrop:starting:opacity-0", "ui:open:backdrop:opacity-100", {
|
|
5615
|
+
"ui:translate-y-[-5px] ui:open:starting:translate-y-[-5px] ui:open:translate-y-0": variant !== "side-modal",
|
|
5616
|
+
"ui:scale-[0.98] ui:open:starting:scale-[0.98] ui:open:scale-100": variant !== "side-modal"
|
|
5617
|
+
}, {
|
|
5618
|
+
"ui:translate-x-[50px] ui:open:starting:translate-x-[50px] ui:open:translate-x-0": variant === "side-modal",
|
|
5619
|
+
"ui:scale-[0.98] ui:open:starting:scale-[0.98] ui:open:scale-100": variant !== "side-modal"
|
|
5620
|
+
});
|
|
5614
5621
|
const classes = classNames__default.default("ui:bg-transparent", {
|
|
5615
5622
|
"ui:max-w-[calc(100dvw-(var(--ui-spacing-xl)))]": variant !== "full-screen"
|
|
5616
5623
|
}, {
|
|
@@ -5630,7 +5637,7 @@ const ModalDialog = (_a) => {
|
|
|
5630
5637
|
"ui:p-0": variant === "full-screen",
|
|
5631
5638
|
"ui:w-screen ui:h-screen": variant === "full-screen",
|
|
5632
5639
|
"ui:max-w-screen ui:max-h-screen": variant === "full-screen"
|
|
5633
|
-
}, className);
|
|
5640
|
+
}, transitionsClasses, className);
|
|
5634
5641
|
React.useEffect(() => {
|
|
5635
5642
|
var _a2, _b;
|
|
5636
5643
|
if (open) {
|