@uxf/ui 10.0.0-beta.85 → 10.0.0-beta.86

package/dialog/dialog.d.ts

@@ -1,9 +1,11 @@
 import React, { ReactNode } from "react";
+import { DialogVariant } from "./theme";
 export interface DialogProps {
     children: ReactNode;
     className?: string;
     disableBackdropClose?: boolean;
     onClose: () => void;
     open: boolean;
+    variant?: DialogVariant;
 }
 export declare const Dialog: React.NamedExoticComponent<DialogProps>;

package/dialog/dialog.js

@@ -27,8 +27,8 @@ exports.Dialog = void 0;
 const react_1 = require("@headlessui/react");
 const react_2 = __importStar(require("react"));
 exports.Dialog = (0, react_2.memo)((props) => {
-    var _a;
-    return (react_2.default.createElement(react_1.Dialog, { className: `uxf-dialog ${(_a = props.className) !== null && _a !== void 0 ? _a : ""}`, open: props.open, onClose: props.disableBackdropClose ? () => null : props.onClose },
+    var _a, _b;
+    return (react_2.default.createElement(react_1.Dialog, { className: `uxf-dialog uxf-dialog--variant-${(_a = props.variant) !== null && _a !== void 0 ? _a : "default"} ${(_b = props.className) !== null && _b !== void 0 ? _b : ""}`, open: props.open, onClose: props.disableBackdropClose ? () => null : props.onClose },
         react_2.default.createElement(react_1.Dialog.Overlay, { className: "uxf-dialog__backdrop" }),
         react_2.default.createElement("div", { className: "uxf-dialog__wrapper" },
             react_2.default.createElement("div", { className: "uxf-dialog__body" },

package/dialog/theme.d.ts

@@ -0,0 +1,4 @@
+export interface DialogVariants {
+    default: true;
+}
+export type DialogVariant = keyof DialogVariants;

package/dialog/theme.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/modal/modal.d.ts

@@ -1,11 +1,12 @@
 import React, { ReactNode } from "react";
 import type { DialogProps } from "../dialog";
-import { ModalWidth } from "./theme";
+import { ModalVariant, ModalWidth } from "./theme";
 export interface ModalProps {
     children: ReactNode;
     className?: DialogProps["className"];
     disableBackdropClose?: DialogProps["disableBackdropClose"];
     onClose?: () => void;
+    variant?: ModalVariant;
     width?: ModalWidth;
 }
 export interface ModalRef {

package/modal/modal.js

@@ -27,7 +27,7 @@ exports.Modal = void 0;
 const react_1 = __importStar(require("react"));
 const dialog_1 = require("../dialog");
 exports.Modal = (0, react_1.forwardRef)((props, ref) => {
-    var _a, _b;
+    var _a, _b, _c;
     const [content, setContent] = (0, react_1.useState)();
     const open = (0, react_1.useCallback)((newModal) => setContent(newModal), []);
     const close = (0, react_1.useCallback)(() => setContent(null), []);
@@ -46,6 +46,6 @@ exports.Modal = (0, react_1.forwardRef)((props, ref) => {
             return null;
         });
     }, []);
-    return content ? (react_1.default.createElement(dialog_1.Dialog, { className: `uxf-modal uxf-modal--width-${(_a = content.width) !== null && _a !== void 0 ? _a : "default"} ${(_b = content.className) !== null && _b !== void 0 ? _b : ""}`, disableBackdropClose: content.disableBackdropClose, onClose: onClose, open: !!content }, content.children)) : null;
+    return content ? (react_1.default.createElement(dialog_1.Dialog, { className: `uxf-modal uxf-modal--variant-${(_a = content.variant) !== null && _a !== void 0 ? _a : "default"} uxf-modal--width-${(_b = content.width) !== null && _b !== void 0 ? _b : "default"} ${(_c = content.className) !== null && _c !== void 0 ? _c : ""}`, disableBackdropClose: content.disableBackdropClose, onClose: onClose, open: !!content, variant: content.variant }, content.children)) : null;
 });
 exports.Modal.displayName = "UxfUiModal";

package/modal/theme.d.ts

@@ -6,3 +6,7 @@ export interface ModalWidths {
     xl: true;
 }
 export type ModalWidth = keyof ModalWidths;
+export interface ModalVariants {
+    default: true;
+}
+export type ModalVariant = keyof ModalVariants;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uxf/ui",
-  "version": "10.0.0-beta.85",
+  "version": "10.0.0-beta.86",
   "description": "",
   "publishConfig": {
     "access": "public"