@carto/meridian-ds 2.7.0 → 2.8.0-alpha-empty-state.2

package/dist/theme/index.cjs

@@ -3,12 +3,12 @@ var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
 const paletteUtils = require("../palette-utils-B9ybmwiI.cjs");
+const MenuItem = require("../MenuItem-DoBJsRR_.cjs");
 const jsxRuntime = require("react/jsx-runtime");
-const cssUtils = require("../css-utils-DjvM17Vb.cjs");
+const cssUtils = require("../css-utils-CH7es90t.cjs");
 const iconsMaterial = require("@mui/icons-material");
 const ArrowDown = require("../ArrowDown-DJ0vhbsw.cjs");
 const xDatePickers = require("@mui/x-date-pickers");
-const MenuItem = require("../MenuItem-ZSYcQBtg.cjs");
 const themeShadows = [
   "none",
   // 0
@@ -44,11 +44,6 @@ const themeShadows = [
   "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
   // 24
 ];
-function getPixelToRem(px) {
-  const fontBase = 16;
-  const rem = 1 / fontBase * px + "rem";
-  return rem;
-}
 const baseTypography = {
   htmlFontSize: 16,
   fontFamily: "Inter, sans-serif",
@@ -62,77 +57,77 @@ const baseTypography = {
   h1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: getPixelToRem(96),
+    fontSize: MenuItem.getPixelToRem(96),
     lineHeight: 1.167,
     letterSpacing: "-1.5px"
   },
   h2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: getPixelToRem(60),
+    fontSize: MenuItem.getPixelToRem(60),
     lineHeight: 1.2,
     letterSpacing: "-0.5px"
   },
   h3: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: getPixelToRem(48),
+    fontSize: MenuItem.getPixelToRem(48),
     lineHeight: 1.167,
     letterSpacing: 0
   },
   h4: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: getPixelToRem(32),
+    fontSize: MenuItem.getPixelToRem(32),
     lineHeight: 1.25,
     letterSpacing: 0
   },
   h5: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: getPixelToRem(24),
+    fontSize: MenuItem.getPixelToRem(24),
     lineHeight: 1.167,
     letterSpacing: 0
   },
   h6: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: getPixelToRem(18),
+    fontSize: MenuItem.getPixelToRem(18),
     lineHeight: 1.333,
     letterSpacing: 0
   },
   subtitle1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: getPixelToRem(16),
+    fontSize: MenuItem.getPixelToRem(16),
     lineHeight: 1.5,
     letterSpacing: 0
   },
   subtitle2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 600,
-    fontSize: getPixelToRem(13),
+    fontSize: MenuItem.getPixelToRem(13),
     lineHeight: 1.538,
     letterSpacing: 0
   },
   body1: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: getPixelToRem(16),
+    fontSize: MenuItem.getPixelToRem(16),
     lineHeight: 1.5,
     letterSpacing: 0
   },
   body2: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: getPixelToRem(13),
+    fontSize: MenuItem.getPixelToRem(13),
     lineHeight: 1.538,
     letterSpacing: 0
   },
   button: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: getPixelToRem(13),
+    fontSize: MenuItem.getPixelToRem(13),
     lineHeight: 1.538,
     letterSpacing: 0,
     textTransform: "inherit"
