@nulogy/components 8.1.2 → 8.1.5

package/dist/main.js

@@ -42421,41 +42421,6 @@
   var SHOW_DURATION = 2000; // in ms
 
   var ANIMATE_OUT_DURATION = 1000;
-  var TOAST_Y_MAX = "0px";
-  var TOAST_Y_MIN = "-32px";
-  var ACTIVE_Z_INDEX = 2;
-  var INACTIVE_Z_INDEX = ACTIVE_Z_INDEX - 1;
-  var SLIDE_IN_STYLES = {
-    transform: "translateY(" + TOAST_Y_MIN + ")",
-    transition: "transform 0.15s ease-out",
-    zIndex: ACTIVE_Z_INDEX
-  };
-  var SLIDE_OUT_STYLES = {
-    transform: "translateY(" + TOAST_Y_MAX + ")",
-    transition: "transform 0.9s ease-in",
-    zIndex: INACTIVE_Z_INDEX,
-    pointerEvents: "none"
-  };
-  var FADE_IN_STYLES = {
-    opacity: 1,
-    transition: "opacity 0.25s linear"
-  };
-  var FADE_OUT_STYLES = {
-    transition: "opacity 1s linear"
-  };
-  var AnimatedAlert = styled__default['default'](Alert).withConfig({
-    displayName: "Toast__AnimatedAlert",
-    componentId: "sc-1cheg2k-0"
-  })(function (_ref) {
-    var visible = _ref.visible,
-        theme = _ref.theme;
-    return Object.assign({
-      boxShadow: theme.shadows.medium,
-      minWidth: "200px",
-      maxWidth: "600px",
-      opacity: 0
-    }, visible ? FADE_IN_STYLES : FADE_OUT_STYLES);
-  });
   var Toast = function Toast(_a) {
     var triggered = _a.triggered,
         onHide = _a.onHide,
@@ -42532,8 +42497,9 @@
       hideToast(0);
     };
 
-    return /*#__PURE__*/React__default['default'].createElement(Box, Object.assign({
-      visible: visible,
+    return /*#__PURE__*/React__default['default'].createElement(AnimatePresence, {
+      initial: false
+    }, visible && /*#__PURE__*/React__default['default'].createElement(AnimatedBox, {
       onMouseEnter: onMouseIn,
       onFocus: onMouseIn,
       onMouseLeave: onMouseOut,
@@ -42545,15 +42511,37 @@
       marginLeft: "auto",
       marginRight: "auto",
       width: "fit-content",
-      transform: "translateY(" + TOAST_Y_MIN + ")"
-    }, visible ? SLIDE_IN_STYLES : SLIDE_OUT_STYLES, {
-      zIndex: zIndex
-    }), /*#__PURE__*/React__default['default'].createElement(AnimatedAlert, Object.assign({
-      visible: visible,
+      zIndex: zIndex,
+      boxShadow: "medium",
+      layout: true,
+      initial: {
+        opacity: 0,
+        y: 50
+      },
+      animate: {
+        opacity: 1,
+        y: -30,
+        transition: {
+          type: "spring",
+          bounce: 0.4,
+          duration: 0.6
+        }
+      },
+      exit: {
+        y: 50,
+        opacity: 0,
+        transition: {
+          ease: "easeOut",
+          duration: 0.15
+        }
+      }
+    }, /*#__PURE__*/React__default['default'].createElement(Alert, Object.assign({
+      minWidth: "200px",
+      maxWidth: "600px",
       isCloseable: isCloseable,
       onClose: handleCloseButtonClick,
       controlled: true
-    }, props), children));
+    }, props), children)));
   };
   Toast.defaultProps = {
     triggered: false,
@@ -42728,7 +42716,7 @@
       toggleMenu: PropTypes__default['default'].func
     }).isRequired,
     showArrow: PropTypes__default['default'].bool,
-    placement: PropTypes__default['default'].oneOf(["bottom-start", "right-start"]),
+    placement: PropTypes__default['default'].oneOf(["bottom-start", "right-start", "left-start"]),
     modifiers: PropTypes__default['default'].shape({}),
     triggerTogglesMenuState: PropTypes__default['default'].bool,
     dropdownMenuContainerEventHandlers: PropTypes__default['default'].func
@@ -42748,7 +42736,7 @@
     hideDelay: "100"
   };
 
