@sproutsocial/seeds-react-menu 1.5.2 → 1.6.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-menu",
-  "version": "1.5.2",
+  "version": "1.6.0",
   "description": "Seeds React Menu",
   "author": "Sprout Social, Inc.",
   "license": "MIT",

package/src/MenuContent/DefaultMenuEmptyState.tsx

@@ -1,17 +1,21 @@
 import styled from "styled-components";
+import { Box, type TypeBoxProps } from "@sproutsocial/seeds-react-box";
 
-const StyledEmptyState = styled.div`
+export interface TypeDefaultMenuEmptyStateProps extends TypeBoxProps {
+  children?: React.ReactNode;
+}
+
+const StyledEmptyState = styled(Box)`
   padding: ${({ theme }) => theme.space[350]};
   text-align: center;
   font-size: ${({ theme }) => theme.typography[200].fontSize};
 `;
 
 const DefaultMenuEmptyState = ({
-  children,
-}: {
-  children?: React.ReactNode;
-}) => {
-  return <StyledEmptyState>{children || "No results found."}</StyledEmptyState>;
+  children = "No items found",
+  ...props
+}: TypeDefaultMenuEmptyStateProps) => {
+  return <StyledEmptyState {...props}>{children}</StyledEmptyState>;
 };
 
 export { DefaultMenuEmptyState };

package/src/MenuContent/index.tsx

@@ -1,2 +1,3 @@
-export { MenuContent } from "./MenuContent";
-export type { TypeMenuContentProps } from "./MenuContentTypes";
+export * from "./MenuContent";
+export * from "./DefaultMenuEmptyState";
+export * from "./MenuContentTypes";