@nulogy/components 7.0.0 → 7.2.0

package/dist/main.module.js

@@ -11882,6 +11882,8 @@ var textOverflow = system({
   textOverflow: true
 });
 
+var addStyledProps = compose(border, shadow, color, cursor$1, layout, overflow, space, textOverflow, transform, transition, typography, visibility);
+
 var getAttrs = function getAttrs(inline) {
   return inline ? {
     as: "span"
@@ -11906,7 +11908,7 @@ var Text = styled.p.attrs(function (props) {
     lineHeight: theme.lineHeights.base,
     opacity: disabled ? "0.7" : undefined
   };
-}, compose(space, typography, color, layout, overflow, textOverflow, cursor$1));
+}, addStyledProps);
 Text.defaultProps = {
   inline: false,
   disabled: false
@@ -16415,15 +16417,23 @@ var resetButtonStyles = {
   border: "none"
 };
 
+function getColorFromProps(props) {
+  return themeGet("colors." + props.color, props.color)(props);
+}
+
+function getColor(props) {
+  return getColorFromProps(props) || props.theme.colors.blue;
+}
+
 var getHoverColor = function getHoverColor(props) {
-  return props.hover ? props.color : curriedDarken("0.1", themeGet("colors." + props.color, props.color)(props));
+  return props.hover ? getColor(props) : curriedDarken("0.1", getColor(props));
 };
 
 var Link = styled.a.withConfig({
   shouldForwardProp: function shouldForwardProp(prop, defaultValidatorFn) {
     return !["underline", "hover"].includes(prop) && defaultValidatorFn(prop);
   }
-})(color, space, typography, function (_a) {
+})(function (_a) {
   var underline = _a.underline,
       as = _a.as,
       props = __rest(_a, ["underline", "as"]);
@@ -16431,17 +16441,16 @@ var Link = styled.a.withConfig({
   return Object.assign(Object.assign({}, resetButtonStyles), {
     padding: as === "button" ? "0" : undefined,
     textDecoration: underline ? "underline" : "none",
+    fontSize: props.theme.fontSizes.medium,
+    color: getColor(props),
     "&:hover": {
       cursor: "pointer",
       color: getHoverColor(props)
     }
   });
-});
+}, addStyledProps);
 Link.defaultProps = {
-  className: undefined,
-  underline: true,
-  fontSize: "medium",
-  color: "blue"
+  underline: true
 };
 
 var ListItem = styled.li.withConfig({
@@ -16475,7 +16484,7 @@ var List = styled.ul.withConfig({
   }, _ref2["" + ListItem] = {
     marginBottom: compact ? 0 : theme.space.x1
   }, _ref2;
-}, space, color, typography, layout, shadow, border);
+}, addStyledProps);
 List.defaultProps = {
   className: undefined,
   compact: false,
@@ -20249,7 +20258,7 @@ var DropdownButton = styled.button.withConfig({
       opacity: ".5"
     }
   };
-}, color);
+}, addStyledProps);
 DropdownButton.defaultProps = {
   disabled: false,
   hoverColor: "darkBlue",
@@ -20294,7 +20303,7 @@ var DropdownLink = styled.a.withConfig({
       opacity: ".5"
     }
   };
-});
+}, addStyledProps);
 DropdownLink.defaultProps = {
   disabled: false,
   color: "darkGrey",
@@ -20363,7 +20372,7 @@ var DropdownText = styled(Text).withConfig({
     transition: ".2s",
     padding: theme.space.x1 + " " + theme.space.x2
   };
-}, color);
+}, addStyledProps);
 
 var HelpText = styled(Text).withConfig({
   displayName: "HelpText",
@@ -44558,7 +44567,7 @@ NavBarDropdownMenu.defaultProps = {
   hideDelay: "100"
 };
 
-var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger) {
+var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClick, SubMenuTrigger, layer) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
@@ -44566,7 +44575,9 @@ var renderSubMenuTrigger = function renderSubMenuTrigger(subMenuItem, onItemClic
   }, /*#__PURE__*/React__default.createElement(SubMenuTrigger, {
     onItemClick: onItemClick,
     name: subMenuItem.name,
-    menuData: subMenuItem.items
+    menuData: subMenuItem.items,
+    trigger: subMenuItem.trigger,
+    layer: layer
   }));
 };
 
@@ -44584,12 +44595,16 @@ var renderSubMenuLink = function renderSubMenuLink(subMenuItem, onItemClick) {
   }, subMenuItem.name));
 };
 