-  var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer) {
+  var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType) {
     var _a;
 
     return /*#__PURE__*/React__default['default'].createElement(NoWrapLi, {
@@ -42758,7 +42746,8 @@
       name: subMenuItem.name,
       menuData: subMenuItem.items,
       trigger: subMenuItem.trigger,
-      layer: layer
+      layer: layer,
+      menuType: menuType
     }));
   };
 
@@ -42768,7 +42757,6 @@
     return /*#__PURE__*/React__default['default'].createElement(NoWrapLi, {
       key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(DropdownLink, {
-      py: "half",
       onClick: onItemClick,
       href: subMenuItem.href,
       to: subMenuItem.to,
@@ -42808,9 +42796,9 @@
     }
   };
 
-  var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer) {
+  var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer, menuType) {
     return subMenuItems.map(function (subMenuItem) {
-      return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer);
+      return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType);
     });
   };
 
@@ -42861,15 +42849,16 @@
         onItemClick = _a.onItemClick,
         _trigger = _a.trigger,
         layer = _a.layer,
-        props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer"]);
+        menuType = _a.menuType,
+        props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer", "menuType"]);
 
     return (
       /*#__PURE__*/
       // @ts-ignore
       React__default['default'].createElement(NavBarDropdownMenu, Object.assign({
-        placement: "right-start",
+        placement: getPlacement(menuType),
         modifiers: null,
-        showArrow: false,
+        showArrow: true,
         triggerTogglesMenuState: false
       }, props, {
         dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers(_ref) {
@@ -42910,10 +42899,20 @@
           margin: "0",
           padding: "0"
         }
-      }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1)))
+      }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1, menuType)))
     );
   };
 
+  function getPlacement(menuType) {
+    switch (menuType) {
+      case "primary":
+        return "right-start";
+
+      case "secondary":
+        return "left-start";
+    }
+  }
+
   SubMenuTrigger.displayName = "SubMenuTrigger";
 
   var StyledButton = styled__default['default'].button.withConfig({
@@ -42991,7 +42990,8 @@
         ariaLabel = _a["aria-label"],
         _trigger = _a.trigger,
         layer = _a.layer,
-        props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer"]);
+        menuType = _a.menuType,
+        props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer", "menuType"]);
 
     var dropdownMinWidth = "auto";
 
@@ -43050,7 +43050,7 @@
         }, renderSubMenuItems(menuData, function (e) {
           closeMenu(e);
           e.stopPropagation();
-        }, SubMenuTrigger, layer + 1));
+        }, SubMenuTrigger, layer + 1, menuType));
       })
     );
   };
@@ -43113,12 +43113,13 @@
     alignItems: "center"
   });
 
