@laerdal/life-react-components 3.5.1-dev.15 → 3.5.1-dev.17

package/dist/GlobalNavigationBar/mobile/MobileMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenu.js","names":["React","styled","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","useLocation","IconButton","LaerdalLogo","MobileMenuHeader","MobileMenuContent","useStackState","useMediaMatch","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","SMALL","SwitcherLabel","_templateObject2","MobileFooter","_templateObject3","neutral_200","Bold","neutral_600","CustomContent","_templateObject4","MobileMenu","_ref","_current$header","_current$header$butto","show","profile","buttons","label","header","items","footer","action","onClose","_useStackState","reset","length","push","pop","peek","isMediumScreen","LARGE","replace","location","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","a","children","onGoBack","undefined","height","width","className","onClick","variant","shape","id","SwitchApp","size","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../../icons';\r\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { IconButton } from '../../Button';\r\nimport { LaerdalLogo } from '../../assets';\r\nimport {\r\n  MenuAccountInfo,\r\n  MenuButton,\r\n  MenuNavigationItemTypeGroup,\r\n  MenuGroupFooter,\r\n  MenuGroupHeader,\r\n  MenuIconButton,\r\n  MenuNavigationItemTypeItem,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu,\r\n  MenuNavigationItemTypeSection,\r\n  MobileMenuButtonTypes,\r\n  MenuSwitcherButton,\r\n  MenuNavigationCustomSubMenu,\r\n} from '../types';\r\nimport MobileMenuHeader from './MobileMenuHeader';\r\nimport MobileMenuContent from './MobileMenuContent';\r\nimport { useStackState } from '../../common/StackState';\r\nimport { useMediaMatch } from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\nconst SwitcherLabel = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nconst MobileFooter = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 48px;\r\n\r\n  padding: 0 4px 0 16px;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nconst CustomContent = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\ntype Props = MobileNavigationMenuProps & {\r\n  profile?: ProfileMenu;\r\n  show?: boolean;\r\n  onClose: () => void;\r\n};\r\n\r\ninterface MenuState {\r\n  header: {\r\n    label?: string;\r\n    buttons?: MobileMenuButtonTypes[];\r\n  };\r\n  content?: {\r\n    header?: MenuGroupHeader;\r\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n    footer?: MenuGroupFooter;\r\n    action?: MenuButton;\r\n  };\r\n  customContent?: () => React.ReactNode;\r\n  footer?: boolean;\r\n}\r\n\r\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\r\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\r\n\r\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  const location = useLocation();\r\n\r\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\r\n    switch (menu?.type) {\r\n      case 'group':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          content: {\r\n            header: menu.header,\r\n            items: menu.items,\r\n            footer: menu.footer,\r\n            action: menu.action,\r\n          },\r\n          footer: false,\r\n        });\r\n        break;\r\n      case 'custom':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          customContent: menu.custom,\r\n          footer: false,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    onClose();\r\n  }, [location]);\r\n\r\n  React.useEffect(() => {\r\n    isMediumScreen && onClose();\r\n  }, [isMediumScreen]);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      reset({\r\n        footer: true,\r\n        header: {\r\n          label: label,\r\n          buttons: buttons,\r\n        },\r\n        content: {\r\n          header: header,\r\n          items: items,\r\n          footer: footer,\r\n          action: action,\r\n        },\r\n      });\r\n    }, 300);\r\n  }, [show]);\r\n\r\n  const current = peek();\r\n\r\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\r\n\r\n  return (\r\n    <Wrapper>\r\n      <MobileMenuHeader\r\n        buttons={current?.header.buttons}\r\n        onGoBack={length > 1 ? pop : undefined}\r\n        onSubMenuOpen={onSubMenuOpen}\r\n        profile={profile}\r\n        label={current?.header.label}\r\n        onClose={onClose}\r\n      />\r\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\r\n      {current?.content && (\r\n        <MobileMenuContent\r\n          header={current?.content.header}\r\n          items={current?.content.items}\r\n          footer={current?.content.footer}\r\n          action={current?.content.action}\r\n          onSubMenuOpen={onSubMenuOpen}\r\n        />\r\n      )}\r\n\r\n      {current?.footer && (\r\n        <MobileFooter>\r\n          <LaerdalLogo height={'36px'} width={'66px'} />\r\n          {switcher && (\r\n            <>\r\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\r\n                {label || 'Switch site'}\r\n              </SwitcherLabel>\r\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\r\n                <SystemIcons.SwitchApp size=\"24px\"/>\r\n              </IconButton>\r\n            </>\r\n          )}\r\n        </MobileFooter>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenu.js","names":["React","styled","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Z_INDEXES","useLocation","IconButton","LaerdalLogo","MobileMenuHeader","MobileMenuContent","useStackState","useMediaMatch","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","Wrapper","div","_templateObject","_taggedTemplateLiteral","off_canvas","SMALL","SwitcherLabel","_templateObject2","MobileFooter","_templateObject3","props","getColor","theme","Bold","CustomContent","_templateObject4","MobileMenu","_ref","_current$header","_current$header$butto","show","profile","buttons","label","header","items","footer","action","onClose","_useStackState","reset","length","push","pop","peek","isMediumScreen","LARGE","replace","location","onSubMenuOpen","menu","type","content","customContent","custom","useEffect","setTimeout","current","switcher","find","a","children","onGoBack","undefined","height","width","className","onClick","variant","shape","id","SwitchApp","size","propTypes","_pt","bool","func","isRequired"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {SystemIcons} from '../../icons';\r\nimport { BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, Z_INDEXES } from '../../styles';\r\nimport { useLocation } from 'react-router-dom';\r\nimport { IconButton } from '../../Button';\r\nimport { LaerdalLogo } from '../../assets';\r\nimport {\r\n  MenuAccountInfo,\r\n  MenuButton,\r\n  MenuNavigationItemTypeGroup,\r\n  MenuGroupFooter,\r\n  MenuGroupHeader,\r\n  MenuIconButton,\r\n  MenuNavigationItemTypeItem,\r\n  MobileNavigationMenuProps,\r\n  ProfileMenu,\r\n  MenuNavigationItemTypeSection,\r\n  MobileMenuButtonTypes,\r\n  MenuSwitcherButton,\r\n  MenuNavigationCustomSubMenu,\r\n} from '../types';\r\nimport MobileMenuHeader from './MobileMenuHeader';\r\nimport MobileMenuContent from './MobileMenuContent';\r\nimport { useStackState } from '../../common/StackState';\r\nimport { useMediaMatch } from 'rooks';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 320px;\r\n  z-index: ${Z_INDEXES.off_canvas};\r\n  height: 100%;\r\n  box-sizing: border-box;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    width: 400px;\r\n  }\r\n`;\r\n\r\nconst SwitcherLabel = styled.div`\r\n  margin-left: auto;\r\n`;\r\n\r\nconst MobileFooter = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  box-sizing: border-box;\r\n  height: 48px;\r\n\r\n  padding: 0 4px 0 16px;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n    padding: 4px 8px 4px 16px;\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nconst CustomContent = styled.div`\r\n  width: 100%;\r\n  box-sizing: border-box;\r\n  flex-flow: column;\r\n  display: flex;\r\n  flex: 1;\r\n  overflow: hidden;\r\n`;\r\n\r\ntype Props = MobileNavigationMenuProps & {\r\n  profile?: ProfileMenu;\r\n  show?: boolean;\r\n  onClose: () => void;\r\n};\r\n\r\ninterface MenuState {\r\n  header: {\r\n    label?: string;\r\n    buttons?: MobileMenuButtonTypes[];\r\n  };\r\n  content?: {\r\n    header?: MenuGroupHeader;\r\n    items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n    footer?: MenuGroupFooter;\r\n    action?: MenuButton;\r\n  };\r\n  customContent?: () => React.ReactNode;\r\n  footer?: boolean;\r\n}\r\n\r\nconst MobileMenu = ({ show, profile, buttons, label, header, items, footer, action, onClose }: Props) => {\r\n  const { reset, length, push, pop, peek } = useStackState<MenuState>();\r\n\r\n  const isMediumScreen = useMediaMatch(BREAKPOINTS.LARGE.replace('@media ', ''));\r\n\r\n  const location = useLocation();\r\n\r\n  const onSubMenuOpen = (menu?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => {\r\n    switch (menu?.type) {\r\n      case 'group':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          content: {\r\n            header: menu.header,\r\n            items: menu.items,\r\n            footer: menu.footer,\r\n            action: menu.action,\r\n          },\r\n          footer: false,\r\n        });\r\n        break;\r\n      case 'custom':\r\n        push({\r\n          header: {\r\n            label: menu.label,\r\n            buttons: menu.buttons,\r\n          },\r\n          customContent: menu.custom,\r\n          footer: false,\r\n        });\r\n        break;\r\n      default:\r\n        break;\r\n    }\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    onClose();\r\n  }, [location]);\r\n\r\n  React.useEffect(() => {\r\n    isMediumScreen && onClose();\r\n  }, [isMediumScreen]);\r\n\r\n  React.useEffect(() => {\r\n    setTimeout(() => {\r\n      reset({\r\n        footer: true,\r\n        header: {\r\n          label: label,\r\n          buttons: buttons,\r\n        },\r\n        content: {\r\n          header: header,\r\n          items: items,\r\n          footer: footer,\r\n          action: action,\r\n        },\r\n      });\r\n    }, 300);\r\n  }, [show]);\r\n\r\n  const current = peek();\r\n\r\n  const switcher = current?.header?.buttons?.find((a) => a.type === 'switcher') as MenuSwitcherButton;\r\n\r\n  return (\r\n    <Wrapper>\r\n      <MobileMenuHeader\r\n        buttons={current?.header.buttons}\r\n        onGoBack={length > 1 ? pop : undefined}\r\n        onSubMenuOpen={onSubMenuOpen}\r\n        profile={profile}\r\n        label={current?.header.label}\r\n        onClose={onClose}\r\n      />\r\n      {current?.customContent && <CustomContent>{current?.customContent()}</CustomContent>}\r\n      {current?.content && (\r\n        <MobileMenuContent\r\n          header={current?.content.header}\r\n          items={current?.content.items}\r\n          footer={current?.content.footer}\r\n          action={current?.content.action}\r\n          onSubMenuOpen={onSubMenuOpen}\r\n        />\r\n      )}\r\n\r\n      {current?.footer && (\r\n        <MobileFooter>\r\n          <LaerdalLogo height={'36px'} width={'66px'} />\r\n          {switcher && (\r\n            <>\r\n              <SwitcherLabel className={'globalNav-toggler'} onClick={() => switcher.action && switcher.action() && onClose()}>\r\n                {label || 'Switch site'}\r\n              </SwitcherLabel>\r\n              <IconButton variant={'secondary'} shape={'circular'} id=\"globalNavAppsButton\" action={() => switcher.action && switcher.action() && onClose()}>\r\n                <SystemIcons.SwitchApp size=\"24px\"/>\r\n              </IconButton>\r\n            </>\r\n          )}\r\n        </MobileFooter>\r\n      )}\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileMenuContent.cjs