-var renderCustom$2 = function renderCustom(subMenuItem, onItemClick) {
+var renderCustom$2 = function renderCustom(subMenuItem, onItemClick, _SubMenuTrigger, layer) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement(NoWrapLi, {
     key: (_a = subMenuItem.key) !== null && _a !== void 0 ? _a : subMenuItem.name
-  }, subMenuItem.render(onItemClick));
+  }, subMenuItem.render({
+    size: "medium",
+    onItemClick: onItemClick,
+    layer: layer
+  }));
 };
 
 var renderText$2 = function renderText(subMenuItem) {
@@ -44612,9 +44627,9 @@ var getRenderFunction$2 = function getRenderFunction(subMenuItem) {
   }
 };
 
-var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger) {
+var renderSubMenuItems = function renderSubMenuItems(subMenuItems, onItemClick, SubMenuTrigger, layer) {
   return subMenuItems.map(function (subMenuItem) {
-    return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger);
+    return getRenderFunction$2(subMenuItem)(subMenuItem, onItemClick, SubMenuTrigger, layer);
   });
 };
 
@@ -44628,8 +44643,8 @@ var NoWrapLi = styled.li.withConfig({
 });
 
 var StyledButton$1 = styled(DropdownButton).withConfig({
-  displayName: "SubMenuTrigger__StyledButton",
-  componentId: "sc-1tg8y8b-0"
+  displayName: "SubMenuTriggerButton__StyledButton",
+  componentId: "bvw24f-0"
 })(function (_ref) {
   var isOpen = _ref.isOpen,
       theme = _ref.theme;
@@ -44663,7 +44678,9 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
   var menuData = _a.menuData,
       name = _a.name,
       onItemClick = _a.onItemClick,
-      props = __rest(_a, ["menuData", "name", "onItemClick"]);
+      _trigger = _a.trigger,
+      layer = _a.layer,
+      props = __rest(_a, ["menuData", "name", "onItemClick", "trigger", "layer"]);
 
   return (
     /*#__PURE__*/
@@ -44674,24 +44691,37 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
       showArrow: false,
       triggerTogglesMenuState: false
     }, props, {
-      dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers(_ref2) {
-        var openMenu = _ref2.openMenu,
-            closeMenu = _ref2.closeMenu;
+      dropdownMenuContainerEventHandlers: function dropdownMenuContainerEventHandlers(_ref) {
+        var openMenu = _ref.openMenu,
+            closeMenu = _ref.closeMenu;
         return {
           onMouseEnter: openMenu,
           onMouseLeave: closeMenu
         };
       },
-      trigger: function trigger(_ref3) {
-        var closeMenu = _ref3.closeMenu,
-            openMenu = _ref3.openMenu,
-            isOpen = _ref3.isOpen;
-        return /*#__PURE__*/React__default.createElement(SubMenuTriggerButton, {
+      trigger: function trigger(_ref2) {
+        var closeMenu = _ref2.closeMenu,
+            openMenu = _ref2.openMenu,
+            isOpen = _ref2.isOpen;
+
+        var defaultRender = function defaultRender() {
+          return /*#__PURE__*/React__default.createElement(SubMenuTriggerButton, {
+            isOpen: isOpen,
+            name: name,
+            onMouseEnter: openMenu,
+            onMouseLeave: closeMenu
+          });
+        };
+
+        var triggerProps = {
+          size: "medium",
+          closeMenu: closeMenu,
+          openMenu: openMenu,
           isOpen: isOpen,
-          name: name,
-          onMouseEnter: openMenu,
-          onMouseLeave: closeMenu
-        });
+          defaultRender: defaultRender,
+          layer: layer
+        };
+        return _trigger ? _trigger(triggerProps) : defaultRender();
       }
     }), /*#__PURE__*/React__default.createElement("ul", {
       style: {
@@ -44699,15 +44729,15 @@ var SubMenuTrigger = function SubMenuTrigger(_a) {
         margin: "0",
         padding: "0"
       }
-    }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger)))
+    }, renderSubMenuItems(menuData, onItemClick, SubMenuTrigger, layer + 1)))
   );
 };
 
 SubMenuTrigger.displayName = "SubMenuTrigger";
 
 var StyledButton = styled.button.withConfig({
-  displayName: "MenuTrigger__StyledButton",
-  componentId: "sc-6k53fy-0"
+  displayName: "MenuTriggerButton__StyledButton",
+  componentId: "sc-9xtkk1-0"
 })(function (_ref) {
   var _ref$color = _ref.color,
       color = _ref$color === void 0 ? "white" : _ref$color,
@@ -44778,7 +44808,9 @@ var MenuTrigger = function MenuTrigger(_a) {
       hoverColor = _a.hoverColor,
       hoverBackground = _a.hoverBackground,
       ariaLabel = _a["aria-label"],
-      props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label"]);
+      _trigger = _a.trigger,
+      layer = _a.layer,
+      props = __rest(_a, ["menuData", "name", "color", "hoverColor", "hoverBackground", "aria-label", "trigger", "layer"]);
 
   var dropdownMinWidth = "auto";
 
@@ -44788,6 +44820,13 @@ var MenuTrigger = function MenuTrigger(_a) {
     return popperData;
   };
 
+  var triggerProps = {
+    color: color,
+    hoverColor: hoverColor,
+    hoverBackground: hoverBackground,
+    name: name,
+    "aria-label": ariaLabel
+  };
   return (
     /*#__PURE__*/
     // @ts-ignore
@@ -44808,16 +44847,18 @@ var MenuTrigger = function MenuTrigger(_a) {
         }
       },
       trigger: function trigger() {
-        return /*#__PURE__*/React__default.createElement(MenuTriggerButton, {
-          color: color,
-          hoverColor: hoverColor,
-          hoverBackground: hoverBackground,
-          name: name,
-          "aria-label": ariaLabel
-        });
+        var defaultRender = function defaultRender() {
+          return /*#__PURE__*/React__default.createElement(MenuTriggerButton, Object.assign({}, triggerProps));
+        };
+
+        return _trigger ? _trigger({
+          size: "medium",
+          defaultRender: defaultRender,
+          layer: layer
+        }) : defaultRender();
       }
-    }), function (_ref2) {
-      var closeMenu = _ref2.closeMenu;
+    }), function (_ref) {
+      var closeMenu = _ref.closeMenu;
       return /*#__PURE__*/React__default.createElement("ul", {
         style: {
           listStyle: "none",
@@ -44828,7 +44869,7 @@ var MenuTrigger = function MenuTrigger(_a) {
       }, renderSubMenuItems(menuData, function (e) {
         closeMenu(e);
         e.stopPropagation();
-      }, SubMenuTrigger));
+      }, SubMenuTrigger, layer + 1));
     })
   );
 };