-  var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer) {
+  var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer, menuType) {
     var _a;
 
     return /*#__PURE__*/React__default['default'].createElement("div", {
       key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
     }, /*#__PURE__*/React__default['default'].createElement(MenuTrigger, Object.assign({
+      menuType: menuType,
       name: menuItem.name,
       "aria-label": menuItem.ariaLabel,
       menuData: menuItem.items,
@@ -43170,19 +43171,20 @@
     }
   };
 
-  var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer) {
-    return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
+  var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer, menuType) {
+    return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer, menuType);
   };
 
   var BaseDesktopMenu = /*#__PURE__*/React__default['default'].forwardRef(function (_a, ref) {
     var menuData = _a.menuData,
+        menuType = _a.menuType,
         themeColorObject = _a.themeColorObject,
-        props = __rest(_a, ["menuData", "themeColorObject"]);
+        props = __rest(_a, ["menuData", "menuType", "themeColorObject"]);
 
     return /*#__PURE__*/React__default['default'].createElement(Nav$1, Object.assign({}, props, {
       ref: ref
     }), menuData.map(function (menuItem) {
-      return renderMenuItem(menuItem, themeColorObject, 0);
+      return renderMenuItem(menuItem, themeColorObject, 0, menuType);
     }));
   });
   var DesktopMenu = styled__default['default'](BaseDesktopMenu).withConfig({
@@ -43749,6 +43751,7 @@
     }, menuData.primaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
       themeColorObject: themeColorObject,
       "aria-label": t("primary navigation"),
+      menuType: "primary",
       menuData: menuData.primaryMenu
     }), /*#__PURE__*/React__default['default'].createElement(Flex, {
       justifySelf: "flex-end",
@@ -43756,6 +43759,7 @@
     }, menuData.secondaryMenu && /*#__PURE__*/React__default['default'].createElement(DesktopMenu, {
       themeColorObject: themeColorObject,
       "aria-label": t("secondary navigation"),
+      menuType: "secondary",
       menuData: menuData.secondaryMenu
     }), showNulogyLogo && /*#__PURE__*/React__default['default'].createElement(Box, {
       pl: "x3"

package/dist/main.module.js

@@ -42395,41 +42395,6 @@ TruncatedText.defaultProps = {
 var SHOW_DURATION = 2000; // in ms
 
 var ANIMATE_OUT_DURATION = 1000;
-var TOAST_Y_MAX = "0px";
-var TOAST_Y_MIN = "-32px";
-var ACTIVE_Z_INDEX = 2;
-var INACTIVE_Z_INDEX = ACTIVE_Z_INDEX - 1;
-var SLIDE_IN_STYLES = {
-  transform: "translateY(" + TOAST_Y_MIN + ")",
-  transition: "transform 0.15s ease-out",
-  zIndex: ACTIVE_Z_INDEX
-};
-var SLIDE_OUT_STYLES = {
-  transform: "translateY(" + TOAST_Y_MAX + ")",
-  transition: "transform 0.9s ease-in",
-  zIndex: INACTIVE_Z_INDEX,
-  pointerEvents: "none"
-};
-var FADE_IN_STYLES = {
-  opacity: 1,
-  transition: "opacity 0.25s linear"
-};
-var FADE_OUT_STYLES = {
-  transition: "opacity 1s linear"
-};
-var AnimatedAlert = styled(Alert).withConfig({
-  displayName: "Toast__AnimatedAlert",
-  componentId: "sc-1cheg2k-0"
-})(function (_ref) {
-  var visible = _ref.visible,
-      theme = _ref.theme;
-  return Object.assign({
-    boxShadow: theme.shadows.medium,
-    minWidth: "200px",
-    maxWidth: "600px",
-    opacity: 0
-  }, visible ? FADE_IN_STYLES : FADE_OUT_STYLES);
-});
 var Toast = function Toast(_a) {
   var triggered = _a.triggered,
       onHide = _a.onHide,
@@ -42506,8 +42471,9 @@ var Toast = function Toast(_a) {
     hideToast(0);
   };
 
-  return /*#__PURE__*/React__default.createElement(Box, Object.assign({
-    visible: visible,
+  return /*#__PURE__*/React__default.createElement(AnimatePresence, {
+    initial: false
+  }, visible && /*#__PURE__*/React__default.createElement(AnimatedBox, {
     onMouseEnter: onMouseIn,
     onFocus: onMouseIn,
     onMouseLeave: onMouseOut,
@@ -42519,15 +42485,37 @@ var Toast = function Toast(_a) {
     marginLeft: "auto",
     marginRight: "auto",
     width: "fit-content",
-    transform: "translateY(" + TOAST_Y_MIN + ")"
-  }, visible ? SLIDE_IN_STYLES : SLIDE_OUT_STYLES, {
-    zIndex: zIndex
-  }), /*#__PURE__*/React__default.createElement(AnimatedAlert, Object.assign({
-    visible: visible,
+    zIndex: zIndex,
+    boxShadow: "medium",
+    layout: true,
+    initial: {
+      opacity: 0,
+      y: 50
+    },
+    animate: {
+      opacity: 1,
+      y: -30,
+      transition: {
+        type: "spring",
+        bounce: 0.4,
+        duration: 0.6
+      }
+    },
+    exit: {
+      y: 50,
+      opacity: 0,
+      transition: {
+        ease: "easeOut",
+        duration: 0.15
+      }
+    }
+  }, /*#__PURE__*/React__default.createElement(Alert, Object.assign({
+    minWidth: "200px",
+    maxWidth: "600px",
     isCloseable: isCloseable,
     onClose: handleCloseButtonClick,
     controlled: true
-  }, props), children));
+  }, props), children)));
 };
 Toast.defaultProps = {
   triggered: false,
@@ -42702,7 +42690,7 @@ StatelessNavBarDropdownMenu.propTypes = {
     toggleMenu: PropTypes.func
   }).isRequired,
   showArrow: PropTypes.bool,
-  placement: PropTypes.oneOf(["bottom-start", "right-start"]),
+  placement: PropTypes.oneOf(["bottom-start", "right-start", "left-start"]),
   modifiers: PropTypes.shape({}),
   triggerTogglesMenuState: PropTypes.bool,
   dropdownMenuContainerEventHandlers: PropTypes.func
@@ -42722,7 +42710,7 @@ NavBarDropdownMenu.defaultProps = {
   hideDelay: "100"
 };
 
-var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer) {
+var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
@@ -42732,7 +42720,8 @@ var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClic
     name: subMenuItem.name,
     menuData: subMenuItem.items,
     trigger: subMenuItem.trigger,
-    layer: layer
+    layer: layer,
+    menuType: menuType
   }));
 };
 
@@ -42742,7 +42731,6 @@ var renderSubMenuLink = function renderSubMenuLink(subMenuItem, onItemClick) {
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
     key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
   }, /*#__PURE__*/React__default.createElement(DropdownLink, {
-    py: "half",
     onClick: onItemClick,
     href: subMenuItem.href,
     to: subMenuItem.to,
@@ -42782,9 +42770,9 @@ var getRenderFunction$2 = function getRenderFunction(subMenuItem) {
   }
 };
 
-var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer) {
+var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer, menuType) {
   return subMenuItems.map(function (subMenuItem) {
-    return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer);
+    return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer, menuType);
   });
 };
 