@@ -140,14 +135,14 @@ const baseTypography = {
   caption: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 400,
-    fontSize: getPixelToRem(11),
+    fontSize: MenuItem.getPixelToRem(11),
     lineHeight: 1.454,
     letterSpacing: 0
   },
   overline: {
     fontFamily: "Inter, sans-serif",
     fontWeight: 500,
-    fontSize: getPixelToRem(10),
+    fontSize: MenuItem.getPixelToRem(10),
     lineHeight: 1.2,
     letterSpacing: "1.2px",
     textTransform: "uppercase"
@@ -167,7 +162,7 @@ const customTypography = {
   code1: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: getPixelToRem(16),
+    fontSize: MenuItem.getPixelToRem(16),
     lineHeight: 1.5,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -175,7 +170,7 @@ const customTypography = {
   code2: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: getPixelToRem(14),
+    fontSize: MenuItem.getPixelToRem(14),
     lineHeight: 1.428,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -183,7 +178,7 @@ const customTypography = {
   code3: {
     fontFamily: '"Overpass Mono", monospace',
     fontWeight: 400,
-    fontSize: getPixelToRem(12),
+    fontSize: MenuItem.getPixelToRem(12),
     lineHeight: 1.333,
     letterSpacing: 0,
     fontVariantLigatures: "no-common-ligatures"
@@ -1213,7 +1208,7 @@ const buttonsOverrides = {
       exclusive: true
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
+      root: ({ theme: theme2, ownerState }) => ({
         alignItems: "center",
         justifyContent: "center",
         borderRadius: theme2.spacing(1),
@@ -1241,6 +1236,75 @@ const buttonsOverrides = {
           "& + .MuiDivider-root.MuiDivider-horizontal": {
             width: sizeMedium
           }
+        },
+        // Variant: contained
+        ...ownerState.variant === "contained" && {
+          boxShadow: "none"
+        },
+        // Variant: unbounded
+        ...ownerState.variant === "unbounded" && {
+          boxShadow: "none",
+          borderRadius: theme2.spacing(0.5),
+          "& .MuiDivider-root": {
+            height: theme2.spacing(4),
+            "&.MuiToggleButtonGroup-groupedHorizontal": {
+              height: theme2.spacing(4)
+            },
+            "&.MuiToggleButtonGroup-groupedVertical": {
+              height: "auto",
+              width: theme2.spacing(4),
+              margin: `${theme2.spacing(0.5, 0, 1)} !important`,
+              borderRadius: "0 !important"
+            }
+          },
+          "& .MuiToggleButton-sizeSmall": {
+            margin: 0,
+            "&.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+              margin: 0
+            },
+            "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
+              height: theme2.spacing(3)
+            },
+            "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
+              height: "auto",
+              width: theme2.spacing(3)
+            }
+          },
+          ".MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+            margin: 0,
+            "&:first-of-type": {
+              marginLeft: 0
+            },
+            "&:not(:last-of-type)": {
+              marginRight: theme2.spacing(0.5)
+            }
+          },
+          "&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)": {
+            ".MuiToggleButtonGroup-grouped": {
+              margin: theme2.spacing(0, 0.5)
+            }
+          },
+          "&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)": {
+            ".MuiToggleButtonGroup-grouped": {
+              margin: theme2.spacing(0, 0, 0.5),
+              "&:not(:last-of-type)": {
+                marginRight: 0
+              },
+              "&:last-of-type": {
+                marginBottom: 0
+              }
+            }
+          }
+        },
+        // Background colors using data-attribute selector
+        '&[data-background-color="primary"]': {
+          backgroundColor: theme2.palette.background.paper
+        },
+        '&[data-background-color="secondary"]': {
+          backgroundColor: theme2.palette.background.default
+        },
+        '&[data-background-color="transparent"]': {
+          backgroundColor: "transparent"
         }
       }),
       // Styles applied to the children if orientation="horizontal"
@@ -2230,6 +2294,14 @@ const formsOverrides = {
     defaultProps: {
       size: 40,
       thickness: 4
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        // Not using standard ownerState to avoid MUI error trying to access non-existent theme.palette.neutral.main
+        '&[data-color="neutral"]': {
+          color: theme2.palette.text.hint
+        }
+      })
     }
   },
   // Slider

package/dist/theme/index.js

@@ -2,13 +2,13 @@ var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
 import { c as commonPalette } from "../palette-utils-BHqJlHm9.js";
 import { g } from "../palette-utils-BHqJlHm9.js";