@@ -44891,7 +44932,7 @@ var Nav$1 = styled.nav.withConfig({
   alignItems: "center"
 });
 
-var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject) {
+var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject, layer) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement("div", {
@@ -44899,7 +44940,9 @@ var renderMenuTrigger = function renderMenuTrigger(menuItem, themeColorObject) {
   }, /*#__PURE__*/React__default.createElement(MenuTrigger, Object.assign({
     name: menuItem.name,
     "aria-label": menuItem.ariaLabel,
-    menuData: menuItem.items
+    menuData: menuItem.items,
+    trigger: menuItem.trigger,
+    layer: layer
   }, themeColorObject)));
 };
 
@@ -44915,12 +44958,15 @@ var renderMenuLink$1 = function renderMenuLink(menuItem, themeColorObject) {
   }, themeColorObject), menuItem.name));
 };
 
-var renderCustom$1 = function renderCustom(menuItem) {
+var renderCustom$1 = function renderCustom(menuItem, _themeColorObject, layer) {
   var _a;
 
   return /*#__PURE__*/React__default.createElement("div", {
     key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
-  }, menuItem.render());
+  }, menuItem.render({
+    size: "medium",
+    layer: layer
+  }));
 };
 
 var renderText$1 = function renderText(menuItem, themeColorObject) {
@@ -44943,8 +44989,8 @@ var getRenderFunction$1 = function getRenderFunction(menuItem) {
   }
 };
 