@@ -42835,15 +42823,16 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
       onItemClick = _a.onItemClick,
       _trigger = _a.trigger,
       layer = _a.layer,
-      props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer"]);
+      menuType = _a.menuType,
+      props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer", "menuType"]);
 
   return (
     /*#__PURE__*/
     // @ts-ignore
     React__default.createElement(NavBarDropdownMenu, Object.assign({
-      placement: "right-start",
+      placement: getPlacement(menuType),
       modifiers: null,
-      showArrow: false,
+      showArrow: true,
       triggerTogglesMenuState: false
     }, props, {
       dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers(_ref) {
@@ -42884,10 +42873,20 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
         margin: "0",
         padding: "0"
       }
-    }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1)))
+    }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1, menuType)))
   );
 };
 
+function getPlacement(menuType) {
+  switch (menuType) {
+    case "primary":
+      return "right-start";
+
+    case "secondary":
+      return "left-start";
+  }
+}
+
 SubMenuTrigger.displayName = "SubMenuTrigger";
 
 var StyledButton = styled.button.withConfig({
@@ -42965,7 +42964,8 @@ var MenuTrigger = function MenuTrigger(_a) {
       ariaLabel = _a["aria-label"],
       _trigger = _a.trigger,
       layer = _a.layer,
-      props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer"]);
+      menuType = _a.menuType,
+      props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer", "menuType"]);
 
   var dropdownMinWidth = "auto";
 
@@ -43024,7 +43024,7 @@ var MenuTrigger = function MenuTrigger(_a) {
       }, renderSubMenuItems(menuData, function (e) {
         closeMenu(e);
         e.stopPropagation();
-      }, SubMenuTrigger, layer + 1));
+      }, SubMenuTrigger, layer + 1, menuType));
     })
   );
 };
@@ -43087,12 +43087,13 @@ var Nav$1 = styled.nav.withConfig({
   alignItems: "center"
 });
 
