@laerdal/life-react-components 5.0.5-dev.1 → 5.0.5-dev.3

package/dist/GlobalNavigationBar/mobile/MobileMenuHeader.js

@@ -6,8 +6,8 @@ var _excluded = ["placement", "type", "action"],
   _excluded2 = ["placement", "type", "icon", "menu"],
   _excluded3 = ["placement", "type", "icon", "action"];
 var _templateObject, _templateObject2, _templateObject3;
-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) { _defineProperty(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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import React from 'react';
 import styled from 'styled-components';
 import Breakpoints from '../../styles/breakpoints';

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","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":[]}
+{"version":3,"file":"MobileMenuHeader.js","names":["React","styled","Breakpoints","IconButton","SystemIcons","BREAKPOINTS","COLORS","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","ProfileButton","MobileMenuHeaderActions","div","MobileMenuHeaderLabel","props","Bold","getColor","theme","SMALL","MobileMenuHeaderWrapper","LARGE","MobileMenuHeader","onGoBack","onClose","label","profile","buttons","onSubMenuOpen","buildProfileSubMenu","type","header","user","firstName","lastName","note","email","link","action","signOut","icon","disabled","items","sections","map","a","undefined","renderItem","item","index","placement","rest","e","nativeEvent","stopImmediatePropagation","target","charAt","menu","filter","marginLeft"],"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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"}

package/dist/GlobalNavigationBar/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.cjs","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":""}

package/dist/GlobalNavigationBar/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["../../src/GlobalNavigationBar/types.tsx"],"sourcesContent":["import React from 'react';\r\nimport { HyperlinkProps } from '../HyperLink/HyperLink';\r\nimport { IconButtonProps } from '../Button/Iconbutton';\r\nimport { ProfileButtonProps } from '../ProfileButton/ProfileButton';\r\nimport { NavLinkProps } from 'react-router-dom';\r\nimport {ButtonProps} from \"../Button/Button\";\r\nimport {TooltipProps} from \"../Tooltips/TooltipTypes\";\r\n\r\nexport interface MenuHyperLinkProps extends Pick<HyperlinkProps, 'id' | 'href' | 'onClick' | 'target'> {\r\n  label: string;\r\n  icon?: React.ReactElement;\r\n}\r\n\r\nexport interface MenuButton extends Omit<ButtonProps, 'onClick' | 'children' | 'size'> {\r\n  label: string;\r\n  action: () => void;\r\n\r\n  tooltip?: TooltipProps;\r\n}\r\n\r\nexport interface MenuGroupFooter {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuGroupHeader {\r\n  header: string;\r\n  note?: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface MenuAccountInfo {\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  link?: MenuHyperLinkProps;\r\n}\r\n\r\nexport interface ProfileMenu {\r\n  label?: string;\r\n\r\n  user: MenuAccountInfo;\r\n\r\n  sections: MenuNavigationSection[];\r\n\r\n  signOut?: MenuButton;\r\n}\r\n\r\nexport interface MenuIconSubMenuButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'submenu';\r\n  icon: React.ReactNode;\r\n  menu: MenuNavigationItemTypeGroup | MenuNavigationCustomSubMenu;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuIconButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'action';\r\n  icon: React.ReactNode;\r\n  action: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuProfileButton extends Omit<ProfileButtonProps, 'type' | 'onClick' | 'initials' | 'hideOnLowWidth' | 'icon' | 'portraitSrc'> {\r\n  type: 'profile';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSearchButton {\r\n  type: 'search';\r\n  placement?: 'left' | 'right';\r\n}\r\n\r\nexport interface MenuSwitcherButton\r\n  extends Omit<\r\n    IconButtonProps,\r\n    | 'id'\r\n    | 'type'\r\n    | 'action'\r\n    | 'shape'\r\n    | 'variant'\r\n    | 'hideOnLowWidth'\r\n    | 'flatEdge'\r\n    | 'isInMobileMenu'\r\n    | 'useTransparentBackground'\r\n    | 'shouldNotInteract'\r\n    | 'iconColor'\r\n    | 'unsetIconSize'\r\n    | 'borderRadius'\r\n    | 'focusBackgroundColor'\r\n    | 'children'\r\n    | 'invertFocus'\r\n  > {\r\n  type: 'switcher';\r\n  placement?: 'left' | 'right';\r\n  action?: (button?: EventTarget) => boolean | void;\r\n}\r\n\r\nexport type DesktopMenuButtonTypes = MenuIconButton | MenuProfileButton | MenuSwitcherButton;\r\nexport type MobileMenuButtonTypes = MenuIconSubMenuButton | MenuIconButton | MenuProfileButton | MenuSwitcherButton | MenuSearchButton;\r\n\r\nexport interface MobileNavigationMenuProps {\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n\r\n  header?: MenuGroupHeader;\r\n\r\n  items?: (MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup)[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport interface DesktopNavigationMenuProps {\r\n  buttons?: DesktopMenuButtonTypes[];\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n  action?: MenuButton;\r\n  reverseRightSideOrder?: boolean;\r\n}\r\n\r\n// @ts-ignore\r\nexport interface MenuNavigationGroup<T = MenuNavigationItemTypeDesktopGroup | MenuNavigationItem | MenuNavigationSection | MenuNavigationGroup> {\r\n  label: string;\r\n  note?: string;\r\n\r\n  buttons?: MobileMenuButtonTypes[];\r\n  header?: MenuGroupHeader;\r\n\r\n  items: T[];\r\n\r\n  footer?: MenuGroupFooter;\r\n  action?: MenuButton;\r\n}\r\n\r\nexport type MenuNavigationItem = {\r\n  icon?: React.ReactNode;\r\n  to: string;\r\n  exact?: boolean;\r\n  disabled?: boolean;\r\n  external?: boolean;\r\n  action?: (e: React.MouseEvent) => void;\r\n  label: string;\r\n  note?: string;\r\n  pinned?: boolean;\r\n  subItems?: MenuNavigationItem[];\r\n} & Omit<NavLinkProps, 'onClick' | 'to' | 'exact' | 'onMouseDown'>;\r\n\r\nexport interface MenuNavigationSection<T = MenuNavigationItem> {\r\n  divider?: boolean;\r\n  pinned?: boolean;\r\n  label?: string;\r\n  items: T[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeItem = MenuNavigationItem & {\r\n  type?: 'item';\r\n};\r\n\r\nexport type MenuNavigationItemTypeDesktopGroup = {\r\n  id: string;\r\n  label?: string;\r\n  disabled?: boolean;\r\n  pinned?: boolean;\r\n  type?: 'desktopgroup';\r\n  expanded?: boolean;\r\n  items: (MenuNavigationItemTypeItem | MenuNavigationItemTypeDesktopGroup)[];\r\n}\r\n\r\nexport type MenuNavigationItemTypeGroup = MenuNavigationGroup<MenuNavigationItemTypeItem | MenuNavigationItemTypeGroup | MenuNavigationItemTypeSection> & {\r\n  type: 'group';\r\n  icon?: React.ReactNode;\r\n  pinned?: boolean;\r\n  disabled?: boolean;\r\n};\r\n\r\nexport type MenuNavigationItemTypeSection = MenuNavigationSection<MenuNavigationItemTypeItem> & {\r\n  type: 'section';\r\n};\r\n\r\nexport type MenuNavigationCustomSubMenu = {\r\n  type: 'custom';\r\n  label?: string;\r\n  buttons?: MobileMenuButtonTypes[];\r\n  custom: () => React.ReactNode;\r\n};\r\n"],"mappings":""}

package/dist/GlobalNavigationBar/utils.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.cjs","names":["checkIfContainsItem","item","activeId","id","items","findIndex","x","type","to","some","exports"],"sources":["../../src/GlobalNavigationBar/utils.tsx"],"sourcesContent":["import { MenuNavigationItemTypeDesktopGroup } from './types';\r\n\r\nexport const checkIfContainsItem = (item: MenuNavigationItemTypeDesktopGroup, activeId: string) : boolean => {\r\n    if(item.id == activeId)\r\n        return true;\r\n    if(item.items.findIndex(x => x.type == 'item' && x.to == activeId) >= 0)\r\n        return true;\r\n    return item.items.some(x => x.type == 'desktopgroup' && checkIfContainsItem(x, activeId));\r\n}"],"mappings":";;;;;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,IAAwC,EAAEC,QAAgB,EAAe;EACzG,IAAGD,IAAI,CAACE,EAAE,IAAID,QAAQ,EAClB,OAAO,IAAI;EACf,IAAGD,IAAI,CAACG,KAAK,CAACC,SAAS,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,MAAM,IAAID,CAAC,CAACE,EAAE,IAAIN,QAAQ;EAAA,EAAC,IAAI,CAAC,EACnE,OAAO,IAAI;EACf,OAAOD,IAAI,CAACG,KAAK,CAACK,IAAI,CAAC,UAAAH,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,cAAc,IAAIP,mBAAmB,CAACM,CAAC,EAAEJ,QAAQ,CAAC;EAAA,EAAC;AAC7F,CAAC;AAAAQ,OAAA,CAAAV,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"file":"utils.cjs","names":["checkIfContainsItem","item","activeId","id","items","findIndex","x","type","to","some"],"sources":["../../src/GlobalNavigationBar/utils.tsx"],"sourcesContent":["import { MenuNavigationItemTypeDesktopGroup } from './types';\r\n\r\nexport const checkIfContainsItem = (item: MenuNavigationItemTypeDesktopGroup, activeId: string) : boolean => {\r\n    if(item.id == activeId)\r\n        return true;\r\n    if(item.items.findIndex(x => x.type == 'item' && x.to == activeId) >= 0)\r\n        return true;\r\n    return item.items.some(x => x.type == 'desktopgroup' && checkIfContainsItem(x, activeId));\r\n}"],"mappings":";;;;;;AAEO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,IAAwC,EAAEC,QAAgB,EAAe;EACzG,IAAGD,IAAI,CAACE,EAAE,IAAID,QAAQ,EAClB,OAAO,IAAI;EACf,IAAGD,IAAI,CAACG,KAAK,CAACC,SAAS,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,MAAM,IAAID,CAAC,CAACE,EAAE,IAAIN,QAAQ;EAAA,EAAC,IAAI,CAAC,EACnE,OAAO,IAAI;EACf,OAAOD,IAAI,CAACG,KAAK,CAACK,IAAI,CAAC,UAAAH,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,cAAc,IAAIP,mBAAmB,CAACM,CAAC,EAAEJ,QAAQ,CAAC;EAAA,EAAC;AAC7F,CAAC;AAAA"}