-var renderMenuItem = function renderMenuItem(menuItem, themeColorObject) {
-  return getRenderFunction$1(menuItem)(menuItem, themeColorObject);
+var renderMenuItem = function renderMenuItem(menuItem, themeColorObject, layer) {
+  return getRenderFunction$1(menuItem)(menuItem, themeColorObject, layer);
 };
 
 var BaseDesktopMenu = function BaseDesktopMenu(_a) {
@@ -44953,7 +44999,7 @@ var BaseDesktopMenu = function BaseDesktopMenu(_a) {
       props = __rest(_a, ["menuData", "themeColorObject"]);
 
   return /*#__PURE__*/React__default.createElement(Nav$1, Object.assign({}, props), menuData.map(function (menuItem) {
-    return renderMenuItem(menuItem, themeColorObject);
+    return renderMenuItem(menuItem, themeColorObject, 0);
   }));
 };
 
@@ -45047,9 +45093,7 @@ var getSharedStyles = function getSharedStyles(theme) {
     fontSize: theme.fontSizes.large,
     fontWeight: theme.fontWeights.medium,
     lineHeight: theme.lineHeights.heading3,
-    marginBottom: theme.space.x1,
-    padding: theme.space.x1 + " " + theme.space.x3,
-    paddingLeft: getPaddingLeft(0)
+    padding: theme.space.x1 + " " + theme.space.x3
   };
 };
 
@@ -45079,7 +45123,7 @@ var TopLevelLink = styled(Link).withConfig({
       opacity: ".5"
     }
   });
