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

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

@@ -3,86 +3,66 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: ({ children, dialogTitle, dialogSubtitle, isLoading, onClose, ...props }: DialogProps) => import("react/jsx-runtime").JSX.Element;
+    component: {
+        ({ children, dialogTitle, dialogSubtitle, icon, onClose, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+        Title: import('react').FunctionComponent<import('./DialogTitle').DialogTitleProps>;
+        Content: import('react').FunctionComponent<import('./Content').DialogContentProps>;
+        Actions: import('react').FunctionComponent<import('./Actions').DialogActionProps>;
+    };
     tags: string[];
     decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
-        children: import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
-        dialogTitle: import('react').ReactNode;
-        dialogSubtitle?: import('react').ReactNode;
-        isLoading?: boolean | undefined;
-        onClose?: (() => void) | undefined;
-        closeAfterTransition?: boolean | undefined;
-        container?: Element | (() => Element | null) | null | undefined;
-        disableAutoFocus?: boolean | undefined;
-        disableEnforceFocus?: boolean | undefined;
-        disableEscapeKeyDown?: boolean | undefined;
-        disablePortal?: boolean | undefined;
-        disableRestoreFocus?: boolean | undefined;
-        disableScrollLock?: boolean | undefined;
-        hideBackdrop?: boolean | undefined;
-        keepMounted?: boolean | undefined;
-        onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
-        onTransitionEnter?: (() => void) | undefined;
-        onTransitionExited?: (() => void) | undefined;
-        open: boolean;
-        slotProps?: {
-            root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, {
-                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-                closeAfterTransition: boolean;
-                container?: Element | (() => Element | null) | null | undefined;
-                disableAutoFocus: boolean;
-                disableEnforceFocus: boolean;
-                disableEscapeKeyDown: boolean;
-                disablePortal: boolean;
-                disableRestoreFocus: boolean;
-                disableScrollLock: boolean;
-                hideBackdrop: boolean;
-                keepMounted: boolean;
-                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
-                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
-                onTransitionEnter?: (() => void) | undefined;
-                onTransitionExited?: (() => void) | undefined;
-                open: boolean;
-                slotProps?: any | undefined;
-                slots?: import('@mui/base').ModalSlots | undefined;
-                exited: boolean;
-            }> | undefined;
-            backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, {
-                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
-                closeAfterTransition: boolean;
-                container?: Element | (() => Element | null) | null | undefined;
-                disableAutoFocus: boolean;
-                disableEnforceFocus: boolean;
-                disableEscapeKeyDown: boolean;
-                disablePortal: boolean;
-                disableRestoreFocus: boolean;
-                disableScrollLock: boolean;
-                hideBackdrop: boolean;
-                keepMounted: boolean;
-                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
-                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
-                onTransitionEnter?: (() => void) | undefined;
-                onTransitionExited?: (() => void) | undefined;
-                open: boolean;
-                slotProps?: any | undefined;
-                slots?: import('@mui/base').ModalSlots | undefined;
-                exited: boolean;
-            }> | undefined;
-        } | undefined;
-        slots?: import('@mui/base').ModalSlots | undefined;
         color?: string | undefined;
         ref?: ((instance: HTMLDivElement | null) => void) | import('react').RefObject<HTMLDivElement> | null | undefined;
+        children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>> & import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<unknown>>;
         title?: string | undefined;
         style?: import('react').CSSProperties | undefined;
-        slot?: string | undefined;
-        content?: string | undefined;
         className?: string | undefined;
-        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
-        tabIndex?: number | undefined;
+        slot?: string | undefined;
         suppressHydrationWarning?: boolean | undefined;
+        defaultChecked?: boolean | undefined;
+        defaultValue?: string | number | readonly string[] | undefined;
+        suppressContentEditableWarning?: boolean | undefined;
+        open: boolean;
+        content?: string | undefined;
+        dir?: string | undefined;
+        hidden?: boolean | undefined;
+        onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
+        accessKey?: string | undefined;
+        autoFocus?: boolean | undefined;
+        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
+        contextMenu?: string | undefined;
+        draggable?: (boolean | "true" | "false") | undefined;
         id?: string | undefined;
         lang?: string | undefined;
+        nonce?: string | undefined;
+        spellCheck?: (boolean | "true" | "false") | undefined;
+        tabIndex?: number | undefined;
+        translate?: "no" | "yes" | undefined;
+        radioGroup?: string | undefined;
         role?: import('react').AriaRole | undefined;
+        about?: string | undefined;
+        datatype?: string | undefined;
+        inlist?: any;
+        prefix?: string | undefined;
+        property?: string | undefined;
+        rel?: string | undefined;
+        resource?: string | undefined;
+        rev?: string | undefined;
+        typeof?: string | undefined;
+        vocab?: string | undefined;
+        autoCapitalize?: string | undefined;
+        autoCorrect?: string | undefined;
+        autoSave?: string | undefined;
+        itemProp?: string | undefined;
+        itemScope?: boolean | undefined;
+        itemType?: string | undefined;
+        itemID?: string | undefined;
+        itemRef?: string | undefined;
+        results?: number | undefined;
+        security?: string | undefined;
+        unselectable?: "on" | "off" | undefined;
+        inputMode?: "url" | "search" | "text" | "none" | "tel" | "email" | "numeric" | "decimal" | undefined;
+        is?: string | undefined;
         "aria-activedescendant"?: string | undefined;
         "aria-atomic"?: (boolean | "true" | "false") | undefined;
         "aria-autocomplete"?: "list" | "none" | "inline" | "both" | undefined;
@@ -95,7 +75,7 @@ declare const meta: {
         "aria-colindextext"?: string | undefined;
         "aria-colspan"?: number | undefined;
         "aria-controls"?: string | undefined;
-        "aria-current"?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location" | undefined;
+        "aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
         "aria-describedby"?: string | undefined;
         "aria-description"?: string | undefined;
         "aria-details"?: string | undefined;
@@ -131,7 +111,7 @@ declare const meta: {
         "aria-rowspan"?: number | undefined;
         "aria-selected"?: (boolean | "true" | "false") | undefined;
         "aria-setsize"?: number | undefined;
-        "aria-sort"?: "none" | "other" | "ascending" | "descending" | undefined;
+        "aria-sort"?: "none" | "ascending" | "descending" | "other" | undefined;
         "aria-valuemax"?: number | undefined;
         "aria-valuemin"?: number | undefined;
         "aria-valuenow"?: number | undefined;
@@ -155,7 +135,6 @@ declare const meta: {
         onFocusCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
         onBlur?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
         onBlurCapture?: import('react').FocusEventHandler<HTMLDivElement> | undefined;
-        onChange?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onChangeCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInput?: import('react').FormEventHandler<HTMLDivElement> | undefined;
         onBeforeInputCapture?: import('react').FormEventHandler<HTMLDivElement> | undefined;
@@ -225,6 +204,7 @@ declare const meta: {
         onWaitingCapture?: import('react').ReactEventHandler<HTMLDivElement> | undefined;
         onAuxClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onAuxClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
+        onClick?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onClickCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenu?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
         onContextMenuCapture?: import('react').MouseEventHandler<HTMLDivElement> | undefined;
@@ -298,46 +278,72 @@ declare const meta: {
         onAnimationIterationCapture?: import('react').AnimationEventHandler<HTMLDivElement> | undefined;
         onTransitionEnd?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
         onTransitionEndCapture?: import('react').TransitionEventHandler<HTMLDivElement> | undefined;
+        slotProps?: {
+            root?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalRootSlotPropsOverrides, {
+                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+                closeAfterTransition: boolean;
+                container?: Element | (() => Element | null) | null | undefined;
+                disableAutoFocus: boolean;
+                disableEnforceFocus: boolean;
+                disableEscapeKeyDown: boolean;
+                disablePortal: boolean;
+                disableRestoreFocus: boolean;
+                disableScrollLock: boolean;
+                hideBackdrop: boolean;
+                keepMounted: boolean;
+                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
+                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+                onTransitionEnter?: (() => void) | undefined;
+                onTransitionExited?: (() => void) | undefined;
+                open: boolean;
+                slotProps?: any | undefined;
+                slots?: import('@mui/base').ModalSlots | undefined;
+                exited: boolean;
+            }> | undefined;
+            backdrop?: import('@mui/base').SlotComponentProps<"div", import('@mui/base').ModalBackdropSlotPropsOverrides, {
+                children: import('react').ReactElement<any, string | import('react').JSXElementConstructor<any>>;
+                closeAfterTransition: boolean;
+                container?: Element | (() => Element | null) | null | undefined;
+                disableAutoFocus: boolean;
+                disableEnforceFocus: boolean;
+                disableEscapeKeyDown: boolean;
+                disablePortal: boolean;
+                disableRestoreFocus: boolean;
+                disableScrollLock: boolean;
+                hideBackdrop: boolean;
+                keepMounted: boolean;
+                onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
+                onClose?: ((event: {}, reason: "backdropClick" | "escapeKeyDown") => void) | undefined;
+                onTransitionEnter?: (() => void) | undefined;
+                onTransitionExited?: (() => void) | undefined;
+                open: boolean;
+                slotProps?: any | undefined;
+                slots?: import('@mui/base').ModalSlots | undefined;
+                exited: boolean;
+            }> | undefined;
+        } | undefined;
+        slots?: import('@mui/base').ModalSlots | undefined;
         key?: import('react').Key | null | undefined;
-        defaultChecked?: boolean | undefined;
-        defaultValue?: string | number | readonly string[] | undefined;
-        suppressContentEditableWarning?: boolean | undefined;
-        accessKey?: string | undefined;
-        autoFocus?: boolean | undefined;
-        contentEditable?: "inherit" | (boolean | "true" | "false") | "plaintext-only" | undefined;
-        contextMenu?: string | undefined;
-        dir?: string | undefined;
-        draggable?: (boolean | "true" | "false") | undefined;
-        hidden?: boolean | undefined;
-        nonce?: string | undefined;
-        spellCheck?: (boolean | "true" | "false") | undefined;
-        translate?: "no" | "yes" | undefined;
-        radioGroup?: string | undefined;
-        about?: string | undefined;
-        datatype?: string | undefined;
-        inlist?: any;
-        prefix?: string | undefined;
-        property?: string | undefined;
-        rel?: string | undefined;
-        resource?: string | undefined;
-        rev?: string | undefined;
-        typeof?: string | undefined;
-        vocab?: string | undefined;
-        autoCapitalize?: string | undefined;
-        autoCorrect?: string | undefined;
-        autoSave?: string | undefined;
-        itemProp?: string | undefined;
-        itemScope?: boolean | undefined;
-        itemType?: string | undefined;
-        itemID?: string | undefined;
-        itemRef?: string | undefined;
-        results?: number | undefined;
-        security?: string | undefined;
-        unselectable?: "on" | "off" | undefined;
-        inputMode?: "url" | "search" | "text" | "email" | "tel" | "none" | "numeric" | "decimal" | undefined;
-        is?: string | undefined;
+        disablePortal?: boolean | undefined;
+        closeAfterTransition?: boolean | undefined;
+        container?: Element | (() => Element | null) | null | undefined;
+        disableAutoFocus?: boolean | undefined;
+        disableEnforceFocus?: boolean | undefined;
+        disableEscapeKeyDown?: boolean | undefined;
+        disableRestoreFocus?: boolean | undefined;
+        disableScrollLock?: boolean | undefined;
+        hideBackdrop?: boolean | undefined;
+        keepMounted?: boolean | undefined;
+        onBackdropClick?: import('react').ReactEventHandler<{}> | undefined;
+        onTransitionEnter?: (() => void) | undefined;
+        onTransitionExited?: (() => void) | undefined;
+        dialogTitle: import('react').ReactNode;
+        dialogSubtitle?: import('react').ReactNode;
+        icon?: import('../Icon/Icon').IconProps | undefined;
+        onClose?: ((reason?: import('./Dialog').CloseReason | undefined) => void) | undefined;
     }>) => import("react/jsx-runtime").JSX.Element)[];
 };
 export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
+export declare const WithIcon: Story;

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

@@ -1,11 +1,14 @@
-import { ReactNode } from 'react';
+import { Icon } from '../Icon/Icon';
+import { ComponentProps, ReactNode } from 'react';
 
 export interface DialogTitleProps {
     /** title to be displayed */
     title?: ReactNode;
     /** subtitle to be displayed */
     subTitle?: ReactNode;
+    /** icon to show in the left side of the title */
+    icon?: ComponentProps<typeof Icon>;
 }
 /** internal component only - used by the dialog */
-declare const DialogTitle: ({ title, subTitle }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
+declare const DialogTitle: ({ title, subTitle, icon }: DialogTitleProps) => import("react/jsx-runtime").JSX.Element;
 export default DialogTitle;

package/dist/components/Dialog/DialogTitle.js

@@ -1,29 +1,35 @@
-import { jsxs as l, Fragment as o, jsx as e } from "react/jsx-runtime";
-import { Typography as r } from "../Typography/Typography.js";
-import { s as a } from "../../Dialog.module-DFEmFdYT.js";
-const n = ({ title: t, subTitle: i }) => /* @__PURE__ */ l(o, { children: [
-  /* @__PURE__ */ e(
-    r,
+import { jsxs as l, Fragment as s, jsx as e } from "react/jsx-runtime";
+import { Icon as d } from "../Icon/Icon.js";
+import { Typography as i } from "../Typography/Typography.js";
+import { s as r } from "../../Dialog.module-W7UCXlf3.js";
+const g = ({ title: o, subTitle: t, icon: a }) => /* @__PURE__ */ l(s, { children: [
+  /* @__PURE__ */ l(
+    i,
     {
       element: "h1",
       elementProps: { id: "alert-dialog-title" },
-      variant: "h4",
-      className: a.dialog__title,
-      children: t
+      variant: "base-xxl",
+      className: r.dialog__title,
+      bold: !0,
+      children: [
+        a && /* @__PURE__ */ e(d, { ...a }),
+        o
+      ]
     }
   ),
-  /* @__PURE__ */ e("hr", { className: a.dialog__divider, "aria-hidden": !0 }),
-  i && /* @__PURE__ */ e(
-    r,
+  /* @__PURE__ */ e("hr", { className: r.dialog__divider, "aria-hidden": !0 }),
+  t && /* @__PURE__ */ e(
+    i,
     {
       element: "h2",
       elementProps: { id: "alert-dialog-description" },
-      variant: "h4",
-      className: a.dialog__subtitle,
-      children: i
+      variant: "base-xl",
+      className: r.dialog__subtitle,
+      bold: !0,
+      children: t
     }
   )
 ] });
 export {
-  n as default
+  g as default
 };

package/dist/components/EllipsisTooltip/EllipsisTooltip.js

@@ -1,23 +1,36 @@
 import '../../assets/EllipsisTooltip.css';
-import { jsx as l } from "react/jsx-runtime";
-import { useState as h } from "react";
-import { c as d } from "../../clsx-DB4S2d7J.js";
-import { Tooltip as g } from "../Tooltip/Tooltip.js";
+import { jsx as s, jsxs as d, Fragment as f } from "react/jsx-runtime";
+import { useState as g } from "react";
+import { c as v } from "../../clsx-DB4S2d7J.js";
+import { Tooltip as x } from "../Tooltip/Tooltip.js";
 const H = {
-  "ellipsis-tooltip": "_ellipsis-tooltip_krf68_1"
-}, S = ({
-  lineClamp: s = 1,
-  children: e,
-  className: i,
-  disableHoverListener: o,
-  ...r
+  "ellipsis-tooltip": "_ellipsis-tooltip_1ov97_1"
+}, W = ({
+  lineClamp: e = 1,
+  children: i,
+  className: r,
+  disableHoverListener: t,
+  ...a
 }) => {
-  const [c, a] = h(!1), p = (t) => {
-    const m = t.scrollWidth > t.clientWidth, f = t.scrollHeight > t.clientHeight;
-    a(m || f);
-  }, n = typeof o == "boolean" ? o : !c;
-  return /* @__PURE__ */ l(g, { className: d(i), ...r, onTargetCreated: p, disableHoverListener: n, children: /* @__PURE__ */ l("span", { style: { "--line-clamp": s }, className: H["ellipsis-tooltip"], children: e }) });
+  const [o, c] = g(!1), n = (l) => {
+    const m = l.scrollWidth > l.clientWidth, h = l.scrollHeight > l.clientHeight;
+    c(m || h);
+  }, p = typeof t == "boolean" ? t : !o;
+  return /* @__PURE__ */ s(
+    x,
+    {
+      className: v(r),
+      ...a,
+      onTargetCreated: n,
+      disableHoverListener: p,
+      disablePortal: !1,
+      children: /* @__PURE__ */ d("span", { style: { "--line-clamp": e }, className: H["ellipsis-tooltip"], children: [
+        i,
+        o && /* @__PURE__ */ s(f, { children: " ‌" })
+      ] })
+    }
+  );
 };
 export {
-  S as EllipsisTooltip
+  W as EllipsisTooltip
 };

package/dist/components/EllipsisTooltip/EllipsisTooltip.stories.d.ts

@@ -16,9 +16,10 @@ declare const meta: {
         'data-testid'?: string | undefined;
         open?: boolean | undefined;
         onClose?: (() => void) | undefined;
-        theme?: "black" | "white" | undefined;
         position?: import('@floating-ui/utils').Placement | undefined;
         padding?: "small" | "normal" | undefined;
+        theme?: "black" | "white" | undefined;
+        disablePortal?: boolean | undefined;
         arialRole?: import('react').AriaRole | undefined;
         disableHoverListener?: boolean | undefined;
         lineClamp?: number | undefined;