+import { g as getPixelToRem, M as MenuItem } from "../MenuItem-Cx5lTXXm.js";
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-BHYA7By_.js";
-import { h, N } from "../css-utils-BHYA7By_.js";
+import { T as Typography, a as TablePaginationActions, I as ICON_SIZE_LARGE, b as ICON_SIZE_MEDIUM, c as ICON_SIZE_SMALL, g as getSpacing, e as ellipsisStyles, M as MENU_ITEM_SIZE_DEFAULT, d as MENU_LIST_MAX_SIZE, f as MENU_ITEM_SIZE_DENSE, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-CjUBRJVK.js";
+import { h, N } from "../css-utils-CjUBRJVK.js";
 import { Cancel, EventOutlined, ChevronRightOutlined, ChevronLeftOutlined, ExpandMoreOutlined, CheckCircleOutlined, InfoOutlined } from "@mui/icons-material";
 import { A as ArrowDown } from "../ArrowDown-d6bxUL0F.js";
 import { renderDigitalClockTimeView } from "@mui/x-date-pickers";
-import { M as MenuItem } from "../MenuItem-D90EfuGS.js";
 const themeShadows = [
   "none",
   // 0
@@ -44,11 +44,6 @@ const themeShadows = [
   "0px 11px 15px -7px rgba(44, 48, 50, 0.12), 0px 24px 38px 3px rgba(44, 48, 50, 0.08), 0px 9px 46px 8px rgba(44, 48, 50, 0.04)"
   // 24
 ];
-function getPixelToRem(px) {
-  const fontBase = 16;
-  const rem = 1 / fontBase * px + "rem";
-  return rem;
-}
 const baseTypography = {
   htmlFontSize: 16,
   fontFamily: "Inter, sans-serif",
@@ -1213,7 +1208,7 @@ const buttonsOverrides = {
       exclusive: true
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
+      root: ({ theme: theme2, ownerState }) => ({
         alignItems: "center",
         justifyContent: "center",
         borderRadius: theme2.spacing(1),
@@ -1241,6 +1236,75 @@ const buttonsOverrides = {
           "& + .MuiDivider-root.MuiDivider-horizontal": {
             width: sizeMedium
           }
+        },
+        // Variant: contained
+        ...ownerState.variant === "contained" && {
+          boxShadow: "none"
+        },
+        // Variant: unbounded
+        ...ownerState.variant === "unbounded" && {
+          boxShadow: "none",
+          borderRadius: theme2.spacing(0.5),
+          "& .MuiDivider-root": {
+            height: theme2.spacing(4),
+            "&.MuiToggleButtonGroup-groupedHorizontal": {
+              height: theme2.spacing(4)
+            },
+            "&.MuiToggleButtonGroup-groupedVertical": {
+              height: "auto",
+              width: theme2.spacing(4),
+              margin: `${theme2.spacing(0.5, 0, 1)} !important`,
+              borderRadius: "0 !important"
+            }
+          },
+          "& .MuiToggleButton-sizeSmall": {
+            margin: 0,
+            "&.MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+              margin: 0
+            },
+            "& + .MuiDivider-root.MuiToggleButtonGroup-groupedHorizontal": {
+              height: theme2.spacing(3)
+            },
+            "& + .MuiDivider-root.MuiToggleButtonGroup-groupedVertical": {
+              height: "auto",
+              width: theme2.spacing(3)
+            }
+          },
+          ".MuiToggleButtonGroup-grouped:not(.MuiDivider-root)": {
+            margin: 0,
+            "&:first-of-type": {
+              marginLeft: 0
+            },
+            "&:not(:last-of-type)": {
+              marginRight: theme2.spacing(0.5)
+            }
+          },
+          "&.MuiToggleButtonGroup-horizontal:not(.MuiDivider-root)": {
+            ".MuiToggleButtonGroup-grouped": {
+              margin: theme2.spacing(0, 0.5)
+            }
+          },
+          "&.MuiToggleButtonGroup-vertical:not(.MuiDivider-root)": {
+            ".MuiToggleButtonGroup-grouped": {
+              margin: theme2.spacing(0, 0, 0.5),
+              "&:not(:last-of-type)": {
+                marginRight: 0
+              },
+              "&:last-of-type": {
+                marginBottom: 0
+              }
+            }
+          }
+        },
+        // Background colors using data-attribute selector
+        '&[data-background-color="primary"]': {
+          backgroundColor: theme2.palette.background.paper
+        },
+        '&[data-background-color="secondary"]': {
+          backgroundColor: theme2.palette.background.default
+        },
+        '&[data-background-color="transparent"]': {
+          backgroundColor: "transparent"
         }
       }),
       // Styles applied to the children if orientation="horizontal"
@@ -2230,6 +2294,14 @@ const formsOverrides = {
     defaultProps: {
       size: 40,
       thickness: 4
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        // Not using standard ownerState to avoid MUI error trying to access non-existent theme.palette.neutral.main
+        '&[data-color="neutral"]': {
+          color: theme2.palette.text.hint
+        }
+      })
     }
   },
   // Slider

package/dist/types/components/CircularProgress/CircularProgress.d.ts

@@ -0,0 +1,19 @@
+import { CircularProgressProps as MuiCircularProgressProps } from '@mui/material';
+export type CircularProgressProps = Omit<MuiCircularProgressProps, 'color' | 'ref'> & {
+    /**
+     * The color of the component.
+     * It supports primary, secondary, error, info, success, warning and neutral colors.
+     * @default 'primary'
+     */
+    color?: MuiCircularProgressProps['color'] | 'neutral';
+};
+declare const CircularProgress: import('react').ForwardRefExoticComponent<Omit<MuiCircularProgressProps, "color" | "ref"> & {
+    /**
+     * The color of the component.
+     * It supports primary, secondary, error, info, success, warning and neutral colors.
+     * @default 'primary'
+     */
+    color?: MuiCircularProgressProps["color"] | "neutral";
+} & import('react').RefAttributes<HTMLSpanElement>>;
+export default CircularProgress;
+//# sourceMappingURL=CircularProgress.d.ts.map

package/dist/types/components/CircularProgress/CircularProgress.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/CircularProgress.tsx"],"names":[],"mappings":"AACA,OAAO,EAEL,qBAAqB,IAAI,wBAAwB,EAClD,MAAM,eAAe,CAAA;AAEtB,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,wBAAwB,EACxB,OAAO,GAAG,KAAK,CAChB,GAAG;IACF;;;;OAIG;IACH,KAAK,CAAC,EAAE,wBAAwB,CAAC,OAAO,CAAC,GAAG,SAAS,CAAA;CACtD,CAAA;AA+BD,QAAA,MAAM,gBAAgB;IArCpB;;;;OAIG;YACK,wBAAwB,CAAC,OAAO,CAAC,GAAG,SAAS;mDAkCtD,CAAA;AACD,eAAe,gBAAgB,CAAA"}

package/dist/types/components/CircularProgress/CircularProgress.stories.d.ts

@@ -0,0 +1,72 @@
+import { CircularProgressProps } from './CircularProgress';
+declare const options: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<Omit<import('@mui/material').CircularProgressProps, "color" | "ref"> & {
+        color?: import('@mui/material').CircularProgressProps["color"] | "neutral";
+    } & import('react').RefAttributes<HTMLSpanElement>>;
+    tags: string[];
+    argTypes: {
+        color: {
+            control: "select";
+            options: string[];
+        };
+        size: {
+            control: "select";
+            options: number[];
+        };
+        thickness: {
+            control: "number";
+        };
+        variant: {
+            control: "select";
+            options: string[];
+        };
+        value: {
+            control: "number";
+            if: {
+                arg: string;
+                eq: string;
+            };
+        };
+    };
+    args: {
+        color: string;
+        size: number;
+        thickness: number;
+        variant: string;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+        status: {
+            type: string;
+        };
+        chromatic: {
+            diffThreshold: number;
+        };
+    };
+};
+export default options;
+export declare const Playground: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export declare const Color: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Thickness: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Variant: {
+    render: (args: CircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+};
+//# sourceMappingURL=CircularProgress.stories.d.ts.map

package/dist/types/components/CircularProgress/CircularProgress.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/CircularProgress.stories.tsx"],"names":[],"mappings":"AAEA,OAAyB,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAG5E,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmDG,CAAA;AAChB,eAAe,OAAO,CAAA;AAiGtB,eAAO,MAAM,UAAU;mBA/FC,qBAAqB;;;;;;CAoG5C,CAAA;AAED,eAAO,MAAM,KAAK;mBApGW,qBAAqB;CAsGjD,CAAA;AAED,eAAO,MAAM,IAAI;mBA5EW,qBAAqB;CA8EhD,CAAA;AAED,eAAO,MAAM,SAAS;mBA7DW,qBAAqB;CA+DrD,CAAA;AAED,eAAO,MAAM,OAAO;mBA5CW,qBAAqB;CA8CnD,CAAA"}

package/dist/types/components/CircularProgress/CircularProgress.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=CircularProgress.test.d.ts.map

package/dist/types/components/CircularProgress/CircularProgress.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress.test.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/CircularProgress.test.tsx"],"names":[],"mappings":""}

package/dist/types/components/CircularProgress/index.d.ts

@@ -0,0 +1,3 @@
+export { default as CircularProgress } from './CircularProgress';
+export type * from './CircularProgress';
+//# sourceMappingURL=index.d.ts.map

package/dist/types/components/CircularProgress/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/CircularProgress/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,oBAAoB,CAAA;AAChE,mBAAmB,oBAAoB,CAAA"}

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

@@ -1,4 +1,4 @@
 import { DialogConfirmationProps } from '../types';
-declare function DialogConfirmation({ children, onClickAway, actions, severity, opened, 'data-testid': dataTestId, 'aria-label': ariaLabel, ...alertProps }: DialogConfirmationProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogConfirmation({ children, onClickAway, actions, severity, opened, 'data-testid': dataTestId, 'aria-label': ariaLabel, slideProps, ...alertProps }: DialogConfirmationProps): import("react/jsx-runtime").JSX.Element;
 export default DialogConfirmation;
 //# sourceMappingURL=DialogConfirmation.d.ts.map

package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogConfirmation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogConfirmation/DialogConfirmation.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAiClD,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAoB,EACpB,MAAM,EACN,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,GAAG,UAAU,EACd,EAAE,uBAAuB,2CAwCzB;AAED,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"DialogConfirmation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogConfirmation/DialogConfirmation.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,uBAAuB,EAAE,MAAM,UAAU,CAAA;AAiClD,iBAAS,kBAAkB,CAAC,EAC1B,QAAQ,EACR,WAAW,EACX,OAAO,EACP,QAAoB,EACpB,MAAM,EACN,aAAa,EAAE,UAAU,EACzB,YAAY,EAAE,SAAS,EACvB,UAAU,EACV,GAAG,UAAU,EACd,EAAE,uBAAuB,2CA8CzB;AAED,eAAe,kBAAkB,CAAA"}

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

@@ -17,6 +17,12 @@ declare const options: {
                 type: "select";
             };
         };
