@pismo/marola 0.0.1-alpha.1 → 0.0.1-alpha.11

package/dist/components/Dialog/Actions.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { s as t } from "../../Dialog.module-BO0mdB7d.js";
+import { s as t } from "../../Dialog.module-CGVM5V_D.js";
 const i = ({ children: s }) => /* @__PURE__ */ o("div", { className: t.dialog__actions, children: s });
 export {
   i as default

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

@@ -2,5 +2,5 @@
 declare const Backdrop: import('react').ForwardRefExoticComponent<{
     open?: boolean | undefined;
     className: string;
-} & import("react").RefAttributes<HTMLDivElement>>;
+} & import('react').RefAttributes<HTMLDivElement>>;
 export default Backdrop;

package/dist/components/Dialog/Backdrop.js

@@ -1,16 +1,9 @@
 import { jsx as a } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import { s as e } from "../../Dialog.module-BO0mdB7d.js";
+import { s as e } from "../../Dialog.module-CGVM5V_D.js";
 const i = t((o, r) => {
   const { open: m, className: p, ...s } = o;
-  return /* @__PURE__ */ a(
-    "div",
-    {
-      className: e.dialog__backdrop,
-      ref: r,
-      ...s
-    }
-  );
+  return /* @__PURE__ */ a("div", { className: e.dialog__backdrop, ref: r, ...s });
 });
 export {
   i as default

package/dist/components/Dialog/CloseIconButton.js

@@ -1,16 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
-import { s as c } from "../../Dialog.module-BO0mdB7d.js";
-import { B as i } from "../../Button-REznN-RP.js";
-const s = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='32'%20height='32'%20viewBox='0%200%2032%2032'%20fill='none'%3e%3cg%20clip-path='url(%23clip0_2659_187)'%3e%3cpath%20d='M15.9437%2013.8812L18.9374%2010.9375C19.5249%2010.3562%2020.4749%2010.3562%2021.0062%2010.9375C21.6437%2011.525%2021.6437%2012.475%2021.0062%2013.0062L18.1187%2015.9437L21.0062%2018.9375C21.6437%2019.525%2021.6437%2020.475%2021.0062%2021.0062C20.4749%2021.6437%2019.5249%2021.6437%2018.9374%2021.0062L15.9437%2018.1187L13.0062%2021.0062C12.4749%2021.6437%2011.5249%2021.6437%2010.9374%2021.0062C10.3562%2020.475%2010.3562%2019.525%2010.9374%2018.9375L13.8812%2015.9437L10.9374%2013.0062C10.3562%2012.475%2010.3562%2011.525%2010.9374%2010.9375C11.5249%2010.3562%2012.4749%2010.3562%2013.0062%2010.9375L15.9437%2013.8812Z'%20fill='%23DF4561'/%3e%3cpath%20opacity='0.4'%20d='M0%2016C0%207.1625%207.1625%200%2016%200C24.8375%200%2032%207.1625%2032%2016C32%2024.8375%2024.8375%2032%2016%2032C7.1625%2032%200%2024.8375%200%2016ZM10.9375%2013.0063L13.8813%2015.9438L10.9375%2018.9375C10.3562%2019.525%2010.3562%2020.475%2010.9375%2021.0063C11.525%2021.6438%2012.475%2021.6438%2013.0063%2021.0063L15.9438%2018.1187L18.9375%2021.0063C19.525%2021.6438%2020.475%2021.6438%2021.0063%2021.0063C21.6438%2020.475%2021.6438%2019.525%2021.0063%2018.9375L18.1187%2015.9438L21.0063%2013.0063C21.6438%2012.475%2021.6438%2011.525%2021.0063%2010.9375C20.475%2010.3562%2019.525%2010.3562%2018.9375%2010.9375L15.9438%2013.8813L13.0063%2010.9375C12.475%2010.3562%2011.525%2010.3562%2010.9375%2010.9375C10.3562%2011.525%2010.3562%2012.475%2010.9375%2013.0063Z'%20fill='%23DF4561'/%3e%3c/g%3e%3cdefs%3e%3cclipPath%20id='clip0_2659_187'%3e%3crect%20width='32'%20height='32'%20fill='white'/%3e%3c/clipPath%3e%3c/defs%3e%3c/svg%3e", d = ({ handleOnClose: e, className: l }) => {
-  const o = l != null ? c["dialog__close-icon "] + l : c["dialog__close-icon"];
-  return /* @__PURE__ */ t(
-    i,
+import { jsx as s } from "react/jsx-runtime";
+import { Icon as r } from "../Icon/Icon.js";
+import { s as t } from "../../Dialog.module-CGVM5V_D.js";
+import { B as a } from "../../Button-B1umG8kJ.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: o,
+      className: l,
       "aria-description": "Close dialog",
-      onClick: e,
+      onClick: i,
       "data-testid": "dialog-close-button",
-      children: /* @__PURE__ */ t("img", { src: s, alt: "close" })
+      children: /* @__PURE__ */ s(r, { icon: "circle-xmark", size: 32, color: "var(--gray-75)" })
     }
   );
 };

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

@@ -4,17 +4,18 @@ import { default as Actions } from './Actions';
 import { ModalProps } from '@mui/base';
 import { JSXElementConstructor, ReactElement, ReactNode } from 'react';
 
-export type CloseReason = "backdropClick" | "escapeKeyDown" | "closeButtonClick";
+export type CloseReason = 'backdropClick' | 'escapeKeyDown' | 'closeButtonClick';
 export interface DialogProps extends ModalProps {
-    /** main children content */
-    children: ReactElement<any, string | JSXElementConstructor<any>>;
+    /** main content */
+    children: ReactElement<unknown, string | JSXElementConstructor<unknown>>;
     /** display title label */
     dialogTitle: ReactNode;
     /** display subtitle */
     dialogSubtitle?: ReactNode;
     /** if true, show skeleton */
     isLoading?: boolean;
-    onClose: () => void;
+    /** callback for when close is clicked */
+    onClose?: () => void;
 }
 declare const Dialog: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 export { Dialog, DialogTitle, Content, Actions };