@luscii-healthtech/web-ui 40.2.0 → 40.3.1

package/dist/index.development.js

@@ -5614,7 +5614,9 @@ const useModalDialog = () => React.useContext(context);
 const ModalDialog = (_a) => {
   var { open, className, size, onClose, children, variant = "centered-dialog" } = _a, rest = __rest(_a, ["open", "className", "size", "onClose", "children", "variant"]);
   const dialog = React.useRef(null);
-  const classes = classNames__default.default("ui:bg-transparent", "ui:max-w-[calc(100dvw-(var(--ui-spacing-xl)))]", {
+  const classes = classNames__default.default("ui:bg-transparent", {
+    "ui:max-w-[calc(100dvw-(var(--ui-spacing-xl)))]": variant !== "full-screen"
+  }, {
     "ui:my-xl": variant === "centered-dialog",
     "ui:mx-auto": variant === "centered-dialog"
   }, "ui:top-0", "ui:bottom-auto", {
@@ -5627,10 +5629,10 @@ const ModalDialog = (_a) => {
     "ui:bottom-0": variant === "side-modal",
     "ui:max-h-full": variant === "side-modal"
   }, {
-    "ui:w-screen": variant === "full-screen",
-    "ui:h-screen": variant === "full-screen",
     "ui:fixed ui:top-0 ui:bottom-0 ui:left-0 ui:right-0": variant === "full-screen",
-    "ui:p-0": variant === "full-screen"
+    "ui:p-0": variant === "full-screen",
+    "ui:w-screen ui:h-screen": variant === "full-screen",
+    "ui:max-w-screen ui:max-h-screen": variant === "full-screen"
   }, className);
   React.useEffect(() => {
     var _a2, _b;
@@ -5640,12 +5642,11 @@ const ModalDialog = (_a) => {
       (_b = dialog.current) === null || _b === void 0 ? void 0 : _b.close();
     }
   }, [open, variant]);
-  return jsxRuntime.jsx(context.Provider, { value: { $dialog: dialog.current }, children: jsxRuntime.jsx("dialog", Object.assign({ ref: dialog, className: classes, onClose }, rest, { children: jsxRuntime.jsx(Card, { padding: false, borderRadius: variant === "side-modal" ? "none" : "m", borderRadiusLeft: variant === "side-modal" ? "m" : "none", className: classNames__default.default({
-    "ui:h-screen": variant === "side-modal"
-  }), children: jsxRuntime.jsx(Stack, { width: "full", align: "stretch", className: classNames__default.default({
+  return jsxRuntime.jsx(context.Provider, { value: { $dialog: dialog.current }, children: jsxRuntime.jsx("dialog", Object.assign({ ref: dialog, className: classes, onClose }, rest, { children: jsxRuntime.jsx(Stack, { width: "full", align: "stretch", backgroundColor: "surface", borderRadiusLeft: variant === "side-modal" ? "m" : "none", borderRadius: variant === "centered-dialog" ? "m" : "none", className: classNames__default.default({
     "ui:max-h-[calc(100dvh-(var(--ui-spacing-xl))*2)]": variant === "centered-dialog",
-    "ui:h-screen": variant === "side-modal"
-  }), children }) }) })) });
+    "ui:h-screen": variant === "side-modal" || variant === "full-screen",
+    "ui:w-screen": variant === "full-screen"
+  }), children }) })) });
 };
 const Body = (_a) => {
   var { className } = _a, rest = __rest(_a, ["className"]);
@@ -5656,7 +5657,7 @@ const Header = (props) => {
   return jsxRuntime.jsx(Stack, Object.assign({ axis: "x", justify: "between", align: "center", gap: "m", p: "m" }, props));
 };
 const Footer = (props) => {
-  return jsxRuntime.jsx(Stack, Object.assign({ p: "m", backgroundColor: "background" }, props));
+  return jsxRuntime.jsx(Stack, Object.assign({ as: "footer", p: "m", backgroundColor: "background", className: "ui:rounded-b-[inherit]" }, props));
 };
 const CloseButton = (props) => {
   return jsxRuntime.jsx(TertiaryButton, Object.assign({ leadingIcon: jsxRuntime.jsx(CrossIcon, {}) }, props));
@@ -5738,7 +5739,7 @@ const FilePreview = (props) => {
   const onCloseDialog = (event) => {
     onClose(event);
   };
-  return jsxRuntime.jsx(ModalDialog, { className: backdropClassNames, variant: "full-screen", open: true, onClose: onCloseDialog, children: jsxRuntime.jsxs(Stack, { align: "center", justify: "center", width: "full", className: previewClassNames, children: [jsxRuntime.jsxs(Stack, { axis: "x", gap: "m", className: buttonContainerClassNames, children: [jsxRuntime.jsx("a", { href: downloadUrl !== null && downloadUrl !== void 0 ? downloadUrl : fileUrl, target: "_blank", rel: "noopener noreferrer", onClick: onDownload, children: jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.downloadButtonLabel, children: jsxRuntime.jsx(DownloadIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.downloadButtonLabel })] }) }), jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.closeButtonLabel, onClick: onClose, children: jsxRuntime.jsx(CrossIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.closeButtonLabel })] })] }), isSupportedImage(fileUrl) && jsxRuntime.jsx(Image$1, { src: fileUrl, className: imageClassNames }), isSupportedFile(fileUrl) && jsxRuntime.jsx("embed", { src: fileUrl, className: fileClassNames })] }) });
+  return jsxRuntime.jsx(ModalDialog, { className: classNames__default.default(backdropClassNames, "ui:[&>div]:bg-transparent"), variant: "full-screen", open: true, onClose: onCloseDialog, children: jsxRuntime.jsxs(Stack, { align: "center", justify: "center", width: "full", className: previewClassNames, children: [jsxRuntime.jsxs(Stack, { axis: "x", gap: "m", className: buttonContainerClassNames, children: [jsxRuntime.jsx("a", { href: downloadUrl !== null && downloadUrl !== void 0 ? downloadUrl : fileUrl, target: "_blank", rel: "noopener noreferrer", onClick: onDownload, children: jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.downloadButtonLabel, children: jsxRuntime.jsx(DownloadIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.downloadButtonLabel })] }) }), jsxRuntime.jsxs(Tooltip__namespace.Root, { children: [jsxRuntime.jsx(Tooltip__namespace.Trigger, { children: jsxRuntime.jsx(SecondaryIconButton, { label: localization.closeButtonLabel, onClick: onClose, children: jsxRuntime.jsx(CrossIcon, {}) }) }), jsxRuntime.jsx(ButtonTooltipContent, { children: localization.closeButtonLabel })] })] }), isSupportedImage(fileUrl) && jsxRuntime.jsx(Image$1, { src: fileUrl, className: imageClassNames }), isSupportedFile(fileUrl) && jsxRuntime.jsx("embed", { src: fileUrl, className: fileClassNames })] }) });
 };
 
 const AlertWidget = (props) => {