+        slideProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
     };
     args: {
         severity: "warning";
@@ -36,4 +42,11 @@ export default options;
 export declare const Playground: {
     render: ({ severity, content, title, ...dialogProps }: DialogProps & AlertProps) => import("react/jsx-runtime").JSX.Element;
 };
+export declare const CustomSlideProps: {
+    render: ({ severity, content, title, ...dialogProps }: DialogProps & AlertProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        severity: string;
+        title: string;
+    };
+};
 //# sourceMappingURL=DialogConfirmation.stories.d.ts.map

package/dist/types/components/Dialog/DialogConfirmation/DialogConfirmation.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogConfirmation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogConfirmation/DialogConfirmation.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAML,kBAAkB,EAClB,UAAU,EACX,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2B8B,CAAA;AAE3C,eAAe,OAAO,CAAA;AA0EtB,eAAO,MAAM,UAAU;2DAnEpB,WAAW,GAAG,UAAU;CAqE1B,CAAA"}
+{"version":3,"file":"DialogConfirmation.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogConfirmation/DialogConfirmation.stories.tsx"],"names":[],"mappings":"AAGA,OAAO,EAML,kBAAkB,EAClB,UAAU,EACX,MAAM,cAAc,CAAA;AACrB,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAEtC,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAgC8B,CAAA;AAE3C,eAAe,OAAO,CAAA;AA0EtB,eAAO,MAAM,UAAU;2DAnEpB,WAAW,GAAG,UAAU;CAqE1B,CAAA;AAyED,eAAO,MAAM,gBAAgB;2DAlE1B,WAAW,GAAG,UAAU;;;;;CAwE1B,CAAA"}

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