-var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer) {
+var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer, menuType) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement("div", {
     key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
   }, /*#__PURE__*/React__default.createElement(MenuTrigger, Object.assign({
+    menuType: menuType,
     name: menuItem.name,
     "aria-label": menuItem.ariaLabel,
     menuData: menuItem.items,
@@ -43144,19 +43145,20 @@ var getRenderFunction$1 = function getRenderFunction(menuItem) {
   }
 };
 
-var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer) {
-  return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
+var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer, menuType) {
+  return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer, menuType);
 };
 
 var BaseDesktopMenu = /*#__PURE__*/React__default.forwardRef(function (_a, ref) {
   var menuData = _a.menuData,
+      menuType = _a.menuType,
       themeColorObject = _a.themeColorObject,
-      props = __rest(_a, ["menuData", "themeColorObject"]);
+      props = __rest(_a, ["menuData", "menuType", "themeColorObject"]);
 
   return /*#__PURE__*/React__default.createElement(Nav$1, Object.assign({}, props, {
     ref: ref
   }), menuData.map(function (menuItem) {
-    return renderMenuItem(menuItem, themeColorObject, 0);
+    return renderMenuItem(menuItem, themeColorObject, 0, menuType);
   }));
 });
 var DesktopMenu = styled(BaseDesktopMenu).withConfig({
@@ -43723,6 +43725,7 @@ var MediumNavBar = function MediumNavBar(_a) {
   }, menuData.primaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
     themeColorObject: themeColorObject,
     "aria-label": t("primary navigation"),
+    menuType: "primary",
     menuData: menuData.primaryMenu
   }), /*#__PURE__*/React__default.createElement(Flex, {
     justifySelf: "flex-end",
@@ -43730,6 +43733,7 @@ var MediumNavBar = function MediumNavBar(_a) {
   }, menuData.secondaryMenu && /*#__PURE__*/React__default.createElement(DesktopMenu, {
     themeColorObject: themeColorObject,
     "aria-label": t("secondary navigation"),
+    menuType: "secondary",
     menuData: menuData.secondaryMenu
   }), showNulogyLogo && /*#__PURE__*/React__default.createElement(Box, {
     pl: "x3"

package/dist/src/BrandedNavBar/DesktopMenu.d.ts

@@ -1,6 +1,8 @@
 import React from "react";
+import type { MenuType } from "./MenuTrigger";
 export declare type DesktopMenuProps = {
     menuData: any[];
+    menuType: MenuType;
     themeColorObject: any;
 };
 declare const DesktopMenu: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<DesktopMenuProps & React.RefAttributes<HTMLElement>>, import("styled-components").DefaultTheme, {}, never>;

package/dist/src/BrandedNavBar/MenuTrigger.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { TriggerFunctionProps } from "./TriggerFunctionProps";
+export declare type MenuType = "primary" | "secondary";
 export declare type MenuTriggerProps = {
     name?: string;
     "aria-label"?: string;
@@ -9,6 +10,7 @@ export declare type MenuTriggerProps = {
     menuData?: any[];
     trigger?: (props: TriggerFunctionProps) => React.ReactNode;
     layer: number;
+    menuType: MenuType;
 };
-declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, ...props }: MenuTriggerProps) => JSX.Element;
+declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, menuType, ...props }: MenuTriggerProps) => JSX.Element;
 export default MenuTrigger;

package/dist/src/BrandedNavBar/NavBar.story.d.ts

@@ -39,6 +39,7 @@ export declare const WithIcon: {
         name: string;
     };
 };
+export declare const WithPrimaryAndSecondarySubMenus: () => JSX.Element;
 export declare const WithReactRouter: {
     (): JSX.Element;
     story: {

package/dist/src/BrandedNavBar/NavBarDropdownMenu.d.ts

@@ -10,7 +10,7 @@ declare type NavBarDropdownMenuProps = {
     trigger?: Function;
     menuState?: MenuState;
     showArrow?: boolean;
-    placement?: "bottom-start" | "right-start";
+    placement?: "bottom-start" | "right-start" | "left-start";
     modifiers?: any;
     triggerTogglesMenuState?: boolean;
     dropdownMenuContainerEventHandlers?: Function;

package/dist/src/BrandedNavBar/SubMenuTrigger.d.ts

@@ -1,5 +1,6 @@
 import React from "react";
 import { TriggerFunctionProps } from "./TriggerFunctionProps";
+import type { MenuType } from "./MenuTrigger";
 declare type SubMenuTriggerProps = React.ComponentPropsWithRef<"button"> & {
     name?: string;
     isOpen?: boolean;
@@ -7,9 +8,10 @@ declare type SubMenuTriggerProps = React.ComponentPropsWithRef<"button"> & {
     menuData: any[];
     trigger: (props: TriggerFunctionProps) => React.ReactNode;
     layer: number;
+    menuType: MenuType;
 };
 declare const SubMenuTrigger: {
-    ({ menuData, name, onItemClick, trigger, layer, ...props }: SubMenuTriggerProps): JSX.Element;
+    ({ menuData, name, onItemClick, trigger, layer, menuType, ...props }: SubMenuTriggerProps): JSX.Element;
     displayName: string;
 };
 export default SubMenuTrigger;

package/dist/src/BrandedNavBar/renderSubMenuItems.d.ts

@@ -1,2 +1,2 @@
-declare const renderSubMenuItems: (subMenuItems: any, onItemClick: any, SubMenuTrigger: any, layer: any) => any;
+declare const renderSubMenuItems: (subMenuItems: any, onItemClick: any, SubMenuTrigger: any, layer: any, menuType: any) => any;
 export default renderSubMenuItems;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nulogy/components",
-  "version": "8.1.2",
+  "version": "8.1.5",
   "description": "Component library for the Nulogy Design System - http://nulogy.design",
   "private": false,
   "publishConfig": {