@carto/meridian-ds 2.8.0 → 2.9.1-alpha-lists.2

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-zaH11xyj.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 { 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, L as LIST_ITEM_SIZE_DENSE, h as LIST_ITEM_SIZE_DEFAULT, A as APPBAR_SIZE, B as BREAKPOINTS, S as SPACING } from "../css-utils-BzztxQJk.js";
+import { i, N } from "../css-utils-BzztxQJk.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-DRUK149i.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",
@@ -660,8 +655,19 @@ const dataDisplayOverrides = {
     styleOverrides: {
       root: ({ theme: theme2, ownerState }) => ({
         overflow: "initial",
+        position: "relative",
         color: theme2.palette.secondary.contrastText,
         backgroundColor: theme2.palette.secondary.main,
+        // Overlay border on top of all content using ::after pseudo-element
+        "&::after": {
+          content: '""',
+          position: "absolute",
+          inset: 0,
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.default.outlinedBorder}`,
+          pointerEvents: "none",
+          borderRadius: "inherit",
+          zIndex: 1
+        },
         //  Default fallback image override
         // https://github.com/mui/material-ui/issues/33229
         "& .MuiAvatar-fallback": {
@@ -698,11 +704,25 @@ const dataDisplayOverrides = {
         },
         // Disabled styles
         ...ownerState.disabled && {
-          opacity: 0.6
+          opacity: 1,
+          color: theme2.palette.text.disabled,
+          backgroundColor: theme2.palette.action.disabledBackground,
+          // Overlay border on top of all content using ::after pseudo-element
+          "&::after": {
+            content: '""',
+            position: "absolute",
+            inset: 0,
+            boxShadow: `inset 0 0 0 1px ${theme2.palette.divider}`,
+            pointerEvents: "none",
+            borderRadius: "inherit",
+            zIndex: 1
+          }
         }
       }),
-      img: ({ theme: theme2 }) => ({
-        boxShadow: `0 0 0 1px ${theme2.palette.default.outlinedBorder}`
+      img: ({ ownerState }) => ({
+        ...ownerState.disabled && {
+          opacity: 0.6
+        }
       }),
       circular: () => ({
         borderRadius: avatarCircularRadius,
@@ -2325,6 +2345,72 @@ const formsOverrides = {
     }
   }
 };
+const getListItemAdornmentStyles = (theme2) => ({
+  display: "flex",
+  alignItems: "center",
+  justifyContent: "center",
+  gap: theme2.spacing(1.5),
+  minHeight: MENU_ITEM_SIZE_DEFAULT,
+  minWidth: MENU_ITEM_SIZE_DEFAULT
+});
+const getListItemStyles = (ownerState, theme2) => ({
+  gap: theme2.spacing(1.5),
+  minHeight: MENU_ITEM_SIZE_DEFAULT,
+  padding: theme2.spacing(1, 2),
+  // Checkbox and radio button styles
+  "& .MuiCheckbox-root, & .MuiRadio-root": {
+    ...getListItemAdornmentStyles(theme2),
+    // Override the default icon size coming from MUI definition
+    "& .MuiSvgIcon-fontSizeMedium": {
+      fontSize: ICON_SIZE_LARGE,
+      width: ICON_SIZE_LARGE,
+      minWidth: ICON_SIZE_LARGE,
+      height: ICON_SIZE_LARGE
+    }
+  },
+  // Height: fixedHeight true (or undefined, which defaults to true) + dense true: 52px, dense false: 68px
+  // fixedHeight false: adapts to content
+  // Use data attribute selector since fixedHeight is not passed to MUI component to avoid DOM warning
+  height: ownerState.dense ? LIST_ITEM_SIZE_DENSE : LIST_ITEM_SIZE_DEFAULT,
+  '&[data-fixed-height="false"]': {
+    height: "auto"
+  },
+  // Outlined variant styles
+  ...ownerState.variant === "outlined" && {
+    backgroundColor: theme2.palette.background.paper,
+    boxShadow: `inset 0 0 0 1px ${theme2.palette.divider}`,
+    borderRadius: theme2.spacing(1),
+    "&.MuiListItemButton-root:hover": {
+      backgroundColor: theme2.palette.background.paper,
+      boxShadow: `inset 0 0 0 1px ${theme2.palette.text.hint}`
+    }
+  },
+  // Disable gutters styles
+  ...ownerState.disableGutters && {
+    paddingLeft: 0,
+    paddingRight: 0
+  },
+  // Disable padding styles
+  ...ownerState.disablePadding && {
+    padding: 0
+  },
+  // Disabled styles
+  ...ownerState.disabled && {
+    opacity: "1 !important",
+    color: theme2.palette.text.disabled,
+    backgroundColor: ownerState.variant === "outlined" ? theme2.palette.background.paper : "transparent",
+    borderColor: ownerState.variant === "outlined" ? theme2.palette.divider : "transparent",
+    ".MuiTypography-root": {
+      color: theme2.palette.text.disabled
+    },
+    svg: {
+      color: theme2.palette.text.disabled,
+      path: {
+        fill: theme2.palette.text.disabled
+      }
+    }
+  }
+});
 const navigationOverrides = {
   // Menu
   MuiMenu: {
@@ -2444,9 +2530,15 @@ const navigationOverrides = {
   },
   // List
   MuiList: {
+    defaultProps: {
+      variant: "standard"
+    },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        paddingTop: 0,
+      root: ({ theme: theme2, ownerState }) => ({
+        display: "flex",
+        flexDirection: "column",
+        gap: theme2.spacing(ownerState.spacing ?? 0),
+        padding: 0,
         ".MuiPopover-root &, .MuiPopper-root &, .base-Popper-root &": {
           minWidth: theme2.spacing(8),
           // 64px, defined by design
@@ -2461,13 +2553,30 @@ const navigationOverrides = {
         ".MuiDivider-root": {
           margin: theme2.spacing(1, 0)
         },
+        ".MuiListSubheader-root": {
+          // We need to offset the margin to avoid double spacing between subheaders and regular list items when using spacing prop.
+          marginBottom: theme2.spacing(-(ownerState.spacing ?? 0))
+        },
+        // Outlined-list variant: border on the list container and in the list items
+        ...ownerState.variant === "outlined-list" && {
+          "& .MuiListItem-root, & .MuiListItemButton-root": {
+            border: `1px solid ${theme2.palette.divider}`
+          },
+          // First list item has rounded top corners
+          "& .MuiListItem-root:first-of-type, & .MuiListItemButton-root:first-of-type": {
+            borderRadius: theme2.spacing(1, 1, 0, 0)
+          },
+          // Last list item has rounded bottom corners
+          "& .MuiListItem-root:last-of-type, & .MuiListItemButton-root:last-of-type": {
+            borderRadius: theme2.spacing(0, 0, 1, 1)
+          },
+          "& .MuiListItem-root + .MuiListItem-root, & .MuiListItemButton-root + .MuiListItemButton-root": {
+            borderTop: "none"
+          }
+        },
+        // TODO: old code, to be reviewed once we support sublevels in Figma specs.
         // Indent sublevels, ugly but needed to avoid issues with hover
         "& .MuiList-root": {
-          paddingTop: 0,
-          paddingBottom: 0,
-          "& .MuiListItem-root": {
-            paddingLeft: theme2.spacing(4)
-          },
           "& .MuiList-root": {
             "& .MuiListItem-root": {
               paddingLeft: theme2.spacing(6)
@@ -2493,32 +2602,105 @@ const navigationOverrides = {
     }
   },
   // List Item
+  MuiListItem: {
+    defaultProps: {
+      dense: true,
+      variant: "standard",
+      disablePadding: false
+    },
+    styleOverrides: {
+      root: ({ theme: theme2, ownerState }) => ({
+        ...getListItemStyles(ownerState, theme2),
+        // Add padding right when contains SecondaryAction to simulate spacing between the action and the content
+        "&:has(.MuiListItemSecondaryAction-root)": {
+          paddingRight: theme2.spacing(7.5)
+        },
+        // Reset padding when contains ListItemButton
+        "&:has(.MuiListItemButton-root)": {
+          padding: 0,
+          '&.MuiListItem-root[data-variant="outlined"]': {
+            boxShadow: "none",
+            "&:hover": {
+              backgroundColor: theme2.palette.background.paper,
+              boxShadow: "none"
+            }
+          }
+        }
+      })
+    }
+  },
+  // List Item Button
+  MuiListItemButton: {
+    defaultProps: {
+      dense: true,
+      variant: "standard",
+      component: "button"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2, ownerState }) => ({
+        ...getListItemStyles(ownerState, theme2),
+        // Add padding right when contains SecondaryAction to simulate spacing between the action and the content
+        "&:has(.MuiListItemSecondaryAction-root)": {
+          paddingRight: theme2.spacing(7.5)
+        },
+        // Reset padding when inside ListItem, but keep padding left
+        ".MuiListItem-root > &.MuiListItemButton-root": {
+          padding: 0,
+          paddingLeft: theme2.spacing(2),
+          "&:hover": {
+            backgroundColor: theme2.palette.action.hover
+          }
+        },
+        // Outlined variant hover when inside ListItem
+        '.MuiListItem-root[data-variant="outlined"] > &.MuiListItemButton-root': {
+          boxShadow: `inset 0 0 0 1px ${theme2.palette.divider}`,
+          borderRadius: theme2.spacing(1),
+          "&:hover": {
+            backgroundColor: theme2.palette.background.paper,
+            boxShadow: `inset 0 0 0 1px ${theme2.palette.text.hint}`
+          }
+        },
+        // Add padding right when inside ListItem that has SecondaryAction to simulate spacing between the action and the content
+        ".MuiListItem-root:has(.MuiListItemSecondaryAction-root) > &.MuiListItemButton-root": {
+          paddingRight: theme2.spacing(7.5)
+        }
+      })
+    }
+  },
   MuiListItemText: {
     defaultProps: {
       primaryTypographyProps: {
-        variant: "body2",
+        variant: "button",
         noWrap: true,
         component: "span"
       },
-      secondaryTypographyProps: { variant: "caption" }
+      secondaryTypographyProps: {
+        variant: "caption",
+        color: "text.secondary"
+      }
     },
     styleOverrides: {
-      root: ({ theme: theme2 }) => ({
-        paddingRight: theme2.spacing(2),
-        "& + .MuiBox-root": {
-          marginRight: theme2.spacing(1)
-        }
+      root: () => ({
+        display: "flex",
+        flexDirection: "column",
+        justifyContent: "center",
+        flex: 1,
+        minHeight: MENU_ITEM_SIZE_DEFAULT,
+        margin: 0
       })
     }
   },
   MuiListItemIcon: {
     styleOverrides: {
       root: ({ theme: theme2 }) => ({
-        display: "flex",
-        alignItems: "center",
-        gap: theme2.spacing(2),
-        "& .MuiSvgIcon-root": {
-          fontSize: ICON_SIZE_LARGE
+        ...getListItemAdornmentStyles(theme2),
+        // Apply styles to SVGs, but exclude those inside Radio or Checkbox components
+        "&:not(:has(.MuiRadio-root)):not(:has(.MuiCheckbox-root)) svg": {
+          color: theme2.palette.text.secondary,
+          fontSize: ICON_SIZE_LARGE,
+          width: ICON_SIZE_LARGE,
+          minWidth: ICON_SIZE_LARGE,
+          height: ICON_SIZE_LARGE
         },
         ".MuiMenuItem-root.MuiButtonBase-root &": {
           minWidth: ICON_SIZE_MEDIUM
@@ -2529,9 +2711,10 @@ const navigationOverrides = {
   MuiListItemAvatar: {
     styleOverrides: {
       root: ({ theme: theme2 }) => ({
+        ...getListItemAdornmentStyles(theme2),
         "& .MuiAvatar-root": {
-          height: theme2.spacing(4),
-          width: theme2.spacing(4)
+          height: MENU_ITEM_SIZE_DEFAULT,
+          width: MENU_ITEM_SIZE_DEFAULT
         },
         "& .MuiSvgIcon-root": {
           fontSize: ICON_SIZE_MEDIUM
@@ -2539,6 +2722,41 @@ const navigationOverrides = {
       })
     }
   },
+  MuiListItemSecondaryAction: {
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        ...getListItemAdornmentStyles(theme2)
+      })
+    }
+  },
+  MuiListSubheader: {
+    defaultProps: {
+      disableGutters: true,
+      color: "default",
+      component: "div"
+    },
+    styleOverrides: {
+      root: ({ theme: theme2 }) => ({
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        height: theme2.spacing(3),
+        ...theme2.typography.caption,
+        // Use data attribute selector since backgroundColor is not passed to MUI component to avoid DOM warning
+        backgroundColor: theme2.palette.background.default,
+        '&[data-background-color="paper"]': {
+          backgroundColor: theme2.palette.background.paper
+        },
+        '&[data-background-color="inherit"]': {
+          backgroundColor: "inherit"
+        },
+        // Padding for ListSubHeader when List is variant="standard"
+        '[data-variant="standard"] &': {
+          padding: theme2.spacing(0, 2)
+        }
+      })
+    }
+  },
   // Tabs
   MuiTabs: {
     styleOverrides: {
@@ -3268,9 +3486,11 @@ export {
   ICON_SIZE_LARGE,
   ICON_SIZE_MEDIUM,
   ICON_SIZE_SMALL,
+  LIST_ITEM_SIZE_DEFAULT,
+  LIST_ITEM_SIZE_DENSE,
   MENU_ITEM_SIZE_DEFAULT,
   MENU_ITEM_SIZE_DENSE,
-  h as MENU_ITEM_SIZE_EXTENDED,
+  i as MENU_ITEM_SIZE_EXTENDED,
   MENU_LIST_MAX_SIZE,
   N as NOTIFICATION_DURATION_IN_MS,
   SPACING,

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

@@ -1 +1 @@
-{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8VtB,eAAO,MAAM,UAAU;;;;;;;;;CAKtB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAEnB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAGtB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;CAGvB,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAE3B,CAAA"}
+{"version":3,"file":"Avatar.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/Avatar/Avatar.stories.tsx"],"names":[],"mappings":"AAeA,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkCG,CAAA;AAChB,eAAe,OAAO,CAAA;AA8WtB,eAAO,MAAM,UAAU;;;;;;;;;CAKtB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAGjB,CAAA;AAED,eAAO,MAAM,OAAO;;;;CAEnB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;CAGtB,CAAA;AAED,eAAO,MAAM,WAAW;;;;;;;;;;;CAGvB,CAAA;AAED,eAAO,MAAM,eAAe;;;;CAE3B,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;AAkGzC,QAAA,MAAM,UAAU,4GAA2D,CAAA;AAC3E,eAAe,UAAU,CAAA"}

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

@@ -0,0 +1,188 @@
+import { EmptyStateProps } from './types';
+type EmptyStateStoryProps = EmptyStateProps & {
+    /**
+     * The color of the icon.
+     * It supports any color from the theme (e.g., 'text.disabled', 'primary.main', 'text.secondary').
+     * @default 'text.disabled'
+     */
+    iconColor?: string;
+    /**
+     * 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: "text";
+            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: {
+        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;
+    args: {
+        title: string;
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+    parameters: {
+        chromatic: {
+            disableSnapshot: boolean;
+        };
+    };
+};
+export declare const Size: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const Icon: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        size: string;
+        title: string;
+    };
+};
+export declare const TitleAndDescription: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const Actions: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const IconProps: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const ContentDimensions: {
+    render: (args: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        title: string;
+        description: string;
+        actions: import("react/jsx-runtime").JSX.Element;
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+};
+export declare const CustomSXStyles: {
+    render: ({ iconSize, iconColor, iconProps, ...args }: EmptyStateStoryProps) => import("react/jsx-runtime").JSX.Element;
+    args: {
+        sx: {
+            padding: number;
+            border: string;
+            borderRadius: number;
+        };
+        icon: import("react/jsx-runtime").JSX.Element;
+    };
+};
+//# 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,MAAM,CAAA;IAClB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC3B,CAAA;AAED,QAAA,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2FyB,CAAA;AACtC,eAAe,OAAO,CAAA;AAmXtB,eAAO,MAAM,UAAU;0DA5WpB,oBAAoB;;;;;;;;;;CAqXtB,CAAA;AAED,eAAO,MAAM,IAAI;mBAjUW,oBAAoB;;;;CAsU/C,CAAA;AAED,eAAO,MAAM,IAAI;mBAnXW,oBAAoB;;;;;CAyX/C,CAAA;AAED,eAAO,MAAM,mBAAmB;mBAlMG,oBAAoB;;;;CAuMtD,CAAA;AAED,eAAO,MAAM,OAAO;mBArJW,oBAAoB;;;;CA0JlD,CAAA;AAED,eAAO,MAAM,SAAS;mBA7TW,oBAAoB;;;;CAkUpD,CAAA;AAED,eAAO,MAAM,iBAAiB;mBA5QW,oBAAoB;;;;;;;CAyR5D,CAAA;AAED,eAAO,MAAM,cAAc;0DA1axB,oBAAoB;;;;;;;;;CAobtB,CAAA"}

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

@@ -0,0 +1,38 @@
+import { EmptyStateProps } from './types';
+export declare const EMPTY_STATE_WIDTH = 592;
+/**
+ * Props for the Root styled component.
+ */
+type RootProps = {
+    size?: EmptyStateProps['size'];
+    spacing?: number;
+    contentHeight?: number | string;
+};
+/**
+ * Props for the IconWrapper styled component.
+ */
+type IconWrapperProps = {
+    size?: EmptyStateProps['size'];
+    iconSize?: number | string;
+    iconColor?: string | null;
+};
+export declare const Root: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & RootProps, {}, {}>;
+export declare const IconWrapper: import('@emotion/styled').StyledComponent<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & IconWrapperProps, {}, {}>;
+type TextContentProps = {
+    contentWidth?: number | string;
+};
+export declare const TextContent: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & TextContentProps, {}, {}>;
+export declare const Actions: import('@emotion/styled').StyledComponent<import('@mui/material').StackOwnProps & import('@mui/material/OverridableComponent').CommonProps & Omit<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import('react').DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import('react').RefObject<HTMLDivElement> | null | undefined;
+}, keyof import('@mui/material/OverridableComponent').CommonProps | keyof import('@mui/material').StackOwnProps> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & {
+    size?: EmptyStateProps["size"];
+    spacing?: number;
+}, {}, {}>;
+export {};
+//# sourceMappingURL=EmptyState.styled.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.styled.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/EmptyState.styled.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC,eAAO,MAAM,iBAAiB,MAAM,CAAA;AAEpC;;GAEG;AACH,KAAK,SAAS,GAAG;IACf,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAChC,CAAA;AAED;;GAEG;AACH,KAAK,gBAAgB,GAAG;IACtB,IAAI,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC,CAAA;IAC9B,QAAQ,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC1B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;CAC1B,CAAA;AAED,eAAO,MAAM,IAAI;;iNAUd,CAAA;AAEH,eAAO,MAAM,WAAW;;kLAwBtB,CAAA;AAEF,KAAK,gBAAgB,GAAG;IACtB,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;CAC/B,CAAA;AAED,eAAO,MAAM,WAAW;;wNAUrB,CAAA;AAEH,eAAO,MAAM,OAAO;;;WAGX,eAAe,CAAC,MAAM,CAAC;cACpB,MAAM;UAUf,CAAA"}

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

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

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

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

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/EmptyState/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,mBAAmB,SAAS,CAAA"}