@@ -1,4 +1,4 @@
 import { DialogHeaderProps } from '../types';
-declare function DialogHeader({ title, chipLabel, chipProps, children, onClose, secondaryActions, 'aria-label': ariaLabel, closeIcon, closeTooltipText, ...otherProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
+declare function DialogHeader({ title, chipLabel, chipProps, children, onClose, secondaryActions, 'aria-label': ariaLabel, closeIcon, closeTooltipText, tooltipProps, iconButtonProps, ...otherProps }: DialogHeaderProps): import("react/jsx-runtime").JSX.Element;
 export default DialogHeader;
 //# sourceMappingURL=DialogHeader.d.ts.map

package/dist/types/components/Dialog/DialogHeader/DialogHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAgC5C,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,EAChB,GAAG,UAAU,EACd,EAAE,iBAAiB,2CA6CnB;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"DialogHeader.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.tsx"],"names":[],"mappings":"AAYA,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAA;AAgC5C,iBAAS,YAAY,CAAC,EACpB,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,OAAO,EACP,gBAAgB,EAChB,YAAY,EAAE,SAAS,EACvB,SAAS,EACT,gBAAgB,EAChB,YAAY,EACZ,eAAe,EACf,GAAG,UAAU,EACd,EAAE,iBAAiB,2CAiDnB;AAED,eAAe,YAAY,CAAA"}

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

