@carto/meridian-ds 2.7.0-alpha-loader.6 → 2.8.0-alpha-empty-state.1

package/dist/theme/index.cjs

@@ -2,13 +2,13 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const material = require("@mui/material");
-const cssUtils = require("../css-utils-B9V_AMcv.cjs");
+const paletteUtils = require("../palette-utils-B9ybmwiI.cjs");
 const jsxRuntime = require("react/jsx-runtime");
+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-BLZz_nSA.cjs");
-const paletteUtils = require("../palette-utils-C5CHlLXB.cjs");
+const MenuItem = require("../MenuItem-CgF4QdGi.cjs");
 const themeShadows = [
   "none",
   // 0
@@ -1213,7 +1213,7 @@ const buttonsOverrides = {
       exclusive: true
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
+      root: ({ theme: theme2, ownerState }) => ({
         alignItems: "center",
         justifyContent: "center",
         borderRadius: theme2.spacing(1),
@@ -1241,6 +1241,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"
@@ -3016,8 +3085,8 @@ const layoutOverrides = {
 const CssBaseline = {
   // Accessibility focus (keyboard only)
   "*:focus-visible": {
-    outline: `2px solid ${(_a = cssUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
-    boxShadow: `0 0 0 4px ${(_b = cssUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
+    outline: `2px solid ${(_a = paletteUtils.commonPalette.primary) == null ? void 0 : _a.main} !important`,
+    boxShadow: `0 0 0 4px ${(_b = paletteUtils.commonPalette.primary) == null ? void 0 : _b.background} !important`,
     borderRadius: "4px"
   },
   // Custom scrollbars
@@ -3036,7 +3105,7 @@ const CssBaseline = {
   },
   "*::-webkit-scrollbar-thumb": {
     borderRadius: "3px",
-    background: (_c = cssUtils.commonPalette.action) == null ? void 0 : _c.focus,
+    background: (_c = paletteUtils.commonPalette.action) == null ? void 0 : _c.focus,
     outline: "none"
   },
   // iOS Search clear button
@@ -3059,7 +3128,7 @@ const CssBaseline = {
       textTransform: "none",
       letterSpacing: "0.75px",
       "& a": {
-        color: (_d = cssUtils.commonPalette.primary) == null ? void 0 : _d.main
+        color: (_d = paletteUtils.commonPalette.primary) == null ? void 0 : _d.main
       }
     },
     "&.mapboxgl-compact": {
@@ -3071,7 +3140,7 @@ const CssBaseline = {
         bottom: cssUtils.getSpacing(0.5)
       },
       "& .mapboxgl-ctrl-attrib-button": {
-        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = cssUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
+        backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cg%3E%3Crect%20fill='none'%20height='24'%20width='24'%20x='0'/%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Cg%3E%3Cpath%20d='M11.88,9.14c1.28,0.06,1.61,1.15,1.63,1.66h1.79c-0.08-1.98-1.49-3.19-3.45-3.19C9.64,7.61,8,9,8,12.14%20c0,1.94,0.93,4.24,3.84,4.24c2.22,0,3.41-1.65,3.44-2.95h-1.79c-0.03,0.59-0.45,1.38-1.63,1.44C10.55,14.83,10,13.81,10,12.14%20C10,9.25,11.28,9.16,11.88,9.14z%20M12,2C6.48,2,2,6.48,2,12s4.48,10,10,10s10-4.48,10-10S17.52,2,12,2z%20M12,20c-4.41,0-8-3.59-8-8%20s3.59-8,8-8s8,3.59,8,8S16.41,20,12,20z'%20fill='${(_e = paletteUtils.commonPalette.text) == null ? void 0 : _e.secondary}'/%3E%3C/g%3E%3C/g%3E%3C/g%3E%3C/svg%3E")`,
         backgroundColor: "rgba(255,255,255,.8)",
         top: "auto",
         bottom: 0,
@@ -3085,14 +3154,14 @@ const CssBaseline = {
         padding: cssUtils.getSpacing(0.5, 1),
         borderRadius: cssUtils.getSpacing(1.5),
         marginRight: cssUtils.getSpacing(2.5),
-        color: (_f = cssUtils.commonPalette.text) == null ? void 0 : _f.secondary
+        color: (_f = paletteUtils.commonPalette.text) == null ? void 0 : _f.secondary
       },
       "&.mapboxgl-compact-show": {
         "& .mapboxgl-ctrl-attrib-button": {
           backgroundImage: `url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20height='24'%20viewBox='0%200%2024%2024'%20width='24'%3E%3Cpath%20d='M0%200h24v24H0z'%20fill='none'/%3E%3Cpath%20d='M19%206.41L17.59%205%2012%2010.59%206.41%205%205%206.41%2010.59%2012%205%2017.59%206.41%2019%2012%2013.41%2017.59%2019%2019%2017.59%2013.41%2012z'%20fill='white'/%3E%3C/svg%3E")`,
-          backgroundColor: (_g = cssUtils.commonPalette.common) == null ? void 0 : _g.black,
+          backgroundColor: (_g = paletteUtils.commonPalette.common) == null ? void 0 : _g.black,
           "&:not(:disabled):hover": {
-            backgroundColor: (_h = cssUtils.commonPalette.common) == null ? void 0 : _h.black
+            backgroundColor: (_h = paletteUtils.commonPalette.common) == null ? void 0 : _h.black
           }
         }
       }
@@ -3137,7 +3206,7 @@ const cartoThemeOptions = {
       }
     }
   },
-  palette: cssUtils.commonPalette,
+  palette: paletteUtils.commonPalette,
   shadows: themeShadows,
   typography: themeTypography,
   spacingValue: cssUtils.SPACING,
@@ -3193,6 +3262,7 @@ const cartoThemeOptions = {
   }
 };
 const theme = material.responsiveFontSizes(material.createTheme(cartoThemeOptions));
+exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
 exports.APPBAR_SIZE = cssUtils.APPBAR_SIZE;
 exports.BREAKPOINTS = cssUtils.BREAKPOINTS;
 exports.ICON_SIZE_LARGE = cssUtils.ICON_SIZE_LARGE;
@@ -3205,6 +3275,5 @@ exports.MENU_LIST_MAX_SIZE = cssUtils.MENU_LIST_MAX_SIZE;
 exports.NOTIFICATION_DURATION_IN_MS = cssUtils.NOTIFICATION_DURATION_IN_MS;
 exports.SPACING = cssUtils.SPACING;
 exports.getSpacing = cssUtils.getSpacing;
-exports.getCartoColorStylePropsForItem = paletteUtils.getCartoColorStylePropsForItem;
 exports.cartoThemeOptions = cartoThemeOptions;
 exports.theme = theme;

package/dist/theme/index.js

@@ -1,13 +1,14 @@
 var _a, _b, _c, _d, _e, _f, _g, _h;
 import { alpha, Tooltip, responsiveFontSizes, createTheme } from "@mui/material";
-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, h as commonPalette, B as BREAKPOINTS, S as SPACING } from "../css-utils-Cr7ZvmiF.js";
-import { i, N } from "../css-utils-Cr7ZvmiF.js";
+import { c as commonPalette } from "../palette-utils-BHqJlHm9.js";
+import { g } from "../palette-utils-BHqJlHm9.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-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-CM00TU3e.js";
-import { g } from "../palette-utils-D99Ib0kC.js";
+import { M as MenuItem } from "../MenuItem-DRUK149i.js";
 const themeShadows = [
   "none",
   // 0
@@ -1212,7 +1213,7 @@ const buttonsOverrides = {
       exclusive: true
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
+      root: ({ theme: theme2, ownerState }) => ({
         alignItems: "center",
         justifyContent: "center",
         borderRadius: theme2.spacing(1),
@@ -1240,6 +1241,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"
@@ -3200,7 +3270,7 @@ export {
   ICON_SIZE_SMALL,
   MENU_ITEM_SIZE_DEFAULT,
   MENU_ITEM_SIZE_DENSE,
-  i as MENU_ITEM_SIZE_EXTENDED,
+  h as MENU_ITEM_SIZE_EXTENDED,
   MENU_LIST_MAX_SIZE,
   N as NOTIFICATION_DURATION_IN_MS,
   SPACING,

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

@@ -1 +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;AAsItB,eAAO,MAAM,UAAU;mBApIC,qBAAqB;;;;;;CAyI5C,CAAA;AAED,eAAO,MAAM,KAAK;mBAzIW,qBAAqB;CA2IjD,CAAA;AAED,eAAO,MAAM,IAAI;mBAtFW,qBAAqB;CAwFhD,CAAA;AAED,eAAO,MAAM,SAAS;mBAjEW,qBAAqB;CAmErD,CAAA;AAED,eAAO,MAAM,OAAO;mBA5CW,qBAAqB;CA8CnD,CAAA"}
+{"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/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;AA0FzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,158 @@
+import { EmptyStateProps } from './types';
+type EmptyStateStoryProps = EmptyStateProps & {
+    /**
+     * The color of the icon.
+     * It supports primary, secondary and default colors.
+     * @default 'default'
+     */
+    iconColor?: 'primary' | 'secondary' | 'default';
+    /**
+     * The size of the icon.
+     * @default undefined
+     */
+    iconSize?: number | string;
+};
+declare const options: {
+    title: string;
+    component: import('react').ForwardRefExoticComponent<EmptyStateProps & import('react').RefAttributes<HTMLDivElement>>;
+    tags: string[];
+    argTypes: {
+        size: {
+            control: "select";
+            options: string[];
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        spacing: {
+            control: "number";
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        contentWidth: {
+            control: "number";
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        contentHeight: {
+            control: "number";
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        title: {
+            control: "text";
+        };
+        description: {
+            control: "text";
+        };
+        sx: {
+            control: "object";
+        };
+        iconProps: {
+            control: "boolean";
+            defaultValue: boolean;
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        iconColor: {
+            control: "select";
+            options: string[];
+            description: string;
+            if: {
+                arg: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+        iconSize: {
+            control: "select";
+            options: number[];
+            description: string;
+            if: {
+                arg: string;
+            };
+            table: {
+                type: {
+                    summary: string;
+                };
+                defaultValue: {
+                    summary: string;
+                };
+            };
+        };
+    };
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+        title: string;
+        description: string;
+    };
+    parameters: {
+        design: {
+            type: string;
+            url: string;
+        };
+        status: {
+            type: string;
+        };
+    };
+};
+export default options;
+export declare const Playground: {
+    render: ({ iconSize, iconColor, iconProps, ...args }: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export declare const TextContent: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Actions: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const IconProps: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const ContentDimensions: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const CustomSXStyles: {
+    render: ({ iconSize, iconColor, iconProps, ...args }: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        sx: {
+            border: string;
+        };
+    };
+};
+//# sourceMappingURL=EmptyState.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.stories.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAKzC,KAAK,oBAAoB,GAAG,eAAe,GAAG;IAC5C;;;;OAIG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,SAAS,CAAA;IAC/C;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8FyB,CAAA;AACtC,eAAe,OAAO,CAAA;AAoStB,eAAO,MAAM,UAAU;0DA7RpB,oBAAoB;;;;;;CAkStB,CAAA;AAED,eAAO,MAAM,WAAW;mBA3JW,oBAAoB;CA6JtD,CAAA;AAED,eAAO,MAAM,OAAO;mBA3HW,oBAAoB;CA6HlD,CAAA;AAED,eAAO,MAAM,IAAI;mBAjSW,oBAAoB;CAmS/C,CAAA;AAED,eAAO,MAAM,SAAS;mBApQW,oBAAoB;CAsQpD,CAAA;AAED,eAAO,MAAM,iBAAiB;mBA5NW,oBAAoB;CA8N5D,CAAA;AAED,eAAO,MAAM,cAAc;0DAxTxB,oBAAoB;;;;;;CA6TtB,CAAA"}