package/dist/GlobalNavigationBar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","names":["checkIfContainsItem","item","activeId","id","items","findIndex","x","type","to","some"],"sources":["../../src/GlobalNavigationBar/utils.tsx"],"sourcesContent":["import { MenuNavigationItemTypeDesktopGroup } from './types';\r\n\r\nexport const checkIfContainsItem = (item: MenuNavigationItemTypeDesktopGroup, activeId: string) : boolean => {\r\n    if(item.id == activeId)\r\n        return true;\r\n    if(item.items.findIndex(x => x.type == 'item' && x.to == activeId) >= 0)\r\n        return true;\r\n    return item.items.some(x => x.type == 'desktopgroup' && checkIfContainsItem(x, activeId));\r\n}"],"mappings":"AAEA,OAAO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmBA,CAAIC,IAAwC,EAAEC,QAAgB,EAAe;EACzG,IAAGD,IAAI,CAACE,EAAE,IAAID,QAAQ,EAClB,OAAO,IAAI;EACf,IAAGD,IAAI,CAACG,KAAK,CAACC,SAAS,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,MAAM,IAAID,CAAC,CAACE,EAAE,IAAIN,QAAQ;EAAA,EAAC,IAAI,CAAC,EACnE,OAAO,IAAI;EACf,OAAOD,IAAI,CAACG,KAAK,CAACK,IAAI,CAAC,UAAAH,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,cAAc,IAAIP,mBAAmB,CAACM,CAAC,EAAEJ,QAAQ,CAAC;EAAA,EAAC;AAC7F,CAAC","ignoreList":[]}
+{"version":3,"file":"utils.js","names":["checkIfContainsItem","item","activeId","id","items","findIndex","x","type","to","some"],"sources":["../../src/GlobalNavigationBar/utils.tsx"],"sourcesContent":["import { MenuNavigationItemTypeDesktopGroup } from './types';\r\n\r\nexport const checkIfContainsItem = (item: MenuNavigationItemTypeDesktopGroup, activeId: string) : boolean => {\r\n    if(item.id == activeId)\r\n        return true;\r\n    if(item.items.findIndex(x => x.type == 'item' && x.to == activeId) >= 0)\r\n        return true;\r\n    return item.items.some(x => x.type == 'desktopgroup' && checkIfContainsItem(x, activeId));\r\n}"],"mappings":"AAEA,OAAO,IAAMA,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,IAAwC,EAAEC,QAAgB,EAAe;EACzG,IAAGD,IAAI,CAACE,EAAE,IAAID,QAAQ,EAClB,OAAO,IAAI;EACf,IAAGD,IAAI,CAACG,KAAK,CAACC,SAAS,CAAC,UAAAC,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,MAAM,IAAID,CAAC,CAACE,EAAE,IAAIN,QAAQ;EAAA,EAAC,IAAI,CAAC,EACnE,OAAO,IAAI;EACf,OAAOD,IAAI,CAACG,KAAK,CAACK,IAAI,CAAC,UAAAH,CAAC;IAAA,OAAIA,CAAC,CAACC,IAAI,IAAI,cAAc,IAAIP,mBAAmB,CAACM,CAAC,EAAEJ,QAAQ,CAAC;EAAA,EAAC;AAC7F,CAAC"}