@@ -26,14 +26,34 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MenuItemsContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 8px;\n"])));
-var MenuSectionContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ", ";\n  }\n"])), _styles.COLORS.neutral_200);
-var MenuSectionHeader = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  padding: 8px 16px 4px 16px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ", ";\n\n  ", "\n"])), _styles.COLORS.neutral_20, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_500));
+var MenuSectionContainer = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ", ";\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+});
+var MenuSectionHeader = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  padding: 8px 16px 4px 16px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ", ";\n\n  ", "\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_500', props.theme));
+});
 var MenuSectionList = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: column;\n"])));
-var PinnedContainer = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  border-top: 1px solid ", ";\n"])), _styles.COLORS.neutral_200);
-var FooterText = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), _styles.BREAKPOINTS.SMALL, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
-var FooterNote = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600), _styles.BREAKPOINTS.SMALL, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.neutral_600));
+var PinnedContainer = _styledComponents["default"].div(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n  border-top: 1px solid ", ";\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+});
+var FooterText = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), function (props) {
+  return (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.BREAKPOINTS.SMALL, function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+});
+var FooterNote = _styledComponents["default"].div(_templateObject7 || (_templateObject7 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), function (props) {
+  return (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.BREAKPOINTS.SMALL, function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.getColor('neutral_600', props.theme));
+});
 var FooterLink = _styledComponents["default"].div(_templateObject8 || (_templateObject8 = (0, _taggedTemplateLiteral2["default"])(["\n  a {\n    ", "\n    ", " {\n      ", "\n    }\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, null), _styles.BREAKPOINTS.SMALL, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, null));
-var FooterContainer = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n\n  ", " {\n    padding: 16px;\n  }\n"])), _styles.COLORS.neutral_200, _styles.COLORS.neutral_20, _styles.BREAKPOINTS.SMALL);
+var FooterContainer = _styledComponents["default"].div(_templateObject9 || (_templateObject9 = (0, _taggedTemplateLiteral2["default"])(["\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n\n  ", " {\n    padding: 16px;\n  }\n"])), function (props) {
+  return _styles.COLORS.getColor('neutral_200', props.theme);
+}, function (props) {
+  return _styles.COLORS.getColor('neutral_20', props.theme);
+}, _styles.BREAKPOINTS.SMALL);
 var MobileMenuContent = function MobileMenuContent(_ref) {
   var header = _ref.header,
     items = _ref.items,

package/dist/GlobalNavigationBar/mobile/MobileMenuContent.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuContent.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_types","_HyperLink","_NavigationHelper","_MenuItem","_icons","_CommonStyles","_ScrollableContainer","_MobileActionContainer","_rooks","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","MenuItemsContainer","styled","div","_taggedTemplateLiteral2","MenuSectionContainer","COLORS","neutral_200","MenuSectionHeader","neutral_20","ComponentSStyling","ComponentTextStyle","Bold","neutral_500","MenuSectionList","PinnedContainer","FooterText","ComponentXSStyling","neutral_600","BREAKPOINTS","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","_ref","header","items","footer","action","onSubMenuOpen","isSmallScreen","useMediaMatch","replace","_useNavigationHelper","useNavigationHelper","navigate","isActiveRoute","_useScrollableContain","useScrollableContainer","_useScrollableContain2","_slicedToArray2","scrollContainerRef","scrollable","renderItem","item","index","type","jsxs","children","label","jsx","map","MenuItem","id","size","Size","Medium","Small","active","value","disabled","icon","displayLabel","noteLabel","note","iconRight","SystemIcons","ArrowDropRight","onClickHandler","nativeEvent","stopImmediatePropagation","external","to","exact","MobileMenuWrapper","ScrollableContainer","ref","className","MobileHeaderContainer","MobileHeaderText","MobileHeaderNote","a","pinned","some","link","HyperLink","variant","target","onClick","href","MobileActionContainer","propTypes","_propTypes","array","func","_default","exports"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n} from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { HyperLink } from '../../HyperLink';\r\nimport { useNavigationHelper } from '../../common/NavigationHelper';\r\nimport { MenuItem } from '../../MenuItem';\r\nimport { SystemIcons } from '../../icons';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\r\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\r\nimport { MobileActionContainer } from './MobileActionContainer';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst MenuItemsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n`;\r\n\r\nconst MenuSectionContainer = styled.div`\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${COLORS.neutral_200};\r\n  }\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px 4px 16px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst PinnedContainer = styled.div`\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterLink = styled.div`\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    ${BREAKPOINTS.SMALL} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${COLORS.neutral_20};\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n\r\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\r\n}\r\n\r\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  const { navigate, isActiveRoute } = useNavigationHelper();\r\n\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\r\n    switch (item.type) {\r\n      case 'section':\r\n        return (\r\n          <MenuSectionContainer key={index}>\r\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\r\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\r\n          </MenuSectionContainer>\r\n        );\r\n      case 'group':\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            active={false}\r\n            item={{\r\n              value: item.label,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            iconRight={<SystemIcons.ArrowDropRight />}\r\n            onClickHandler={(e) => {\r\n              e.nativeEvent.stopImmediatePropagation();\r\n              onSubMenuOpen && onSubMenuOpen(item);\r\n            }}\r\n          />\r\n        );\r\n      case 'item':\r\n      default:\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            item={{\r\n              value: item.to,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            onClickHandler={(e) => {\r\n              item.action && item.action(e);\r\n              navigate(item.to, !!item.external);\r\n            }}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n      </ScrollableContainer>\r\n      {items?.some((a) => a.pinned) && (\r\n        <PinnedContainer>\r\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n        </PinnedContainer>\r\n      )}\r\n      {footer && (\r\n        <FooterContainer>\r\n          <FooterText>{footer.header}</FooterText>\r\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\r\n          {footer.link && (\r\n            <FooterLink>\r\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\r\n                {footer.link.label}\r\n              </HyperLink>\r\n            </FooterLink>\r\n          )}\r\n        </FooterContainer>\r\n      )}\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenuContent;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenuContent.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_styles","_types","_HyperLink","_NavigationHelper","_MenuItem","_icons","_CommonStyles","_ScrollableContainer","_MobileActionContainer","_rooks","_jsxRuntime","_templateObject","_templateObject2","_templateObject3","_templateObject4","_templateObject5","_templateObject6","_templateObject7","_templateObject8","_templateObject9","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","MenuItemsContainer","styled","div","_taggedTemplateLiteral2","MenuSectionContainer","props","COLORS","getColor","theme","MenuSectionHeader","ComponentSStyling","ComponentTextStyle","Bold","MenuSectionList","PinnedContainer","FooterText","ComponentXSStyling","BREAKPOINTS","SMALL","FooterNote","Regular","FooterLink","FooterContainer","MobileMenuContent","_ref","header","items","footer","action","onSubMenuOpen","isSmallScreen","useMediaMatch","replace","_useNavigationHelper","useNavigationHelper","navigate","isActiveRoute","_useScrollableContain","useScrollableContainer","_useScrollableContain2","_slicedToArray2","scrollContainerRef","scrollable","renderItem","item","index","type","jsxs","children","label","jsx","map","MenuItem","id","size","Size","Medium","Small","active","value","disabled","icon","displayLabel","noteLabel","note","iconRight","SystemIcons","ArrowDropRight","onClickHandler","nativeEvent","stopImmediatePropagation","external","to","exact","MobileMenuWrapper","ScrollableContainer","ref","className","MobileHeaderContainer","MobileHeaderText","MobileHeaderNote","a","pinned","some","link","HyperLink","variant","target","onClick","href","MobileActionContainer","propTypes","_propTypes","array","func","_default","exports"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n} from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { HyperLink } from '../../HyperLink';\r\nimport { useNavigationHelper } from '../../common/NavigationHelper';\r\nimport { MenuItem } from '../../MenuItem';\r\nimport { SystemIcons } from '../../icons';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\r\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\r\nimport { MobileActionContainer } from './MobileActionContainer';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst MenuItemsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n`;\r\n\r\nconst MenuSectionContainer = styled.div`\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px 4px 16px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst PinnedContainer = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nconst FooterLink = styled.div`\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    ${BREAKPOINTS.SMALL} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n\r\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\r\n}\r\n\r\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  const { navigate, isActiveRoute } = useNavigationHelper();\r\n\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\r\n    switch (item.type) {\r\n      case 'section':\r\n        return (\r\n          <MenuSectionContainer key={index}>\r\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\r\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\r\n          </MenuSectionContainer>\r\n        );\r\n      case 'group':\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            active={false}\r\n            item={{\r\n              value: item.label,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            iconRight={<SystemIcons.ArrowDropRight />}\r\n            onClickHandler={(e) => {\r\n              e.nativeEvent.stopImmediatePropagation();\r\n              onSubMenuOpen && onSubMenuOpen(item);\r\n            }}\r\n          />\r\n        );\r\n      case 'item':\r\n      default:\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            item={{\r\n              value: item.to,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            onClickHandler={(e) => {\r\n              item.action && item.action(e);\r\n              navigate(item.to, !!item.external);\r\n            }}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n      </ScrollableContainer>\r\n      {items?.some((a) => a.pinned) && (\r\n        <PinnedContainer>\r\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n        </PinnedContainer>\r\n      )}\r\n      {footer && (\r\n        <FooterContainer>\r\n          <FooterText>{footer.header}</FooterText>\r\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\r\n          {footer.link && (\r\n            <FooterLink>\r\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\r\n                {footer.link.label}\r\n              </HyperLink>\r\n            </FooterLink>\r\n          )}\r\n        </FooterContainer>\r\n      )}\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenuContent;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js

@@ -20,14 +20,34 @@ import { useMediaMatch } from "rooks";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 var MenuItemsContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  box-sizing: border-box;\n  padding: 8px;\n"])));
-var MenuSectionContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ", ";\n  }\n"])), COLORS.neutral_200);
-var MenuSectionHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 8px 16px 4px 16px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ", ";\n\n  ", "\n"])), COLORS.neutral_20, ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500));
+var MenuSectionContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding-bottom: 8px;\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n\n  &.divider {\n    border-top: 1px solid ", ";\n  }\n"])), function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+});
+var MenuSectionHeader = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  padding: 8px 16px 4px 16px;\n  box-sizing: border-box;\n  min-height: 32px;\n  background-color: ", ";\n\n  ", "\n"])), function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme));
+});
 var MenuSectionList = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n"])));
-var PinnedContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n"])), COLORS.neutral_200);
-var FooterText = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
-var FooterNote = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600));
+var PinnedContainer = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n"])), function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+});
+var FooterText = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), function (props) {
+  return ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, BREAKPOINTS.SMALL, function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+});
+var FooterNote = styled.div(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), function (props) {
+  return ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+}, BREAKPOINTS.SMALL, function (props) {
+  return ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme));
+});
 var FooterLink = styled.div(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  a {\n    ", "\n    ", " {\n      ", "\n    }\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Bold, null), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Bold, null));
-var FooterContainer = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n\n  ", " {\n    padding: 16px;\n  }\n"])), COLORS.neutral_200, COLORS.neutral_20, BREAKPOINTS.SMALL);
+var FooterContainer = styled.div(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  padding: 8px 16px;\n  box-sizing: border-box;\n  border-top: 1px solid ", ";\n  display: flex;\n  flex-direction: column;\n  background: ", ";\n\n  ", " {\n    padding: 16px;\n  }\n"])), function (props) {
+  return COLORS.getColor('neutral_200', props.theme);
+}, function (props) {
+  return COLORS.getColor('neutral_20', props.theme);
+}, BREAKPOINTS.SMALL);
 var MobileMenuContent = function MobileMenuContent(_ref) {
   var header = _ref.header,
     items = _ref.items,

package/dist/GlobalNavigationBar/mobile/MobileMenuContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuContent.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Size","HyperLink","useNavigationHelper","MenuItem","SystemIcons","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","useScrollableContainer","MobileActionContainer","useMediaMatch","jsx","_jsx","jsxs","_jsxs","MenuItemsContainer","div","_templateObject","_taggedTemplateLiteral","MenuSectionContainer","_templateObject2","neutral_200","MenuSectionHeader","_templateObject3","neutral_20","Bold","neutral_500","MenuSectionList","_templateObject4","PinnedContainer","_templateObject5","FooterText","_templateObject6","neutral_600","SMALL","FooterNote","_templateObject7","Regular","FooterLink","_templateObject8","FooterContainer","_templateObject9","MobileMenuContent","_ref","header","items","footer","action","onSubMenuOpen","isSmallScreen","replace","_useNavigationHelper","navigate","isActiveRoute","_useScrollableContain","_useScrollableContain2","_slicedToArray","scrollContainerRef","scrollable","renderItem","item","index","type","children","label","map","id","size","Medium","Small","active","value","disabled","icon","displayLabel","noteLabel","note","iconRight","ArrowDropRight","onClickHandler","e","nativeEvent","stopImmediatePropagation","external","to","exact","ref","className","filter","a","pinned","some","link","variant","target","onClick","href","_objectSpread","propTypes","_pt","array","func"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n} from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { HyperLink } from '../../HyperLink';\r\nimport { useNavigationHelper } from '../../common/NavigationHelper';\r\nimport { MenuItem } from '../../MenuItem';\r\nimport { SystemIcons } from '../../icons';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\r\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\r\nimport { MobileActionContainer } from './MobileActionContainer';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst MenuItemsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n`;\r\n\r\nconst MenuSectionContainer = styled.div`\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${COLORS.neutral_200};\r\n  }\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px 4px 16px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${COLORS.neutral_20};\r\n\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_500)}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst PinnedContainer = styled.div`\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Regular, COLORS.neutral_600)}\r\n  }\r\n`;\r\nconst FooterLink = styled.div`\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    ${BREAKPOINTS.SMALL} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${COLORS.neutral_20};\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n\r\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\r\n}\r\n\r\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  const { navigate, isActiveRoute } = useNavigationHelper();\r\n\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\r\n    switch (item.type) {\r\n      case 'section':\r\n        return (\r\n          <MenuSectionContainer key={index}>\r\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\r\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\r\n          </MenuSectionContainer>\r\n        );\r\n      case 'group':\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            active={false}\r\n            item={{\r\n              value: item.label,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            iconRight={<SystemIcons.ArrowDropRight />}\r\n            onClickHandler={(e) => {\r\n              e.nativeEvent.stopImmediatePropagation();\r\n              onSubMenuOpen && onSubMenuOpen(item);\r\n            }}\r\n          />\r\n        );\r\n      case 'item':\r\n      default:\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            item={{\r\n              value: item.to,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            onClickHandler={(e) => {\r\n              item.action && item.action(e);\r\n              navigate(item.to, !!item.external);\r\n            }}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n      </ScrollableContainer>\r\n      {items?.some((a) => a.pinned) && (\r\n        <PinnedContainer>\r\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n        </PinnedContainer>\r\n      )}\r\n      {footer && (\r\n        <FooterContainer>\r\n          <FooterText>{footer.header}</FooterText>\r\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\r\n          {footer.link && (\r\n            <FooterLink>\r\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\r\n                {footer.link.label}\r\n              </HyperLink>\r\n            </FooterLink>\r\n          )}\r\n        </FooterContainer>\r\n      )}\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenuContent;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenuContent.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","Size","HyperLink","useNavigationHelper","MenuItem","SystemIcons","MobileHeaderContainer","MobileHeaderNote","MobileHeaderText","MobileMenuWrapper","ScrollableContainer","useScrollableContainer","MobileActionContainer","useMediaMatch","jsx","_jsx","jsxs","_jsxs","MenuItemsContainer","div","_templateObject","_taggedTemplateLiteral","MenuSectionContainer","_templateObject2","props","getColor","theme","MenuSectionHeader","_templateObject3","Bold","MenuSectionList","_templateObject4","PinnedContainer","_templateObject5","FooterText","_templateObject6","SMALL","FooterNote","_templateObject7","Regular","FooterLink","_templateObject8","FooterContainer","_templateObject9","MobileMenuContent","_ref","header","items","footer","action","onSubMenuOpen","isSmallScreen","replace","_useNavigationHelper","navigate","isActiveRoute","_useScrollableContain","_useScrollableContain2","_slicedToArray","scrollContainerRef","scrollable","renderItem","item","index","type","children","label","map","id","size","Medium","Small","active","value","disabled","icon","displayLabel","noteLabel","note","iconRight","ArrowDropRight","onClickHandler","e","nativeEvent","stopImmediatePropagation","external","to","exact","ref","className","filter","a","pinned","some","link","variant","target","onClick","href","_objectSpread","propTypes","_pt","array","func"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuContent.tsx"],"sourcesContent":["import React from 'react';\r\nimport { MenuButton, MenuGroupFooter, MenuGroupHeader, MenuNavigationItemTypeGroup, MenuNavigationItemTypeItem, MenuNavigationItemTypeSection } from '../types';\r\nimport styled from 'styled-components';\r\nimport {\r\n  BREAKPOINTS,\r\n  COLORS,\r\n  ComponentSStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n} from '../../styles';\r\nimport { Size } from '../../types';\r\nimport { HyperLink } from '../../HyperLink';\r\nimport { useNavigationHelper } from '../../common/NavigationHelper';\r\nimport { MenuItem } from '../../MenuItem';\r\nimport { SystemIcons } from '../../icons';\r\nimport { MobileHeaderContainer, MobileHeaderNote, MobileHeaderText, MobileMenuWrapper, ScrollableContainer } from './CommonStyles';\r\nimport { useScrollableContainer } from '../../common/ScrollableContainer';\r\nimport { MobileActionContainer } from './MobileActionContainer';\r\nimport {useMediaMatch} from \"rooks\";\r\n\r\nconst MenuItemsContainer = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  box-sizing: border-box;\r\n  padding: 8px;\r\n`;\r\n\r\nconst MenuSectionContainer = styled.div`\r\n  padding-bottom: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  width: 100%;\r\n\r\n  &.divider {\r\n    border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  }\r\n`;\r\n\r\nconst MenuSectionHeader = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 8px 16px 4px 16px;\r\n  box-sizing: border-box;\r\n  min-height: 32px;\r\n  background-color: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_500', props.theme))}\r\n`;\r\n\r\nconst MenuSectionList = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n`;\r\n\r\nconst PinnedContainer = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n`;\r\n\r\nconst FooterText = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nconst FooterNote = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Regular, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\nconst FooterLink = styled.div`\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    ${BREAKPOINTS.SMALL} {\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n    }\r\n  }\r\n`;\r\n\r\nconst FooterContainer = styled.div`\r\n  padding: 8px 16px;\r\n  box-sizing: border-box;\r\n  border-top: 1px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n  display: flex;\r\n  flex-direction: column;\r\n  background: ${props => COLORS.getColor('neutral_20', props.theme)};\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    padding: 16px;\r\n  }\r\n`;\r\n\r\ninterface MobileMenuContentProps {\r\n  header?: MenuGroupHeader;\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection)[];\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n\r\n  onSubMenuOpen?: (item: MenuNavigationItemTypeGroup) => void;\r\n}\r\n\r\nconst MobileMenuContent: React.FunctionComponent<MobileMenuContentProps> = ({ header, items, footer, action, onSubMenuOpen }) => {\r\n  const isSmallScreen = useMediaMatch(BREAKPOINTS.SMALL.replace('@media ', ''));\r\n\r\n  const { navigate, isActiveRoute } = useNavigationHelper();\r\n\r\n  const [scrollContainerRef, scrollable] = useScrollableContainer([header, footer, action, items]);\r\n\r\n  const renderItem = (item: MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection, index: number) => {\r\n    switch (item.type) {\r\n      case 'section':\r\n        return (\r\n          <MenuSectionContainer key={index}>\r\n            {item.label && <MenuSectionHeader>{item.label}</MenuSectionHeader>}\r\n            <MenuSectionList>{item.items.map((item, index) => renderItem(item, index))}</MenuSectionList>\r\n          </MenuSectionContainer>\r\n        );\r\n      case 'group':\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            active={false}\r\n            item={{\r\n              value: item.label,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            iconRight={<SystemIcons.ArrowDropRight />}\r\n            onClickHandler={(e) => {\r\n              e.nativeEvent.stopImmediatePropagation();\r\n              onSubMenuOpen && onSubMenuOpen(item);\r\n            }}\r\n          />\r\n        );\r\n      case 'item':\r\n      default:\r\n        return (\r\n          <MenuItem\r\n            key={index}\r\n            id={'menu-item-' + index}\r\n            active={!item.external && isActiveRoute(item.to, !!item.exact)}\r\n            size={isSmallScreen ? Size.Medium : Size.Small}\r\n            item={{\r\n              value: item.to,\r\n              disabled: item.disabled,\r\n              icon: item.icon,\r\n              displayLabel: item.label,\r\n              noteLabel: item.note,\r\n            }}\r\n            onClickHandler={(e) => {\r\n              item.action && item.action(e);\r\n              navigate(item.to, !!item.external);\r\n            }}\r\n          />\r\n        );\r\n    }\r\n  };\r\n\r\n  return (\r\n    <MobileMenuWrapper>\r\n      <ScrollableContainer ref={scrollContainerRef as any} className={scrollable ? 'scrollable' : ''}>\r\n        {!!header && (\r\n          <MobileHeaderContainer>\r\n            <MobileHeaderText>{header.header}</MobileHeaderText>\r\n            {header.note && <MobileHeaderNote>{header.note}</MobileHeaderNote>}\r\n          </MobileHeaderContainer>\r\n        )}\r\n        <MenuItemsContainer>{items?.filter((a) => !a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n      </ScrollableContainer>\r\n      {items?.some((a) => a.pinned) && (\r\n        <PinnedContainer>\r\n          <MenuItemsContainer>{items?.filter((a) => !!a.pinned).map((item, index) => renderItem(item, index))}</MenuItemsContainer>\r\n        </PinnedContainer>\r\n      )}\r\n      {footer && (\r\n        <FooterContainer>\r\n          <FooterText>{footer.header}</FooterText>\r\n          {footer.note && <FooterNote>{footer.note}</FooterNote>}\r\n          {footer.link && (\r\n            <FooterLink>\r\n              <HyperLink variant={'default'} id={footer.link.id} target={footer.link.target} onClick={footer.link.onClick} href={footer.link.href}>\r\n                {footer.link.label}\r\n              </HyperLink>\r\n            </FooterLink>\r\n          )}\r\n        </FooterContainer>\r\n      )}\r\n      {action && <MobileActionContainer {...action} />}\r\n    </MobileMenuWrapper>\r\n  );\r\n};\r\n\r\nexport default MobileMenuContent;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs

@@ -25,7 +25,11 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var MobileMenuHeaderActions = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"])));
 exports.MobileMenuHeaderActions = MobileMenuHeaderActions;
-var MobileMenuHeaderLabel = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600), _styles.BREAKPOINTS.SMALL, (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
+var MobileMenuHeaderLabel = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), function (props) {
+  return (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+}, _styles.BREAKPOINTS.SMALL, function (props) {
+  return (0, _styles.ComponentSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.getColor('neutral_600', props.theme));
+});
 var MobileMenuHeaderWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ", " {\n    padding: 4px 8px;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), _breakpoints["default"].SMALL, _breakpoints["default"].LARGE);
 exports.MobileMenuHeaderWrapper = MobileMenuHeaderWrapper;
 var MobileMenuHeader = function MobileMenuHeader(_ref) {

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_breakpoints","_Button","_icons","_styles","_ProfileButton","_jsxRuntime","_excluded","_excluded2","_excluded3","_templateObject","_templateObject2","_templateObject3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","MobileMenuHeaderActions","styled","div","_taggedTemplateLiteral2","exports","MobileMenuHeaderLabel","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","neutral_600","BREAKPOINTS","SMALL","ComponentSStyling","MobileMenuHeaderWrapper","Breakpoints","LARGE","MobileMenuHeader","_ref","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","_profile$signOut","_profile$signOut2","_profile$signOut3","_profile$signOut4","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","undefined","renderItem","item","index","_profile$user$firstNa","_profile$user","_profile$user$firstNa2","_profile$user$lastNam","_profile$user2","_profile$user2$lastNa","placement","rest","_objectWithoutProperties2","jsx","ProfileButton","onClick","nativeEvent","stopImmediatePropagation","target","SystemIcons","User","initials","charAt","Fragment","menu","IconButton","variant","shape","children","jsxs","ArrowLineLeft","style","marginLeft","Close","propTypes","_propTypes","func","isRequired","string","array","_default"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  MobileMenuButtonTypes,\r\n  MenuNavigationItemTypeGroup,\r\n  ProfileMenu, MenuNavigationCustomSubMenu\r\n} from '../types';\r\nimport styled from 'styled-components';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {IconButton} from '../../Button';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nexport const MobileMenuHeaderActions = styled.div`\r\n  flex: 1;\r\n  justify-content: flex-end;\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\nconst MobileMenuHeaderLabel = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nexport const MobileMenuHeaderWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0 4px;\r\n\r\n  ${Breakpoints.SMALL} {\r\n    padding: 4px 8px;\r\n  }\r\n\r\n  ${Breakpoints.LARGE} {\r\n    display: none;\r\n  }\r\n`\r\n\r\ninterface MobileMenuHeaderProps {\r\n  onGoBack?: () => void;\r\n  onClose: () => void;\r\n  label?: string;\r\n\r\n  profile?: ProfileMenu\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;\r\n}\r\n\r\n\r\nconst MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps> = ({\r\n                                                                            onGoBack,\r\n                                                                            onClose,\r\n                                                                            label,\r\n                                                                            profile,\r\n                                                                            buttons,\r\n                                                                            onSubMenuOpen\r\n                                                                          }) => {\r\n\r\n  const buildProfileSubMenu = () => !!profile ? {\r\n    type: 'group',\r\n    label: profile.label,\r\n    header: {\r\n      header: profile.user.firstName + ' ' + profile.user.lastName,\r\n      note: profile.user.email,\r\n      link: profile.user.link\r\n    },\r\n    action: {\r\n      label: profile.signOut?.label,\r\n      action: profile.signOut?.action,\r\n      icon: profile.signOut?.icon,\r\n      disabled: profile.signOut?.disabled\r\n    },\r\n    items: profile.sections.map(a => ({...a, type: 'section'}))\r\n  } as MenuNavigationItemTypeGroup : undefined\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profile)\r\n          return  <ProfileButton key={index}\r\n                              onClick={e => {\r\n                                e?.nativeEvent.stopImmediatePropagation();\r\n                                item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu())\r\n                              }}\r\n                              icon={!profile && <SystemIcons.User/>}\r\n                              initials={(profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')}\r\n                              {...rest}/>\r\n        else return <></>\r\n          \r\n      }\r\n      case 'submenu': {\r\n        const {placement, type, icon, menu, ...rest} = item;\r\n\r\n        return <IconButton key={index}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             onSubMenuOpen && onSubMenuOpen(item.menu)\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           disabled={item.disabled}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             item.action && item.action(e?.target) && onClose();\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <MobileMenuHeaderWrapper>\r\n      {\r\n        onGoBack &&\r\n        <IconButton action={e => {\r\n          e?.nativeEvent.stopImmediatePropagation();\r\n          onGoBack();\r\n        }}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}>\r\n          <SystemIcons.ArrowLineLeft/>\r\n        </IconButton>\r\n      }\r\n      {\r\n        buttons?.filter(a => a.placement === 'left').map(renderItem)\r\n      }\r\n      {\r\n        label &&\r\n        <MobileMenuHeaderLabel>{label}</MobileMenuHeaderLabel>\r\n      }\r\n      <MobileMenuHeaderActions>\r\n        {\r\n          buttons?.filter(a => a.placement !== 'left').map(renderItem)\r\n        }\r\n\r\n        {\r\n          onClose &&\r\n          <div style={{marginLeft: '8px'}}>\r\n            <IconButton variant={'secondary'}\r\n                        action={e => {\r\n                          e?.nativeEvent.stopImmediatePropagation();\r\n                          onClose();\r\n                        }}\r\n                        shape={'circular'}>\r\n              <SystemIcons.Close/>\r\n            </IconButton>\r\n          </div>\r\n        }\r\n      </MobileMenuHeaderActions>\r\n\r\n    </MobileMenuHeaderWrapper>\r\n  )\r\n};\r\n\r\n\r\nexport default MobileMenuHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenuHeader.cjs","names":["_react","_interopRequireDefault","require","_styledComponents","_breakpoints","_Button","_icons","_styles","_ProfileButton","_jsxRuntime","_excluded","_excluded2","_excluded3","_templateObject","_templateObject2","_templateObject3","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","MobileMenuHeaderActions","styled","div","_taggedTemplateLiteral2","exports","MobileMenuHeaderLabel","props","ComponentXSStyling","ComponentTextStyle","Bold","COLORS","getColor","theme","BREAKPOINTS","SMALL","ComponentSStyling","MobileMenuHeaderWrapper","Breakpoints","LARGE","MobileMenuHeader","_ref","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","_profile$signOut","_profile$signOut2","_profile$signOut3","_profile$signOut4","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","undefined","renderItem","item","index","_profile$user$firstNa","_profile$user","_profile$user$firstNa2","_profile$user$lastNam","_profile$user2","_profile$user2$lastNa","placement","rest","_objectWithoutProperties2","jsx","ProfileButton","onClick","nativeEvent","stopImmediatePropagation","target","SystemIcons","User","initials","charAt","Fragment","menu","IconButton","variant","shape","children","jsxs","ArrowLineLeft","style","marginLeft","Close","propTypes","_propTypes","func","isRequired","string","array","_default"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  MobileMenuButtonTypes,\r\n  MenuNavigationItemTypeGroup,\r\n  ProfileMenu, MenuNavigationCustomSubMenu\r\n} from '../types';\r\nimport styled from 'styled-components';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {IconButton} from '../../Button';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nexport const MobileMenuHeaderActions = styled.div`\r\n  flex: 1;\r\n  justify-content: flex-end;\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\nconst MobileMenuHeaderLabel = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const MobileMenuHeaderWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0 4px;\r\n\r\n  ${Breakpoints.SMALL} {\r\n    padding: 4px 8px;\r\n  }\r\n\r\n  ${Breakpoints.LARGE} {\r\n    display: none;\r\n  }\r\n`\r\n\r\ninterface MobileMenuHeaderProps {\r\n  onGoBack?: () => void;\r\n  onClose: () => void;\r\n  label?: string;\r\n\r\n  profile?: ProfileMenu\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;\r\n}\r\n\r\n\r\nconst MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps> = ({\r\n                                                                            onGoBack,\r\n                                                                            onClose,\r\n                                                                            label,\r\n                                                                            profile,\r\n                                                                            buttons,\r\n                                                                            onSubMenuOpen\r\n                                                                          }) => {\r\n\r\n  const buildProfileSubMenu = () => !!profile ? {\r\n    type: 'group',\r\n    label: profile.label,\r\n    header: {\r\n      header: profile.user.firstName + ' ' + profile.user.lastName,\r\n      note: profile.user.email,\r\n      link: profile.user.link\r\n    },\r\n    action: {\r\n      label: profile.signOut?.label,\r\n      action: profile.signOut?.action,\r\n      icon: profile.signOut?.icon,\r\n      disabled: profile.signOut?.disabled\r\n    },\r\n    items: profile.sections.map(a => ({...a, type: 'section'}))\r\n  } as MenuNavigationItemTypeGroup : undefined\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profile)\r\n          return  <ProfileButton key={index}\r\n                              onClick={e => {\r\n                                e?.nativeEvent.stopImmediatePropagation();\r\n                                item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu())\r\n                              }}\r\n                              icon={!profile && <SystemIcons.User/>}\r\n                              initials={(profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')}\r\n                              {...rest}/>\r\n        else return <></>\r\n          \r\n      }\r\n      case 'submenu': {\r\n        const {placement, type, icon, menu, ...rest} = item;\r\n\r\n        return <IconButton key={index}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             onSubMenuOpen && onSubMenuOpen(item.menu)\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           disabled={item.disabled}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             item.action && item.action(e?.target) && onClose();\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <MobileMenuHeaderWrapper>\r\n      {\r\n        onGoBack &&\r\n        <IconButton action={e => {\r\n          e?.nativeEvent.stopImmediatePropagation();\r\n          onGoBack();\r\n        }}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}>\r\n          <SystemIcons.ArrowLineLeft/>\r\n        </IconButton>\r\n      }\r\n      {\r\n        buttons?.filter(a => a.placement === 'left').map(renderItem)\r\n      }\r\n      {\r\n        label &&\r\n        <MobileMenuHeaderLabel>{label}</MobileMenuHeaderLabel>\r\n      }\r\n      <MobileMenuHeaderActions>\r\n        {\r\n          buttons?.filter(a => a.placement !== 'left').map(renderItem)\r\n        }\r\n\r\n        {\r\n          onClose &&\r\n          <div style={{marginLeft: '8px'}}>\r\n            <IconButton variant={'secondary'}\r\n                        action={e => {\r\n                          e?.nativeEvent.stopImmediatePropagation();\r\n                          onClose();\r\n                        }}\r\n                        shape={'circular'}>\r\n              <SystemIcons.Close/>\r\n            </IconButton>\r\n          </div>\r\n        }\r\n      </MobileMenuHeaderActions>\r\n\r\n    </MobileMenuHeaderWrapper>\r\n  )\r\n};\r\n\r\n\r\nexport default MobileMenuHeader;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js

@@ -19,7 +19,11 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Fragment as _Fragment } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var MobileMenuHeaderActions = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  flex: 1;\n  justify-content: flex-end;\n  display: flex;\n  flex-direction: row;\n"])));
-var MobileMenuHeaderLabel = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600), BREAKPOINTS.SMALL, ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600));
+var MobileMenuHeaderLabel = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n  ", " {\n    ", "\n  }\n"])), function (props) {
+  return ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+}, BREAKPOINTS.SMALL, function (props) {
+  return ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme));
+});
 export var MobileMenuHeaderWrapper = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  padding: 0 4px;\n\n  ", " {\n    padding: 4px 8px;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), Breakpoints.SMALL, Breakpoints.LARGE);
 var MobileMenuHeader = function MobileMenuHeader(_ref) {
   var onGoBack = _ref.onGoBack,

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"MobileMenuHeader.js","names":["React","styled","Breakpoints","IconButton","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ProfileButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MobileMenuHeaderActions","div","_templateObject","_taggedTemplateLiteral","MobileMenuHeaderLabel","_templateObject2","Bold","neutral_600","SMALL","MobileMenuHeaderWrapper","_templateObject3","LARGE","MobileMenuHeader","_ref","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","_profile$signOut","_profile$signOut2","_profile$signOut3","_profile$signOut4","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","_objectSpread","undefined","renderItem","item","index","_profile$user$firstNa","_profile$user","_profile$user$firstNa2","_profile$user$lastNam","_profile$user2","_profile$user2$lastNa","placement","rest","_objectWithoutProperties","_excluded","onClick","e","nativeEvent","stopImmediatePropagation","target","User","initials","charAt","menu","_excluded2","variant","shape","children","_excluded3","ArrowLineLeft","filter","style","marginLeft","Close","propTypes","_pt","func","isRequired","string","array"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  MobileMenuButtonTypes,\r\n  MenuNavigationItemTypeGroup,\r\n  ProfileMenu, MenuNavigationCustomSubMenu\r\n} from '../types';\r\nimport styled from 'styled-components';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {IconButton} from '../../Button';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nexport const MobileMenuHeaderActions = styled.div`\r\n  flex: 1;\r\n  justify-content: flex-end;\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\nconst MobileMenuHeaderLabel = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  }\r\n`;\r\n\r\nexport const MobileMenuHeaderWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0 4px;\r\n\r\n  ${Breakpoints.SMALL} {\r\n    padding: 4px 8px;\r\n  }\r\n\r\n  ${Breakpoints.LARGE} {\r\n    display: none;\r\n  }\r\n`\r\n\r\ninterface MobileMenuHeaderProps {\r\n  onGoBack?: () => void;\r\n  onClose: () => void;\r\n  label?: string;\r\n\r\n  profile?: ProfileMenu\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;\r\n}\r\n\r\n\r\nconst MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps> = ({\r\n                                                                            onGoBack,\r\n                                                                            onClose,\r\n                                                                            label,\r\n                                                                            profile,\r\n                                                                            buttons,\r\n                                                                            onSubMenuOpen\r\n                                                                          }) => {\r\n\r\n  const buildProfileSubMenu = () => !!profile ? {\r\n    type: 'group',\r\n    label: profile.label,\r\n    header: {\r\n      header: profile.user.firstName + ' ' + profile.user.lastName,\r\n      note: profile.user.email,\r\n      link: profile.user.link\r\n    },\r\n    action: {\r\n      label: profile.signOut?.label,\r\n      action: profile.signOut?.action,\r\n      icon: profile.signOut?.icon,\r\n      disabled: profile.signOut?.disabled\r\n    },\r\n    items: profile.sections.map(a => ({...a, type: 'section'}))\r\n  } as MenuNavigationItemTypeGroup : undefined\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profile)\r\n          return  <ProfileButton key={index}\r\n                              onClick={e => {\r\n                                e?.nativeEvent.stopImmediatePropagation();\r\n                                item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu())\r\n                              }}\r\n                              icon={!profile && <SystemIcons.User/>}\r\n                              initials={(profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')}\r\n                              {...rest}/>\r\n        else return <></>\r\n          \r\n      }\r\n      case 'submenu': {\r\n        const {placement, type, icon, menu, ...rest} = item;\r\n\r\n        return <IconButton key={index}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             onSubMenuOpen && onSubMenuOpen(item.menu)\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           disabled={item.disabled}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             item.action && item.action(e?.target) && onClose();\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <MobileMenuHeaderWrapper>\r\n      {\r\n        onGoBack &&\r\n        <IconButton action={e => {\r\n          e?.nativeEvent.stopImmediatePropagation();\r\n          onGoBack();\r\n        }}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}>\r\n          <SystemIcons.ArrowLineLeft/>\r\n        </IconButton>\r\n      }\r\n      {\r\n        buttons?.filter(a => a.placement === 'left').map(renderItem)\r\n      }\r\n      {\r\n        label &&\r\n        <MobileMenuHeaderLabel>{label}</MobileMenuHeaderLabel>\r\n      }\r\n      <MobileMenuHeaderActions>\r\n        {\r\n          buttons?.filter(a => a.placement !== 'left').map(renderItem)\r\n        }\r\n\r\n        {\r\n          onClose &&\r\n          <div style={{marginLeft: '8px'}}>\r\n            <IconButton variant={'secondary'}\r\n                        action={e => {\r\n                          e?.nativeEvent.stopImmediatePropagation();\r\n                          onClose();\r\n                        }}\r\n                        shape={'circular'}>\r\n              <SystemIcons.Close/>\r\n            </IconButton>\r\n          </div>\r\n        }\r\n      </MobileMenuHeaderActions>\r\n\r\n    </MobileMenuHeaderWrapper>\r\n  )\r\n};\r\n\r\n\r\nexport default MobileMenuHeader;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MobileMenuHeader.js","names":["React","styled","Breakpoints","IconButton","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ProfileButton","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","MobileMenuHeaderActions","div","_templateObject","_taggedTemplateLiteral","MobileMenuHeaderLabel","_templateObject2","props","Bold","getColor","theme","SMALL","MobileMenuHeaderWrapper","_templateObject3","LARGE","MobileMenuHeader","_ref","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","_profile$signOut","_profile$signOut2","_profile$signOut3","_profile$signOut4","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","_objectSpread","undefined","renderItem","item","index","_profile$user$firstNa","_profile$user","_profile$user$firstNa2","_profile$user$lastNam","_profile$user2","_profile$user2$lastNa","placement","rest","_objectWithoutProperties","_excluded","onClick","e","nativeEvent","stopImmediatePropagation","target","User","initials","charAt","menu","_excluded2","variant","shape","children","_excluded3","ArrowLineLeft","filter","style","marginLeft","Close","propTypes","_pt","func","isRequired","string","array"],"sources":["../../../src/GlobalNavigationBar/mobile/MobileMenuHeader.tsx"],"sourcesContent":["import React from 'react';\r\nimport {\r\n  MobileMenuButtonTypes,\r\n  MenuNavigationItemTypeGroup,\r\n  ProfileMenu, MenuNavigationCustomSubMenu\r\n} from '../types';\r\nimport styled from 'styled-components';\r\nimport Breakpoints from '../../styles/breakpoints';\r\nimport {IconButton} from '../../Button';\r\nimport {SystemIcons} from '../../icons';\r\nimport {BREAKPOINTS, COLORS, ComponentSStyling, ComponentTextStyle, ComponentXSStyling} from '../../styles';\r\nimport {ProfileButton} from '../../ProfileButton';\r\n\r\nexport const MobileMenuHeaderActions = styled.div`\r\n  flex: 1;\r\n  justify-content: flex-end;\r\n  display: flex;\r\n  flex-direction: row;\r\n`;\r\nconst MobileMenuHeaderLabel = styled.div`\r\n  ${props => ComponentXSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  ${BREAKPOINTS.SMALL} {\r\n    ${props => ComponentSStyling(ComponentTextStyle.Bold, COLORS.getColor('neutral_600', props.theme))}\r\n  }\r\n`;\r\n\r\nexport const MobileMenuHeaderWrapper = styled.div`\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  padding: 0 4px;\r\n\r\n  ${Breakpoints.SMALL} {\r\n    padding: 4px 8px;\r\n  }\r\n\r\n  ${Breakpoints.LARGE} {\r\n    display: none;\r\n  }\r\n`\r\n\r\ninterface MobileMenuHeaderProps {\r\n  onGoBack?: () => void;\r\n  onClose: () => void;\r\n  label?: string;\r\n\r\n  profile?: ProfileMenu\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  onSubMenuOpen?: (item?: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu) => void;\r\n}\r\n\r\n\r\nconst MobileMenuHeader: React.FunctionComponent<MobileMenuHeaderProps> = ({\r\n                                                                            onGoBack,\r\n                                                                            onClose,\r\n                                                                            label,\r\n                                                                            profile,\r\n                                                                            buttons,\r\n                                                                            onSubMenuOpen\r\n                                                                          }) => {\r\n\r\n  const buildProfileSubMenu = () => !!profile ? {\r\n    type: 'group',\r\n    label: profile.label,\r\n    header: {\r\n      header: profile.user.firstName + ' ' + profile.user.lastName,\r\n      note: profile.user.email,\r\n      link: profile.user.link\r\n    },\r\n    action: {\r\n      label: profile.signOut?.label,\r\n      action: profile.signOut?.action,\r\n      icon: profile.signOut?.icon,\r\n      disabled: profile.signOut?.disabled\r\n    },\r\n    items: profile.sections.map(a => ({...a, type: 'section'}))\r\n  } as MenuNavigationItemTypeGroup : undefined\r\n\r\n  const renderItem = (item: MobileMenuButtonTypes, index: number) => {\r\n    switch (item.type) {\r\n      case 'profile': {\r\n        const {placement, type, action, ...rest} = item;\r\n        if(!!profile)\r\n          return  <ProfileButton key={index}\r\n                              onClick={e => {\r\n                                e?.nativeEvent.stopImmediatePropagation();\r\n                                item.action ? item.action(e?.target) && onClose() : onSubMenuOpen && onSubMenuOpen(buildProfileSubMenu())\r\n                              }}\r\n                              icon={!profile && <SystemIcons.User/>}\r\n                              initials={(profile?.user?.firstName?.charAt(0) ?? '') + (profile?.user?.lastName?.charAt(0) ?? '')}\r\n                              {...rest}/>\r\n        else return <></>\r\n          \r\n      }\r\n      case 'submenu': {\r\n        const {placement, type, icon, menu, ...rest} = item;\r\n\r\n        return <IconButton key={index}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             onSubMenuOpen && onSubMenuOpen(item.menu)\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n      case 'action': {\r\n        const {placement, type, icon, action, ...rest} = item;\r\n        return <IconButton key={index}\r\n                           disabled={item.disabled}\r\n                           variant={'secondary'}\r\n                           shape={'circular'}\r\n                           action={e => {\r\n                             e?.nativeEvent.stopImmediatePropagation();\r\n                             item.action && item.action(e?.target) && onClose();\r\n                           }}\r\n                           {...rest}>\r\n          {item.icon}\r\n        </IconButton>\r\n      }\r\n    }\r\n  }\r\n\r\n  return (\r\n    <MobileMenuHeaderWrapper>\r\n      {\r\n        onGoBack &&\r\n        <IconButton action={e => {\r\n          e?.nativeEvent.stopImmediatePropagation();\r\n          onGoBack();\r\n        }}\r\n                    variant={'secondary'}\r\n                    shape={'circular'}>\r\n          <SystemIcons.ArrowLineLeft/>\r\n        </IconButton>\r\n      }\r\n      {\r\n        buttons?.filter(a => a.placement === 'left').map(renderItem)\r\n      }\r\n      {\r\n        label &&\r\n        <MobileMenuHeaderLabel>{label}</MobileMenuHeaderLabel>\r\n      }\r\n      <MobileMenuHeaderActions>\r\n        {\r\n          buttons?.filter(a => a.placement !== 'left').map(renderItem)\r\n        }\r\n\r\n        {\r\n          onClose &&\r\n          <div style={{marginLeft: '8px'}}>\r\n            <IconButton variant={'secondary'}\r\n                        action={e => {\r\n                          e?.nativeEvent.stopImmediatePropagation();\r\n                          onClose();\r\n                        }}\r\n                        shape={'circular'}>\r\n              <SystemIcons.Close/>\r\n            </IconButton>\r\n          </div>\r\n        }\r\n      </MobileMenuHeaderActions>\r\n\r\n    </MobileMenuHeaderWrapper>\r\n  )\r\n};\r\n\r\n\r\nexport default MobileMenuHeader;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/HyperLink/styling.cjs

@@ -9,8 +9,38 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = require("styled-components");
 var _ = require("..");
 var _templateObject, _templateObject2;
-var defaultStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), _.COLORS.primary_600, _.COLORS.primary_800, _.COLORS.primary_700, _.COLORS.primary_800, _.COLORS.white, _.COLORS.primary_800, _.COLORS.white, _.COLORS.white);
+var defaultStyle = (0, _styledComponents.css)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  outline: none;\n  padding: 2px 0;\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: none;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    color: ", ";\n    text-decoration-line: underline;\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    background: ", ";\n    color: ", ";\n  }\n\n\n  &:focus:hover,\n  &:active:hover,\n  &.active-state:hover,\n  &.focus-state:hover{\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), function (props) {
+  return _.COLORS.getColor('primary_600', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('primary_700', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('primary_800', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('white', props.theme);
+});
 exports.defaultStyle = defaultStyle;
-var invertedStyle = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), _.COLORS.white, _.COLORS.neutral_100, _.COLORS.white, _.COLORS.neutral_800, _.COLORS.white, _.COLORS.neutral_800, _.COLORS.neutral_800);
+var invertedStyle = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  outline: none;\n  padding: 2px 0;\n\n  text-decoration-thickness: 2px;\n  text-decoration-style: solid;\n  text-underline-offset: 2px;\n  text-decoration-line: underline;\n\n  &:link {\n    font-weight: 700;\n    color: ", ";\n  }\n\n  &:visited {\n    color: ", ";\n  }\n\n  &:focus,\n  &.focus-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:hover,\n  &.hover-state {\n    text-decoration-line: none;\n  }\n\n  &:active,\n  &.active-state {\n    border-radius: 2px;\n    text-decoration-line: none;\n    background: ", ";\n    color: ", ";\n  }\n\n  &:focus:hover,\n  &:active:hover {\n    text-decoration-line: none;\n    color: ", ";\n    opacity: 0.9;\n  }\n"])), function (props) {
+  return _.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('neutral_100', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('white', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('neutral_800', props.theme);
+}, function (props) {
+  return _.COLORS.getColor('neutral_800', props.theme);
+});
 exports.invertedStyle = invertedStyle;
 //# sourceMappingURL=styling.cjs.map