@uxf/ui 1.0.0-beta.114 → 1.0.0-beta.115

package/css/modal.css

@@ -38,6 +38,7 @@
         width: 100%;
         border-top-left-radius: theme("borderRadius.2xl");
         border-top-right-radius: theme("borderRadius.2xl");
+        overflow: hidden;
 
         :root .light & {
             background-color: theme("colors.white");

package/modal/modal-dialog.d.ts

@@ -5,5 +5,6 @@ export interface ModalDialogProps {
     onClose: () => void;
     open: boolean;
     width?: keyof ModalWidths;
+    className?: string;
 }
 export declare const ModalDialog: React.NamedExoticComponent<ModalDialogProps>;

package/modal/modal-dialog.js

@@ -29,7 +29,7 @@ const cx_1 = require("@uxf/core/utils/cx");
 const react_2 = __importStar(require("react"));
 exports.ModalDialog = (0, react_2.memo)((props) => {
     var _a;
-    return (react_2.default.createElement(react_1.Dialog, { className: (0, cx_1.cx)("uxf-modal", "uxf-modal--width-" + ((_a = props.width) !== null && _a !== void 0 ? _a : "default")), open: props.open, onClose: props.onClose },
+    return (react_2.default.createElement(react_1.Dialog, { className: (0, cx_1.cx)("uxf-modal", "uxf-modal--width-" + ((_a = props.width) !== null && _a !== void 0 ? _a : "default"), props.className), open: props.open, onClose: props.onClose },
         react_2.default.createElement(react_1.Dialog.Overlay, { className: "uxf-modal__backdrop" }),
         react_2.default.createElement("div", { className: "uxf-modal__wrapper" },
             react_2.default.createElement("div", { className: "uxf-modal__body" },

package/modal/modal.d.ts

@@ -4,6 +4,7 @@ export interface ModalProps {
     children: ReactNode;
     onClose?: () => void;
     width?: ModalDialogProps["width"];
+    className?: ModalDialogProps["className"];
 }
 export interface ModalRef {
     close: () => void;

package/modal/modal.js

@@ -46,6 +46,6 @@ exports.Modal = (0, react_1.forwardRef)((props, ref) => {
             return null;
         });
     }, []);
-    return modal ? (react_1.default.createElement(modal_dialog_1.ModalDialog, { open: !!modal, onClose: onClose, width: modal.width }, modal.children)) : null;
+    return modal ? (react_1.default.createElement(modal_dialog_1.ModalDialog, { open: !!modal, onClose: onClose, width: modal.width, className: modal.className }, modal.children)) : null;
 });
 exports.Modal.displayName = "Modal";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "1.0.0-beta.114",
+  "version": "1.0.0-beta.115",
   "description": "",
   "publishConfig": {
     "access": "public"