package/dist/HyperLink/HyperLink.cjs

@@ -5,7 +5,7 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.StyledLink = void 0;
+exports.default = exports.StyledLink = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -16,11 +16,11 @@ var _styling = require("./styling");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["children", "target", "variant"];
 var _templateObject;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-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 StyledLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  cursor: pointer;\n  ", "\n  ", "\n"])), function (props) {
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var StyledLink = _styledComponents.default.a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  cursor: pointer;\n  ", "\n  ", "\n"])), function (props) {
   return props.$variant === 'inverted' ? _styling.invertedStyle : _styling.defaultStyle;
 }, function (props) {
   return props.$margin ? "margin: ".concat(props.$margin, ";") : '';
@@ -32,7 +32,7 @@ var HyperLink = function HyperLink(_ref) {
     target = _ref$target === void 0 ? '_blank' : _ref$target,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-    props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
+    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(StyledLink, _objectSpread(_objectSpread({}, props), {}, {
     $variant: variant,
     target: target,
@@ -41,14 +41,14 @@ var HyperLink = function HyperLink(_ref) {
   }));
 };
 HyperLink.propTypes = {
-  id: _propTypes["default"].string,
-  variant: _propTypes["default"].oneOf(['default', 'inverted']).isRequired,
-  href: _propTypes["default"].string.isRequired,
-  disabled: _propTypes["default"].bool,
-  margin: _propTypes["default"].string,
-  children: _propTypes["default"].any,
-  className: _propTypes["default"].string
+  id: _propTypes.default.string,
+  variant: _propTypes.default.oneOf(['default', 'inverted']).isRequired,
+  href: _propTypes.default.string.isRequired,
+  disabled: _propTypes.default.bool,
+  margin: _propTypes.default.string,
+  children: _propTypes.default.any,
+  className: _propTypes.default.string
 };
 var _default = HyperLink;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=HyperLink.cjs.map

package/dist/HyperLink/HyperLink.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"HyperLink.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styling","_jsxRuntime","_excluded","_templateObject","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","StyledLink","styled","_taggedTemplateLiteral2","props","$variant","invertedStyle","defaultStyle","$margin","concat","exports","HyperLink","_ref","children","_ref$target","target","_ref$variant","variant","_objectWithoutProperties2","jsx","rel","propTypes","id","_propTypes","string","oneOf","isRequired","href","disabled","bool","margin","any","className","_default"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HyperLink.cjs","names":["StyledLink","styled","a","props","$variant","invertedStyle","defaultStyle","$margin","HyperLink","children","target","variant","id","href","disabled","margin","className"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AAAwD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjD,IAAMA,UAAU,GAAGC,yBAAM,CAACC,CAAC,0HAK9B,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,KAAK,UAAU,GAAGC,sBAAa,GAAGC,qBAAY;AAAA,CAAC,EACzE,UAACH,KAAK;EAAA,OAAMA,KAAK,CAACI,OAAO,qBAAcJ,KAAK,CAACI,OAAO,SAAM,EAAE;AAAA,CAAC,CAChE;AAAC;AAmBF,IAAMC,SAAkD,GAAG,SAArDA,SAAkD,OAAuF;EAAA,IAAjFC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,SAAS;IAAKR,KAAK;EACtH,oBACE,qBAAC,UAAU,kCAAKA,KAAK;IAAE,QAAQ,EAAEQ,OAAQ;IAAC,MAAM,EAAED,MAAO;IAAC,GAAG,EAAC,qBAAqB;IAAA,UAChFD;EAAQ,GACE;AAEjB,CAAC;AAAC;EArBAG,EAAE;EAEFD,OAAO,4BAAE,SAAS,EAAG,UAAU;EAE/BE,IAAI;EAEJC,QAAQ;EAERC,MAAM;EAENN,QAAQ;EAERO,SAAS;AAAA;AAAA,eAWIR,SAAS;AAAA"}

package/dist/HyperLink/HyperLink.d.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
-export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {
+export declare const StyledLink: import("styled-components").StyledComponent<"a", any, {
     $variant: 'default' | 'inverted';
     $margin?: string | undefined;
-}>> & string;
+}, never>;
 export interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
     /** Id of the link component. */
     id?: string;

package/dist/HyperLink/HyperLink.js

@@ -4,8 +4,8 @@ import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLit
 import _pt from "prop-types";
 var _excluded = ["children", "target", "variant"];
 var _templateObject;
-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) { _defineProperty(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; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 import * as React from 'react';
 import styled from 'styled-components';
 import { defaultStyle, invertedStyle } from './styling';

package/dist/HyperLink/HyperLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HyperLink.js","names":["React","styled","defaultStyle","invertedStyle","jsx","_jsx","StyledLink","a","_templateObject","_taggedTemplateLiteral","props","$variant","$margin","concat","HyperLink","_ref","children","_ref$target","target","_ref$variant","variant","_objectWithoutProperties","_excluded","_objectSpread","rel","propTypes","id","_pt","string","oneOf","isRequired","href","disabled","bool","margin","any","className"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,YAAY,EAAEC,aAAa,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAExD,OAAO,IAAMC,UAAU,GAAGL,MAAM,CAACM,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+CAK9B,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,KAAK,UAAU,GAAGR,aAAa,GAAGD,YAAY;AAAA,CAAC,EACzE,UAACQ,KAAK;EAAA,OAAMA,KAAK,CAACE,OAAO,cAAAC,MAAA,CAAcH,KAAK,CAACE,OAAO,SAAM,EAAE;AAAA,CAAC,CAChE;AAmBD,IAAME,SAAkD,GAAG,SAArDA,SAAkDA,CAAAC,IAAA,EAAuF;EAAA,IAAjFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,WAAA,GAAAF,IAAA,CAAEG,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,QAAQ,GAAAA,WAAA;IAAAE,YAAA,GAAAJ,IAAA,CAAEK,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,SAAS,GAAAA,YAAA;IAAKT,KAAK,GAAAW,wBAAA,CAAAN,IAAA,EAAAO,SAAA;EACtH,oBACEjB,IAAA,CAACC,UAAU,EAAAiB,aAAA,CAAAA,aAAA,KAAKb,KAAK;IAAEC,QAAQ,EAAES,OAAQ;IAACF,MAAM,EAAEA,MAAO;IAACM,GAAG,EAAC,qBAAqB;IAAAR,QAAA,EAChFA;EAAQ,EACC,CAAC;AAEjB,CAAC;AAACF,SAAA,CAAAW,SAAA;EArBAC,EAAE,EAAAC,GAAA,CAAAC,MAAA;EAEFR,OAAO,EAAAO,GAAA,CAAAE,KAAA,EAAE,SAAS,EAAG,UAAU,GAAAC,UAAA;EAE/BC,IAAI,EAAAJ,GAAA,CAAAC,MAAA,CAAAE,UAAA;EAEJE,QAAQ,EAAAL,GAAA,CAAAM,IAAA;EAERC,MAAM,EAAAP,GAAA,CAAAC,MAAA;EAENZ,QAAQ,EAAAW,GAAA,CAAAQ,GAAA;EAERC,SAAS,EAAAT,GAAA,CAAAC;AAAA;AAWX,eAAed,SAAS","ignoreList":[]}
+{"version":3,"file":"HyperLink.js","names":["React","styled","defaultStyle","invertedStyle","StyledLink","a","props","$variant","$margin","HyperLink","children","target","variant","id","href","disabled","margin","className"],"sources":["../../src/HyperLink/HyperLink.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nexport const StyledLink = styled.a<{\r\n  $variant: 'default' | 'inverted';\r\n  $margin?: string;\r\n}>`\r\n  cursor: pointer;\r\n  ${(props) => (props.$variant === 'inverted' ? invertedStyle : defaultStyle)}\r\n  ${(props) => (props.$margin ? `margin: ${props.$margin};` : '')}\r\n`;\r\n\r\nexport interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {\r\n  /** Id of the link component. */\r\n  id?: string;\r\n  /** Style variant of the link */\r\n  variant: 'default' | 'inverted';\r\n  /** Href of the link component */\r\n  href: string;\r\n  /** If set then user can not interact with the link. */\r\n  disabled?: boolean;\r\n  /** Custom value of margin style. */\r\n  margin?: string;\r\n  /** Content of the Hyperlink */\r\n  children?: any;\r\n  /** Custom className to set to the link.   */\r\n  className?: string;\r\n}\r\n\r\nconst HyperLink: React.FunctionComponent<HyperlinkProps> = ({ children, target = '_blank', variant = 'default', ...props }: HyperlinkProps) => {\r\n  return (\r\n    <StyledLink {...props} $variant={variant} target={target} rel=\"noopener noreferrer\">\r\n      {children}\r\n    </StyledLink>\r\n  );\r\n};\r\n\r\nexport default HyperLink;\r\n"],"mappings":";;;;;;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAASC,YAAY,EAAEC,aAAa,QAAQ,WAAW;AAAC;AAExD,OAAO,IAAMC,UAAU,GAAGH,MAAM,CAACI,CAAC,4GAK9B,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,QAAQ,KAAK,UAAU,GAAGJ,aAAa,GAAGD,YAAY;AAAA,CAAC,EACzE,UAACI,KAAK;EAAA,OAAMA,KAAK,CAACE,OAAO,qBAAcF,KAAK,CAACE,OAAO,SAAM,EAAE;AAAA,CAAC,CAChE;AAmBD,IAAMC,SAAkD,GAAG,SAArDA,SAAkD,OAAuF;EAAA,IAAjFC,QAAQ,QAARA,QAAQ;IAAA,mBAAEC,MAAM;IAANA,MAAM,4BAAG,QAAQ;IAAA,oBAAEC,OAAO;IAAPA,OAAO,6BAAG,SAAS;IAAKN,KAAK;EACtH,oBACE,KAAC,UAAU,kCAAKA,KAAK;IAAE,QAAQ,EAAEM,OAAQ;IAAC,MAAM,EAAED,MAAO;IAAC,GAAG,EAAC,qBAAqB;IAAA,UAChFD;EAAQ,GACE;AAEjB,CAAC;AAAC;EArBAG,EAAE;EAEFD,OAAO,aAAE,SAAS,EAAG,UAAU;EAE/BE,IAAI;EAEJC,QAAQ;EAERC,MAAM;EAENN,QAAQ;EAERO,SAAS;AAAA;AAWX,eAAeR,SAAS"}

package/dist/HyperLink/index.cjs

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 Object.defineProperty(exports, "HyperLink", {
   enumerable: true,
   get: function get() {
-    return _HyperLink["default"];
+    return _HyperLink.default;
   }
 });
 Object.defineProperty(exports, "HyperLinkDefaultStyling", {
@@ -30,6 +30,6 @@ Object.defineProperty(exports, "StyledLink", {
 });
 var _HyperLink = _interopRequireWildcard(require("./HyperLink"));
 var _styling = require("./styling");
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 //# sourceMappingURL=index.cjs.map

package/dist/HyperLink/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_HyperLink","_interopRequireWildcard","require","_styling","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink, { StyledLink } from './HyperLink';\r\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\r\n\r\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,UAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AAA6G,SAAAE,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAJ,wBAAAI,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":[],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink, { StyledLink } from './HyperLink';\r\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\r\n\r\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AAA6G;AAAA"}

package/dist/HyperLink/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["HyperLink","StyledLink","defaultStyle","HyperLinkDefaultStyling","invertedStyle","HyperLinkInvertedStyling"],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink, { StyledLink } from './HyperLink';\r\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\r\n\r\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\r\n"],"mappings":"AAAA,OAAOA,SAAS,IAAIC,UAAU,QAAQ,aAAa;AACnD,SAAQC,YAAY,IAAIC,uBAAuB,EAAEC,aAAa,IAAIC,wBAAwB,QAAO,WAAW;AAE5G,SAASL,SAAS,EAAEK,wBAAwB,EAAEF,uBAAuB,EAAEF,UAAU","ignoreList":[]}
+{"version":3,"file":"index.js","names":["HyperLink","StyledLink","defaultStyle","HyperLinkDefaultStyling","invertedStyle","HyperLinkInvertedStyling"],"sources":["../../src/HyperLink/index.ts"],"sourcesContent":["import HyperLink, { StyledLink } from './HyperLink';\r\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\r\n\r\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling, StyledLink };\r\n"],"mappings":"AAAA,OAAOA,SAAS,IAAIC,UAAU,QAAQ,aAAa;AACnD,SAAQC,YAAY,IAAIC,uBAAuB,EAAEC,aAAa,IAAIC,wBAAwB,QAAO,WAAW;AAE5G,SAASL,SAAS,EAAEK,wBAAwB,EAAEF,uBAAuB,EAAEF,UAAU"}

package/dist/HyperLink/styling.cjs

@@ -9,7 +9,7 @@ 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"])), function (props) {
+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);
@@ -27,7 +27,7 @@ var defaultStyle = (0, _styledComponents.css)(_templateObject || (_templateObjec
   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"])), function (props) {
+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);

package/dist/HyperLink/styling.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"styling.cjs","names":["_styledComponents","require","_","_templateObject","_templateObject2","defaultStyle","css","_taggedTemplateLiteral2","props","COLORS","getColor","theme","exports","invertedStyle"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA,IAAAA,iBAAA,GAAAC,OAAA;AACA,IAAAC,CAAA,GAAAD,OAAA;AAA4B,IAAAE,eAAA,EAAAC,gBAAA;AAErB,IAAMC,YAAY,OAAGC,qBAAG,EAAAH,eAAA,KAAAA,eAAA,OAAAI,uBAAA,uvBAUlB,UAAAC,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIpD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKpD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO/C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAMzC,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAS9C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAG1D;AAACC,OAAA,CAAAP,YAAA,GAAAA,YAAA;AAEK,IAAMQ,aAAa,OAAGP,qBAAG,EAAAF,gBAAA,KAAAA,gBAAA,OAAAG,uBAAA,uvBAWnB,UAAAC,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAI9C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO/C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACnD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAY/C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACnD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAMpD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAGhE;AAACC,OAAA,CAAAC,aAAA,GAAAA,aAAA","ignoreList":[]}
+{"version":3,"file":"styling.cjs","names":["defaultStyle","css","props","COLORS","getColor","theme","invertedStyle"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAAA;AACA;AAA4B;AAErB,IAAMA,YAAY,OAAGC,qBAAG,uzBAUlB,UAAAC,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIpD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKpD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO/C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAMzC,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACzD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAS9C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAG1D;AAAC;AAEK,IAAMC,aAAa,OAAGL,qBAAG,yzBAWnB,UAAAC,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAI9C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO/C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACnD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAY/C,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACnD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAMpD,UAAAH,KAAK;EAAA,OAAIC,QAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAGhE;AAAC"}

package/dist/HyperLink/styling.d.ts

@@ -1,2 +1,2 @@
-export declare const defaultStyle: import("styled-components").RuleSet<object>;
-export declare const invertedStyle: import("styled-components").RuleSet<object>;
+export declare const defaultStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
+export declare const invertedStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;

package/dist/HyperLink/styling.js.map

@@ -1 +1 @@
-{"version":3,"file":"styling.js","names":["css","COLORS","defaultStyle","_templateObject","_taggedTemplateLiteral","props","getColor","theme","invertedStyle","_templateObject2"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,MAAM,QAAQ,IAAI;AAE3B,OAAO,IAAMC,YAAY,GAAGF,GAAG,CAAAG,eAAA,KAAAA,eAAA,GAAAC,sBAAA,2uBAUlB,UAAAC,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIpD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKpD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAO/C,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACzD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMzC,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACzD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAS9C,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAG1D;AAED,OAAO,IAAMC,aAAa,GAAGR,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,2uBAWnB,UAAAC,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI9C,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAO/C,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACnD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAY/C,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACnD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMpD,UAAAF,KAAK;EAAA,OAAIJ,MAAM,CAACK,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAGhE","ignoreList":[]}
+{"version":3,"file":"styling.js","names":["css","COLORS","defaultStyle","props","getColor","theme","invertedStyle"],"sources":["../../src/HyperLink/styling.ts"],"sourcesContent":["import { css } from 'styled-components';\r\nimport { COLORS } from '..';\r\n\r\nexport const defaultStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: none;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('primary_600', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    text-decoration-line: underline;\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n\r\n  &:focus:hover,\r\n  &:active:hover,\r\n  &.active-state:hover,\r\n  &.focus-state:hover{\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n\r\nexport const invertedStyle = css`\r\n  outline: none;\r\n  padding: 2px 0;\r\n\r\n  text-decoration-thickness: 2px;\r\n  text-decoration-style: solid;\r\n  text-underline-offset: 2px;\r\n  text-decoration-line: underline;\r\n\r\n  &:link {\r\n    font-weight: 700;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${props => COLORS.getColor('neutral_100', props.theme)};\r\n  }\r\n\r\n  &:focus,\r\n  &.focus-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    text-decoration-line: none;\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    text-decoration-line: none;\r\n    background: ${props => COLORS.getColor('white', props.theme)};\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,mBAAmB;AACvC,SAASC,MAAM,QAAQ,IAAI;AAE3B,OAAO,IAAMC,YAAY,GAAGF,GAAG,wyBAUlB,UAAAG,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIpD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKpD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAO/C,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACzD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMzC,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACzD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAS9C,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAG1D;AAED,OAAO,IAAMC,aAAa,GAAGN,GAAG,0yBAWnB,UAAAG,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI9C,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAO/C,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACnD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAY/C,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACnD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAMpD,UAAAF,KAAK;EAAA,OAAIF,MAAM,CAACG,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAGhE"}

package/dist/Image/ImageWithFallbacks.cjs

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
@@ -17,17 +17,17 @@ var _ = require("..");
 var _react = _interopRequireDefault(require("react"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["src", "alt", "fallbacks", "loader", "loading"];
-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; }
-function _createSuper(t) { var r = _isNativeReflectConstruct(); return function () { var e, o = (0, _getPrototypeOf2["default"])(t); if (r) { var s = (0, _getPrototypeOf2["default"])(this).constructor; e = Reflect.construct(o, arguments, s); } else e = o.apply(this, arguments); return (0, _possibleConstructorReturn2["default"])(this, e); }; }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(this, result); }; }
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
 var ImageWithFallbacks = /*#__PURE__*/function (_React$Component) {
-  (0, _inherits2["default"])(ImageWithFallbacks, _React$Component);
+  (0, _inherits2.default)(ImageWithFallbacks, _React$Component);
   var _super = _createSuper(ImageWithFallbacks);
   function ImageWithFallbacks(props) {
     var _this$props$fallbacks, _this$props$fallbacks2;
     var _this;
-    (0, _classCallCheck2["default"])(this, ImageWithFallbacks);
+    (0, _classCallCheck2.default)(this, ImageWithFallbacks);
     _this = _super.call(this, props);
     _this.state = {
       src: props.src,
@@ -37,7 +37,7 @@ var ImageWithFallbacks = /*#__PURE__*/function (_React$Component) {
     };
     return _this;
   }
-  (0, _createClass2["default"])(ImageWithFallbacks, [{
+  (0, _createClass2.default)(ImageWithFallbacks, [{
     key: "componentDidUpdate",
     value: function componentDidUpdate(prevProps) {
       if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {
@@ -79,7 +79,7 @@ var ImageWithFallbacks = /*#__PURE__*/function (_React$Component) {
         fallbacks = _this$props.fallbacks,
         loader = _this$props.loader,
         loading = _this$props.loading,
-        rest = (0, _objectWithoutProperties2["default"])(_this$props, _excluded);
+        rest = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", _objectSpread({
           src: this.state.src,
@@ -100,13 +100,13 @@ var ImageWithFallbacks = /*#__PURE__*/function (_React$Component) {
     }
   }]);
   return ImageWithFallbacks;
-}(_react["default"].Component);
-(0, _defineProperty2["default"])(ImageWithFallbacks, "propTypes", {
-  fallbacks: _propTypes["default"].string,
-  src: _propTypes["default"].string.isRequired,
-  alt: _propTypes["default"].string,
-  loader: _propTypes["default"].bool
+}(_react.default.Component);
+(0, _defineProperty2.default)(ImageWithFallbacks, "propTypes", {
+  fallbacks: _propTypes.default.string,
+  src: _propTypes.default.string.isRequired,
+  alt: _propTypes.default.string,
+  loader: _propTypes.default.bool
 });
 var _default = ImageWithFallbacks;
-exports["default"] = _default;
+exports.default = _default;
 //# sourceMappingURL=ImageWithFallbacks.cjs.map

package/dist/Image/ImageWithFallbacks.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ImageWithFallbacks.cjs","names":["_","require","_react","_interopRequireDefault","_jsxRuntime","_excluded","ownKeys","e","r","t","Object","keys","getOwnPropertySymbols","o","filter","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","defineProperty","_createSuper","_isNativeReflectConstruct","_getPrototypeOf2","s","constructor","Reflect","construct","_possibleConstructorReturn2","Boolean","prototype","valueOf","call","ImageWithFallbacks","_React$Component","_inherits2","_super","props","_this$props$fallbacks","_this$props$fallbacks2","_this","_classCallCheck2","state","src","fallbackIndex","fallbacks","split","loaded","_createClass2","key","value","componentDidUpdate","prevProps","_this$props$fallbacks3","_this$props$fallbacks4","setState","onError","onLoad","render","_this2","_this$props","alt","loader","loading","rest","_objectWithoutProperties2","jsxs","Fragment","children","jsx","onChange","LoadingIndicator","id","React","Component","_propTypes","string","isRequired","bool","_default","exports"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ImageWithFallbacks.cjs","names":["ImageWithFallbacks","props","state","src","fallbackIndex","fallbacks","split","loaded","prevProps","setState","length","alt","loader","loading","rest","onError","onLoad","React","Component"],"sources":["../../src/Image/ImageWithFallbacks.tsx"],"sourcesContent":["import { LoadingIndicator } from '..';\r\nimport React from 'react';\r\n\r\nexport interface ImageWithFallbacksProps extends Omit<React.ImgHTMLAttributes<HTMLImageElement>, 'src' | 'alt' | 'onError' | 'onLoad' | 'onChange'>{\r\n  fallbacks?: string;\r\n  src: string;\r\n  alt?: string;\r\n  loader?: boolean;\r\n}\r\n\r\ntype ImageWithFallbacksState = {\r\n  src: string;\r\n  fallbackIndex: number;\r\n  fallbacks: string[];\r\n  loaded: boolean;\r\n};\r\n\r\nclass ImageWithFallbacks extends React.Component<ImageWithFallbacksProps, ImageWithFallbacksState> {\r\n  constructor(props: ImageWithFallbacksProps) {\r\n    super(props);\r\n    this.state = {\r\n      src: props.src,\r\n      fallbackIndex: 0,\r\n      fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n      loaded: false,\r\n    };\r\n  }\r\n  componentDidUpdate(prevProps: ImageWithFallbacksProps) {\r\n    if (prevProps.src !== this.props.src && prevProps.fallbacks !== this.props.fallbacks) {\r\n      this.setState({\r\n        src: this.props.src,\r\n        fallbackIndex: 0,\r\n        fallbacks: this.props.fallbacks?.split('|') ?? [],\r\n        loaded: false,\r\n      });\r\n    }\r\n  }\r\n  onError() {\r\n    if (this.state.fallbackIndex > this.state.fallbacks.length) {\r\n      return;\r\n    }\r\n    this.setState({\r\n      src: this.state.fallbacks[this.state.fallbackIndex],\r\n      fallbackIndex: this.state.fallbackIndex + 1,\r\n      fallbacks: this.state.fallbacks,\r\n    });\r\n  }\r\n  onLoad() {\r\n    this.setState({ ...this.state, loaded: true });\r\n  }\r\n  render() {\r\n    const {src, alt, fallbacks, loader, loading, ...rest} = this.props;\r\n    return (\r\n      <>\r\n        <img src={this.state.src}\r\n             onError={() => this.onError()}\r\n             onChange={() => this.onLoad()}\r\n             onLoad={() => this.onLoad()}\r\n             alt={this.props.alt}\r\n             {...rest}/>\r\n        {this.props.loader && !this.state.loaded && <LoadingIndicator id=\"imgWithFallbackLoadingIndicator\"></LoadingIndicator>}\r\n      </>\r\n    );\r\n  }\r\n}\r\n\r\nexport default ImageWithFallbacks;\r\n"],"mappings":";;;;;;;;;;;;;;;AAAA;AACA;AAA0B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAgBpBA,kBAAkB;EAAA;EAAA;EACtB,4BAAYC,KAA8B,EAAE;IAAA;IAAA;IAAA;IAC1C,0BAAMA,KAAK;IACX,MAAKC,KAAK,GAAG;MACXC,GAAG,EAAEF,KAAK,CAACE,GAAG;MACdC,aAAa,EAAE,CAAC;MAChBC,SAAS,qDAAE,MAAKJ,KAAK,CAACI,SAAS,2DAApB,uBAAsBC,KAAK,CAAC,GAAG,CAAC,yEAAI,EAAE;MACjDC,MAAM,EAAE;IACV,CAAC;IAAC;EACJ;EAAC;IAAA;IAAA,OACD,4BAAmBC,SAAkC,EAAE;MACrD,IAAIA,SAAS,CAACL,GAAG,KAAK,IAAI,CAACF,KAAK,CAACE,GAAG,IAAIK,SAAS,CAACH,SAAS,KAAK,IAAI,CAACJ,KAAK,CAACI,SAAS,EAAE;QAAA;QACpF,IAAI,CAACI,QAAQ,CAAC;UACZN,GAAG,EAAE,IAAI,CAACF,KAAK,CAACE,GAAG;UACnBC,aAAa,EAAE,CAAC;UAChBC,SAAS,sDAAE,IAAI,CAACJ,KAAK,CAACI,SAAS,2DAApB,uBAAsBC,KAAK,CAAC,GAAG,CAAC,2EAAI,EAAE;UACjDC,MAAM,EAAE;QACV,CAAC,CAAC;MACJ;IACF;EAAC;IAAA;IAAA,OACD,mBAAU;MACR,IAAI,IAAI,CAACL,KAAK,CAACE,aAAa,GAAG,IAAI,CAACF,KAAK,CAACG,SAAS,CAACK,MAAM,EAAE;QAC1D;MACF;MACA,IAAI,CAACD,QAAQ,CAAC;QACZN,GAAG,EAAE,IAAI,CAACD,KAAK,CAACG,SAAS,CAAC,IAAI,CAACH,KAAK,CAACE,aAAa,CAAC;QACnDA,aAAa,EAAE,IAAI,CAACF,KAAK,CAACE,aAAa,GAAG,CAAC;QAC3CC,SAAS,EAAE,IAAI,CAACH,KAAK,CAACG;MACxB,CAAC,CAAC;IACJ;EAAC;IAAA;IAAA,OACD,kBAAS;MACP,IAAI,CAACI,QAAQ,iCAAM,IAAI,CAACP,KAAK;QAAEK,MAAM,EAAE;MAAI,GAAG;IAChD;EAAC;IAAA;IAAA,OACD,kBAAS;MAAA;MACP,kBAAwD,IAAI,CAACN,KAAK;QAA3DE,GAAG,eAAHA,GAAG;QAAEQ,GAAG,eAAHA,GAAG;QAAEN,SAAS,eAATA,SAAS;QAAEO,MAAM,eAANA,MAAM;QAAEC,OAAO,eAAPA,OAAO;QAAKC,IAAI;MACpD,oBACE;QAAA,wBACE;UAAK,GAAG,EAAE,IAAI,CAACZ,KAAK,CAACC,GAAI;UACpB,OAAO,EAAE;YAAA,OAAM,MAAI,CAACY,OAAO,EAAE;UAAA,CAAC;UAC9B,QAAQ,EAAE;YAAA,OAAM,MAAI,CAACC,MAAM,EAAE;UAAA,CAAC;UAC9B,MAAM,EAAE;YAAA,OAAM,MAAI,CAACA,MAAM,EAAE;UAAA,CAAC;UAC5B,GAAG,EAAE,IAAI,CAACf,KAAK,CAACU;QAAI,GAChBG,IAAI,EAAG,EACf,IAAI,CAACb,KAAK,CAACW,MAAM,IAAI,CAAC,IAAI,CAACV,KAAK,CAACK,MAAM,iBAAI,qBAAC,kBAAgB;UAAC,EAAE,EAAC;QAAiC,EAAoB;MAAA,EACrH;IAEP;EAAC;EAAA;AAAA,EA9C8BU,cAAK,CAACC,SAAS;AAAA,8BAA1ClB,kBAAkB;EAbtBK,SAAS;EACTF,GAAG;EACHQ,GAAG;EACHC,MAAM;AAAA;AAAA,eA2DOZ,kBAAkB;AAAA"}

package/dist/Image/ImageWithFallbacks.d.ts

@@ -16,6 +16,6 @@ declare class ImageWithFallbacks extends React.Component<ImageWithFallbacksProps
     componentDidUpdate(prevProps: ImageWithFallbacksProps): void;
     onError(): void;
     onLoad(): void;
-    render(): React.JSX.Element;
+    render(): JSX.Element;
 }
 export default ImageWithFallbacks;