@pismo/marola 1.0.0-beta.6 → 1.0.0-beta.62

package/dist/components/Dialog/Backdrop.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-declare const Backdrop: import('react').ForwardRefExoticComponent<{
-    open?: boolean | undefined;
+import { ModalBackdropSlotProps } from '@mui/base';
+
+declare const Backdrop: import('react').ForwardRefExoticComponent<ModalBackdropSlotProps & {
     className: string;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export default Backdrop;

package/dist/components/Dialog/Backdrop.js

@@ -1,10 +1,11 @@
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-DFEmFdYT.js";
-const i = t((o, r) => {
-  const { open: m, className: p, ...s } = o;
-  return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
-});
+import { forwardRef as s } from "react";
+import { c as t } from "../../clsx-DB4S2d7J.js";
+import { s as m } from "../../Dialog.module-W7UCXlf3.js";
+const l = s(
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  ({ ownerState: e, ...r }, o) => /* @__PURE__ */ a("div", { ...r, className: t(m.dialog__backdrop, r.className), ref: o })
+);
 export {
-  i as default
+  l as default
 };

package/dist/components/Dialog/CloseIconButton.d.ts

@@ -1,6 +1,5 @@
 export interface CloseIconButtonProps {
     handleOnClose: () => void;
-    className: string;
 }
-declare const CloseIconButton: ({ handleOnClose, className }: CloseIconButtonProps) => import("react/jsx-runtime").JSX.Element;
+declare const CloseIconButton: ({ handleOnClose }: CloseIconButtonProps) => import("react/jsx-runtime").JSX.Element;
 export default CloseIconButton;

package/dist/components/Dialog/CloseIconButton.js

@@ -1,20 +1,17 @@
-import { jsx as s } from "react/jsx-runtime";
-import { Icon as r } from "../Icon/Icon.js";
-import { s as t } from "../../Dialog.module-DFEmFdYT.js";
-import { B as a } from "../../Button-2b1peDFT.js";
-const d = ({ handleOnClose: i, className: o }) => {
-  const l = o != null ? t["dialog__close-icon "] + o : t["dialog__close-icon"];
-  return /* @__PURE__ */ s(
-    a,
-    {
-      className: l,
-      "aria-description": "Close dialog",
-      onClick: i,
-      "data-testid": "dialog-close-button",
-      children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
-    }
-  );
-};
+import { jsx as o } from "react/jsx-runtime";
+import { Icon as i } from "../Icon/Icon.js";
+import { s as r } from "../../Dialog.module-W7UCXlf3.js";
+import { B as s } from "../../Button-BAljjMv3.js";
+const n = ({ handleOnClose: t }) => /* @__PURE__ */ o(
+  s,
+  {
+    className: r["dialog__close-icon"],
+    "aria-description": "Close dialog",
+    onClick: t,
+    "data-testid": "dialog-close-button",
+    children: /* @__PURE__ */ o(i, { icon: "circle-xmark", size: 24, color: "#3F3D4B73" })
+  }
+);
 export {
-  d as default
+  n as default
 };

package/dist/components/Dialog/Dialog.d.ts

@@ -1,22 +1,28 @@
-import { default as DialogTitle } from './DialogTitle';
-import { default as Content } from './Content';
-import { default as Actions } from './Actions';
+import { default as DialogTitle, DialogTitleProps } from './DialogTitle';
+import { default as Content, DialogContentProps } from './Content';
+import { default as Actions, DialogActionProps } from './Actions';
+import { Icon } from '../Icon/Icon';
 import { ModalProps } from '@mui/base';
-import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+import { ComponentProps, JSXElementConstructor, ReactElement, ReactNode } from 'react';
 
 export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
-export interface DialogProps extends ModalProps {
+export type DialogProps = Omit<ModalProps, 'onClose'> & {
     /** main content */
     children: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
     /** display title label */
     dialogTitle: ReactNode;
     /** display subtitle */
     dialogSubtitle?: ReactNode;
-    /** if true, show skeleton */
-    isLoading?: boolean;
+    /** icon to show in the left side of the title */
+    icon?: ComponentProps<typeof Icon>;
     /** callback for when close is clicked */
-    onClose?: () => void;
-}
-declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+    onClose?: (reason?: CloseReason) => void;
+};
+declare const Dialog: {
+    ({ children, dialogTitle, dialogSubtitle, icon, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+    Title: import('react').FunctionComponent<DialogTitleProps>;
+    Content: import('react').FunctionComponent<DialogContentProps>;
+    Actions: import('react').FunctionComponent<DialogActionProps>;
+};
 export { Dialog, DialogTitle, Content, Actions };
 export default Dialog;