@@ -3,6 +3,20 @@ declare const options: {
     title: string;
     component: typeof DialogHeader;
     tags: string[];
+    argTypes: {
+        tooltipProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
+        iconButtonProps: {
+            control: {
+                type: "object";
+            };
+            description: string;
+        };
+    };
     args: {
         title: string;
         onClose: () => undefined;
@@ -54,4 +68,21 @@ export declare const CustomCloseTooltipText: {
         };
     };
 };
+export declare const CustomTooltipProps: {
+    args: {
+        tooltipProps: {
+            arrow: boolean;
+            placement: string;
+            enterDelay: number;
+        };
+    };
+};
+export declare const CustomIconButtonProps: {
+    args: {
+        iconButtonProps: {
+            color: string;
+            size: string;
+        };
+    };
+};
 //# sourceMappingURL=DialogHeader.stories.d.ts.map

package/dist/types/components/Dialog/DialogHeader/DialogHeader.stories.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DialogHeader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAiB,MAAM,cAAc,CAAA;AAG1D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;CAiBwB,CAAA;AAErC,eAAe,OAAO,CAAA;AAEtB,eAAO,MAAM,UAAU,IAAK,CAAA;AAE5B,eAAO,MAAM,eAAe;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;CAQhC,CAAA;AAED,eAAO,MAAM,YAAY;;;;CASxB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAclC,CAAA"}
+{"version":3,"file":"DialogHeader.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Dialog/DialogHeader/DialogHeader.stories.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAiB,MAAM,cAAc,CAAA;AAG1D,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2BwB,CAAA;AAErC,eAAe,OAAO,CAAA;AAEtB,eAAO,MAAM,UAAU,IAAK,CAAA;AAE5B,eAAO,MAAM,eAAe;;;;CAQ3B,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;CAQhC,CAAA;AAED,eAAO,MAAM,YAAY;;;;CASxB,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;CAclC,CAAA;AAED,eAAO,MAAM,kBAAkB;;;;;;;;CAQ9B,CAAA;AAED,eAAO,MAAM,qBAAqB;;;;;;;CAOjC,CAAA"}

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ChipProps, DialogProps as MuiDialogProps, DialogContentProps as MuiDialogContentProps, DialogActionsProps as MuiDialogActionsProps, DialogTitleProps as MuiDialogTitleProps } from '@mui/material';
+import { ChipProps, DialogProps as MuiDialogProps, DialogContentProps as MuiDialogContentProps, DialogActionsProps as MuiDialogActionsProps, DialogTitleProps as MuiDialogTitleProps, TooltipProps, IconButtonProps, SlideProps } from '@mui/material';
 import { AlertProps } from '../Alert/Alert';
 export type DialogSize = 'small' | 'medium' | 'large' | 'xlarge';
 export interface DialogProps extends MuiDialogProps {
@@ -61,6 +61,10 @@ export type DialogHeaderProps = Omit<MuiDialogTitleProps, 'title'> & {
     ariaLabel?: string;
     closeIcon?: ReactNode;
     closeTooltipText?: string;
+    /** Props to pass to the Tooltip component around the close button */
+    tooltipProps?: Partial<TooltipProps>;
+    /** Props to pass to the IconButton component for the close button */
+    iconButtonProps?: Partial<Omit<IconButtonProps, 'children'>>;
 };
 export interface DialogStepperProps {
     currentStep: number;
@@ -71,5 +75,7 @@ export type DialogConfirmationProps = AlertProps & {
     actions: ReactNode;
     opened: boolean;
     'data-testid'?: string;
+    /** Props to pass to the Slide component for animation customization */
+    slideProps?: Partial<Omit<SlideProps, 'in' | 'container' | 'children'>>;
 };
 //# sourceMappingURL=types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,SAAS,EACT,WAAW,IAAI,cAAc,EAC7B,kBAAkB,IAAI,qBAAqB,EAC3C,kBAAkB,IAAI,qBAAqB,EAC3C,gBAAgB,IAAI,mBAAmB,EACxC,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnE,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,EAAE,CAAA;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/Dialog/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EACL,SAAS,EACT,WAAW,IAAI,cAAc,EAC7B,kBAAkB,IAAI,qBAAqB,EAC3C,kBAAkB,IAAI,qBAAqB,EAC3C,gBAAgB,IAAI,mBAAmB,EACvC,YAAY,EACZ,eAAe,EACf,UAAU,EACX,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAA;AAE3C,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAEhE,MAAM,WAAW,WAAY,SAAQ,cAAc;IACjD;;;;OAIG;IACH,IAAI,CAAC,EAAE,UAAU,CAAA;IAEjB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAElB;;SAEK;IACL,MAAM,CAAC,EAAE,MAAM,CAAA;IAEf;;SAEK;IACL,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;SAEK;IACL,OAAO,CAAC,EAAE,OAAO,CAAA;IAEjB,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,kBAAmB,SAAQ,qBAAqB;IAC/D;;;;;;OAMG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAC1B,cAAc,CAAC,EAAE,OAAO,CAAA;IACxB;;;SAGK;IACL,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,MAAM,iBAAiB,GAAG,qBAAqB,GAAG;IACtD,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,UAAU,CAAC,EAAE,SAAS,CAAA;CACvB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,mBAAmB,EAAE,OAAO,CAAC,GAAG;IACnE,KAAK,EAAE,SAAS,CAAA;IAChB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,gBAAgB,CAAC,EAAE,SAAS,CAAA;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,qEAAqE;IACrE,YAAY,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAA;IACpC,qEAAqE;IACrE,eAAe,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,CAAC,CAAA;CAC7D,CAAA;AAED,MAAM,WAAW,kBAAkB;IACjC,WAAW,EAAE,MAAM,CAAA;IACnB,WAAW,EAAE,MAAM,EAAE,CAAA;CACtB;AAED,MAAM,MAAM,uBAAuB,GAAG,UAAU,GAAG;IACjD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAA;IACxB,OAAO,EAAE,SAAS,CAAA;IAClB,MAAM,EAAE,OAAO,CAAA;IACf,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,uEAAuE;IACvE,UAAU,CAAC,EAAE,OAAO,CAAC,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,WAAW,GAAG,UAAU,CAAC,CAAC,CAAA;CACxE,CAAA"}

package/dist/types/components/EmptyState/EmptyState.d.ts

@@ -0,0 +1,4 @@
+import { EmptyStateProps } from './types';
+declare const EmptyState: import('react').ForwardRefExoticComponent<EmptyStateProps & import('react').RefAttributes<HTMLDivElement>>;
+export default EmptyState;
+//# sourceMappingURL=EmptyState.d.ts.map

package/dist/types/components/EmptyState/EmptyState.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAmGzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}