-});
+}, addStyledProps);
 var TopLevelText = styled(Text).withConfig({
   displayName: "MobileMenu__TopLevelText",
   componentId: "sc-18t6zrc-2"
@@ -45088,27 +45132,10 @@ var TopLevelText = styled(Text).withConfig({
   return Object.assign(Object.assign({}, getSharedStyles(theme)), {
     color: theme.colors.blackBlue
   });
-});
-var ChildIndentingLi = styled.li.withConfig({
-  displayName: "MobileMenu__ChildIndentingLi",
-  componentId: "sc-18t6zrc-3"
-})(function (_ref4) {
-  var _ref5;
-
-  var layer = _ref4.layer,
-      theme = _ref4.theme;
-  return _ref5 = {
-    marginBottom: theme.space.x1
-  }, _ref5["> " + DropdownButton + ", > " + DropdownLink] = {
-    // eslint-disable-next-line no-mixed-operators
-    paddingLeft: 24 * layer + 20 + "px"
-  }, _ref5["> " + DropdownText] = {
-    paddingLeft: getPaddingLeft(layer)
-  }, _ref5;
-});
+}, addStyledProps);
 var SubMenuItemsList = styled.ul.withConfig({
   displayName: "MobileMenu__SubMenuItemsList",
-  componentId: "sc-18t6zrc-4"
+  componentId: "sc-18t6zrc-3"
 })({
   listStyle: "none",
   paddingLeft: "0",
@@ -45118,25 +45145,31 @@ var SubMenuItemsList = styled.ul.withConfig({
 var renderMenuLink = function renderMenuLink(menuItem, linkOnClick, themeColorObject, layer) {
   var _a;
 
-  var MenuLink = layer === 0 ? TopLevelLink : DropdownLink;
-  return /*#__PURE__*/React__default.createElement(ChildIndentingLi, {
-    layer: layer,
-    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
-  }, /*#__PURE__*/React__default.createElement(MenuLink, {
+  var sharedLinkProps = {
     onClick: linkOnClick,
     href: menuItem.href,
     as: menuItem.as,
-    to: menuItem.to
-  }, menuItem.name));
+    to: menuItem.to,
+    // eslint-disable-next-line no-mixed-operators
+    pl: layer === 0 ? getPaddingLeft(layer) : 24 * layer + 20 + "px",
+    mb: "x1"
+  };
+  var MenuLink = layer === 0 ? TopLevelLink : DropdownLink;
+  return /*#__PURE__*/React__default.createElement("li", {
+    key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
+  }, /*#__PURE__*/React__default.createElement(MenuLink, Object.assign({}, sharedLinkProps), menuItem.name));
 };
 
 var renderCustom = function renderCustom(menuItem, linkOnClick, themeColorObject, layer) {
   var _a;
 
-  return /*#__PURE__*/React__default.createElement(ChildIndentingLi, {
-    layer: layer,
+  return /*#__PURE__*/React__default.createElement("li", {
     key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
-  }, menuItem.render(linkOnClick, layer));
+  }, menuItem.render({
+    size: "small",
+    onItemClick: linkOnClick,
+    layer: layer
+  }));
 };
 
 var renderSubMenu = function renderSubMenu(menuItem, linkOnClick, themeColorObject, layer) {
@@ -45159,10 +45192,12 @@ var renderText = function renderText(menuItem, linkOnClick, themeColorObject, la
   var _a;
 
   var MenuText = layer === 0 ? TopLevelText : DropdownText;
-  return /*#__PURE__*/React__default.createElement(ChildIndentingLi, {
-    layer: layer,
+  return /*#__PURE__*/React__default.createElement("li", {
     key: (_a = menuItem.key) !== null && _a !== void 0 ? _a : menuItem.name
-  }, /*#__PURE__*/React__default.createElement(MenuText, null, menuItem.name));
+  }, /*#__PURE__*/React__default.createElement(MenuText, {
+    pl: getPaddingLeft(layer),
+    mb: "x1"
+  }, menuItem.name));
 };
 
 var getRenderFunction = function getRenderFunction(menuItem) {
@@ -45190,45 +45225,54 @@ var renderTopLayerMenuItems = function renderTopLayerMenuItems(menuData, linkOnC
 
 var getSubMenuHeading = function getSubMenuHeading(layer, name) {
   return layer === 0 ? /*#__PURE__*/React__default.createElement(TopLevelText, {
-    as: "h3"
+    as: "h3",
+    mb: "x1"
   }, name) : /*#__PURE__*/React__default.createElement(DropdownText, {
     mb: "x1",
-    style: {
-      paddingLeft: getPaddingLeft(layer)
-    }
+    pl: getPaddingLeft(layer)
   }, name);
 };
 
-var SubMenu = function SubMenu(_ref6) {
-  var menuItem = _ref6.menuItem,
-      linkOnClick = _ref6.linkOnClick,
-      themeColorObject = _ref6.themeColorObject,
-      layer = _ref6.layer;
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, getSubMenuHeading(layer, menuItem.name), /*#__PURE__*/React__default.createElement(SubMenuItemsList, null, renderMenuItems(menuItem.items, linkOnClick, themeColorObject, layer + 1)));
+var SubMenu = function SubMenu(_ref4) {
+  var menuItem = _ref4.menuItem,
+      linkOnClick = _ref4.linkOnClick,
+      themeColorObject = _ref4.themeColorObject,
+      layer = _ref4.layer;
+
+  var defaultRender = function defaultRender() {
+    return getSubMenuHeading(layer, menuItem.name);
+  };
+
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, menuItem.trigger ? menuItem.trigger({
+    size: "small",
+    defaultRender: defaultRender,
+    layer: layer
+  }) : defaultRender(), /*#__PURE__*/React__default.createElement(SubMenuItemsList, null, renderMenuItems(menuItem.items, linkOnClick, themeColorObject, layer + 1)));
 };
 
 var Menu$1 = styled.ul.withConfig({
   displayName: "MobileMenu__Menu",
-  componentId: "sc-18t6zrc-5"
-})(function (_ref7) {
-  var _ref8;
+  componentId: "sc-18t6zrc-4"
+})(function (_ref5) {
+  var _ref6;
 
-  var theme = _ref7.theme;
-  return _ref8 = {
+  var theme = _ref5.theme;
+  return _ref6 = {
+    listStyle: "none",
     margin: "0",
     padding: theme.space.x1 + " 0",
     zIndex: theme.zIndices.content,
     width: "100%",
     color: theme.colors.white
-  }, _ref8["" + Heading3] = {
+  }, _ref6["" + Heading3] = {
     padding: theme.space.x1 + " 0 " + theme.space.x1 + " " + theme.space.x3
-  }, _ref8;
+  }, _ref6;
 });
 var Nav = styled.nav.withConfig({
   displayName: "MobileMenu__Nav",
-  componentId: "sc-18t6zrc-6"
-})(function (_ref9) {
-  var backgroundColor = _ref9.backgroundColor;
+  componentId: "sc-18t6zrc-5"
+})(function (_ref7) {
+  var backgroundColor = _ref7.backgroundColor;
   return {
     backgroundColor: backgroundColor
   };
@@ -45266,7 +45310,7 @@ var BaseMobileMenu = function BaseMobileMenu(_a) {
 
 var MobileMenu = styled(BaseMobileMenu).withConfig({
   displayName: "MobileMenu",
-  componentId: "sc-18t6zrc-7"
+  componentId: "sc-18t6zrc-6"
 })(display);
 
 var borderStyle = "1px solid #e4e7eb";
@@ -52683,4 +52727,4 @@ var SortingTable = function SortingTable(_a) {
   }, props));
 };
 
-export { ALL_NDS_LOCALES, Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Box, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input$1 as Input, Link, List, ListItem, LoadingAnimation, Modal, NDSProvider, NavBar$1 as NavBar, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer$1 as SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, Sidebar, SortingTable, StatusIndicator, Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToggleComponent as Toggle, Tooltip, TruncatedText, Theme as theme, useWindowDimensions };
+export { ALL_NDS_LOCALES, Alert, AnimatedBox, ApplicationFrame, AsyncSelect, Box, NavBar as BrandedNavBar, Branding, Breadcrumbs, Button, ButtonGroup, Card, CardSet, Checkbox, CheckboxGroup, ControlIcon, DangerButton, DatePicker, DateRange, Divider, DropdownButton, DropdownItem, DropdownLink, DropdownMenu, DropdownText, Field, FieldLabel, Fieldset, Flex, Form, FormSection, Heading1, Heading2, Heading3, Heading4, HelpText, Icon, IconicButton, InlineIcon, InlineValidation, Input$1 as Input, Link, List, ListItem, LoadingAnimation, Modal, NDSProvider, NavBar$1 as NavBar, Overlay, Page, Pagination, PrimaryButton, QuietButton, Radio, RadioGroup, RangeContainer, RequirementText, ReactSelect as Select, SelectClearIndicator, SelectContainer$1 as SelectContainer, SelectControl, SelectDropdownIndicator, SelectInput, SelectMenu, SelectMultiValue, SelectOption, Sidebar, SortingTable, StatusIndicator, Switch, Switcher, Tab, Table, Tabs, Text, Textarea, TimePicker, TimeRange, Toast, ToggleComponent as Toggle, Tooltip, TruncatedText, addStyledProps, Theme as theme, useWindowDimensions };

package/dist/src/Alert/CloseButton.d.ts

@@ -3,5 +3,5 @@ declare type CloseButtonProps = {
     onClick: any;
     "aria-label": string;
 };
-declare const CloseButton: ({ onClick, "aria-label": ariaLabel, }: CloseButtonProps) => JSX.Element;
+declare const CloseButton: ({ onClick, "aria-label": ariaLabel }: CloseButtonProps) => JSX.Element;
 export default CloseButton;

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

@@ -1,11 +1,14 @@
-/// <reference types="react" />
+import React from "react";
+import { TriggerFunctionProps } from "./TriggerFunctionProps";
 export declare type MenuTriggerProps = {
     name?: string;
     "aria-label"?: string;
-    menuData?: any[];
     color?: string;
     hoverColor?: string;
     hoverBackground?: string;
+    menuData?: any[];
+    trigger?: (props: TriggerFunctionProps) => React.ReactNode;
+    layer: number;
 };
-declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, ...props }: MenuTriggerProps) => JSX.Element;
+declare const MenuTrigger: ({ menuData, name, color, hoverColor, hoverBackground, "aria-label": ariaLabel, trigger, layer, ...props }: MenuTriggerProps) => JSX.Element;
 export default MenuTrigger;

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

@@ -0,0 +1,9 @@
+import React from "react";
+declare type MenuTriggerButtonProps = React.ComponentPropsWithRef<"button"> & {
+    name?: React.ReactNode;
+    color?: string;
+    hoverColor?: string;
+    hoverBackground?: string;
+};
+declare const MenuTriggerButton: React.ForwardRefExoticComponent<Pick<MenuTriggerButtonProps, "form" | "slot" | "style" | "title" | "key" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "type" | "value" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "hoverColor" | "hoverBackground"> & React.RefAttributes<HTMLButtonElement>>;
+export default MenuTriggerButton;

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

@@ -68,3 +68,15 @@ export declare const CustomRenderingInHamburger: {
         };
     };
 };
+export declare const CustomMenuTriggers: () => JSX.Element;
+export declare const CustomMenuTriggersInHamburger: {
+    (): JSX.Element;
+    parameters: {
+        viewport: {
+            defaultViewport: string;
+        };
+        chromatic: {
+            viewports: number[];
+        };
+    };
+};

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

@@ -3,5 +3,5 @@ declare type NulogyLogoContainerProps = {
     subText?: string;
     height?: string;
 };
-export declare const NulogyLogoContainer: ({ subText, height, }: NulogyLogoContainerProps) => JSX.Element;
+export declare const NulogyLogoContainer: ({ subText, height }: NulogyLogoContainerProps) => JSX.Element;
 export {};

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

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