@pismo/marola 1.0.0-beta.67 → 1.0.0-beta.7

package/dist/components/Chip/Chip.d.ts

@@ -1,14 +1,14 @@
-import { AdornmentProps } from '../../main';
+import { AdornmentSlotProps } from '../../main';
 import { ReactNode } from 'react';
 
 export type Variant = 'default' | 'contained' | 'outlined';
-export type ChipProps = {
+type ChipProps = {
     /** Main content to display, typically just some text */
     label: ReactNode;
     /** Whether to show loading state (skeleton) */
     loading?: boolean;
     /** Left icon to display */
-    leftAdornment?: AdornmentProps;
+    leftAdornment?: AdornmentSlotProps;
     /** Dataset test id only used for tests to reach in and grab the rendered DOM node of the chip wrapper */
     'data-testid'?: string;
     /** Functionality to perform when the main body of the chip is clicked */
@@ -27,7 +27,5 @@ export type ChipProps = {
     /** Dataset test id only used for tests, used to hook onto the loading skeleton component for this chip */
     'data-testid-skeleton'?: string;
 };
-export type ChipWrapperProps = Pick<ChipProps, 'data-testid' | 'onClickContent' | 'disabled' | 'className' | 'variant'> & {
-    children?: ReactNode;
-};
 export declare const Chip: import('react').ForwardRefExoticComponent<ChipProps & import('react').RefAttributes<unknown>>;
+export {};

package/dist/components/Chip/Chip.js

@@ -3,22 +3,18 @@ import "react";
 import "../../clsx-DB4S2d7J.js";
 import "../Adornment/Adornment.js";
 import "../Icon/Icon.js";
-import "../Typography/Typography.js";
-import "../Input/Input.js";
-import "../Avatar/Avatar.js";
 import "../Button/Button.js";
-import { C as u } from "../../Toggle-MfR7l8Wn.js";
-import "../Dialog/Dialog.js";
-import "../Skeleton/Skeleton.js";
+import { C as k } from "../../Toggle-BWF0-SPB.js";
+import "../Dialog/Backdrop.js";
+import "../Typography/Typography.js";
 import "../IconButton/IconButton.js";
-import "../InputSearch/InputSearch.js";
 import "../Select/Select.js";
-import "../Popover/Popover.js";
+import "../Skeleton/Skeleton.js";
 import "../Table/Table.js";
 import "../Tabs/Tabs.js";
-import "../../Group-DspH8hyO.js";
+import "../../Group-B3p31ftp.js";
 import "../../contexts/SnackbarProvider/SnackbarProvider.js";
-import "../../Button-BAljjMv3.js";
+import "../../Button-2b1peDFT.js";
 export {
-  u as Chip
+  k as Chip
 };

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

@@ -2,12 +2,24 @@ import { StoryObj } from '@storybook/react';
 
 declare const meta: {
     title: string;
-    component: import('react').ForwardRefExoticComponent<import('./Chip').ChipProps & import('react').RefAttributes<unknown>>;
+    component: import('react').ForwardRefExoticComponent<{
+        label: import('react').ReactNode;
+        loading?: boolean | undefined;
+        leftAdornment?: import('../Adornment/Adornment').AdornmentSlotProps | undefined;
+        'data-testid'?: string | undefined;
+        onClickContent?: (() => void) | undefined;
+        onClickRemove?: (() => void) | undefined;
+        disabled?: boolean | undefined;
+        className?: string | undefined;
+        'className-skeleton'?: string | undefined;
+        variant?: import('./Chip').Variant | undefined;
+        'data-testid-skeleton'?: string | undefined;
+    } & import('react').RefAttributes<unknown>>;
     tags: string[];
     decorators: ((Story: import('@storybook/types').PartialStoryFn<import('@storybook/react').ReactRenderer, {
         label: import('react').ReactNode;
         loading?: boolean | undefined;
-        leftAdornment?: import('../Adornment/Adornment').AdornmentProps | undefined;
+        leftAdornment?: import('../Adornment/Adornment').AdornmentSlotProps | undefined;
         'data-testid'?: string | undefined;
         onClickContent?: (() => void) | undefined;
         onClickRemove?: (() => void) | undefined;
@@ -24,10 +36,7 @@ export default meta;
 type Story = StoryObj<typeof meta>;
 export declare const Simple: Story;
 export declare const Clickable: Story;
-export declare const Disabled: Story;
 export declare const ClickableWithRemove: Story;
-export declare const ClickableOnlyRemove: Story;
 export declare const FullDefault: Story;
 export declare const FullOutlined: Story;
 export declare const FullContained: Story;
-export declare const FullContainedCustomIcon: Story;

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-W7UCXlf3.js";
+import { s as t } from "../../Dialog.module-DFEmFdYT.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

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

package/dist/components/Dialog/Backdrop.js

@@ -1,11 +1,10 @@
 import { jsx as a } from "react/jsx-runtime";
-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 })
-);
+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 });
+});
 export {
-  l as default
+  i as default
 };

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

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

package/dist/components/Dialog/CloseIconButton.js

@@ -1,17 +1,20 @@
-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" })
-  }
-);
+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)" })
+    }
+  );
+};
 export {
-  n as default
+  d as default
 };

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

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