@veracity/vui 2.28.0 → 2.28.1-beta.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.28.0",
+  "version": "2.28.1-beta.0",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/menu/menu.types.ts

@@ -9,6 +9,8 @@ export type MenuListProps = ListProps & {
   contentProps?: PopoverContentProps
   /** Ref passed to the inner PopoverContent. */
   contentRef?: RefObject<HTMLDivElement>
+  /** Maximum height of the list. */
+  maxH?: number
   /** Custom content displayed at the bottom of the panel */
   slotBottom?: ReactNode
   /** Custom content displayed at the top of the panel */

package/src/menu/menuList.tsx

@@ -1,5 +1,3 @@
-import React from 'react'
-
 import { Box } from '../box'
 import { useStyleConfig, vui, VuiComponent } from '../core'
 import List from '../list'
@@ -10,8 +8,8 @@ import { MenuListProps } from './menu.types'
 
 /** Displays a list of menu items in a popover content element. */
 export const MenuList = vui<'ul', MenuListProps>((props, ref) => {
-  const { className, contentProps, contentRef, ...rest } = props
-  const { slotTop, slotBottom } = props
+  const { className, contentProps, contentRef, maxH, slotTop, slotBottom, ...rest } = props
+
   const styles = useStyleConfig('Menu', useMenuContext())
 
   return (
@@ -26,7 +24,7 @@ export const MenuList = vui<'ul', MenuListProps>((props, ref) => {
           w="100%"
           {...styles.list}
           {...rest}
-          maxH={295}
+          maxH={maxH}
         />
         {slotBottom}
       </Box>