@laerdal/life-react-components 3.5.2-uss.hackathon → 3.5.3

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

@@ -1,292 +0,0 @@
-import _pt from "prop-types";
-import * as React from 'react';
-import styled from 'styled-components';
-import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../../styles';
-import Actions from '../Actions';
-import { Close, Notification, SwitchApp } from '../../icons/systemicons/SystemIcons';
-import MobileActionMenu from './MobileActionMenu';
-import { MenuSection, MenuSectionList, MenuWrapper, Right, RowLayout } from './CommonStyles';
-import { NavLink, useLocation } from 'react-router-dom';
-import { SwitcherMenuItem } from '../../Switcher';
-import Avatar, { AvatarContainer } from '../Avatar';
-import MobileUserMenu from '../UserMenu/MobileUserMenu';
-import { IconButton } from '../../Button';
-import { LaerdalLogo } from '../../assets';
-import { ComponentMStyling, ComponentXSStyling } from '../../styles/typography';
-const SwitchButton = styled.span`
-  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}
-  
-  padding: 0;
-  border: 0;
-  margin: 0 auto 0 12px;
-  line-height: 48px;
-`;
-const BottomPinnedSection = styled.div`
-  position: absolute;
-  left: 0;
-  width: 100%;
-  bottom: 0;
-  border-top: 1px solid ${COLORS.neutral_200};
-`;
-const FirstRowLayout = styled(RowLayout)`
-  margin-top: 10px;
-  padding: 12px;
-`;
-const BottomRowLayout = styled(RowLayout)`
-  margin: 8px auto 0 0;
-  width: 95%;
-  height: 48px;
-  ${BREAKPOINTS.SMALL} {
-    height: 56px;
-  }
-`;
-const StyledNavItem = styled(SwitcherMenuItem)`
-  padding: 0 0 0 20px;
-  margin: 0 2px;
-
-  display: flex;
-  align-items: center;
-  text-align: center;
-  position: relative;
-
-  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}
-  text-decoration: none;
-
-  svg {
-    margin-right: 16px;
-  }
-
-  &:after {
-    content: '';
-    display: block;
-    position: absolute;
-    left: 0;
-    top: 0;
-    bottom: 0;
-    width: 4px;
-    background-color: transparent;
-  }
-
-  &.active:not(.disabled) {
-    font-weight: bold;
-    &:after {
-      background-color: ${COLORS.primary_500};
-    }
-
-    color: ${COLORS.primary_800};
-    svg path {
-      fill: ${COLORS.primary_800};
-    }
-  }
-
-  &.disabled {
-    color: ${COLORS.neutral_300};
-    background-color: ${COLORS.neutral_100};
-  }
-
-  &:hover:not(.disabled) {
-    color: ${COLORS.primary_600};
-    background-color: ${COLORS.primary_20};
-
-    svg path {
-      fill: ${COLORS.primary_600};
-    }
-  }
-
-  &:active:not(.disabled) {
-    color: ${COLORS.primary_800};
-    background-color: ${COLORS.primary_100};
-    box-shadow: none;
-    &:after {
-      background-color: ${COLORS.primary_500};
-    }
-    svg path {
-      fill: ${COLORS.primary_800};
-    }
-  }
-
-  &:focus:not(.disabled) {
-    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);
-    outline: none;
-  }
-`;
-const SwitcherButton = styled.div`
-  display: flex;
-  margin-left: auto;
-
-  line-height: 48px;
-  button:last-child {
-    margin: 0 !important;
-  }
-`;
-
-const MobileMenu = ({
-  clickMenuAction,
-  navigationOptions,
-  actions,
-  firstName,
-  lastName,
-  email,
-  signout,
-  notifications,
-  accountSection,
-  organizationSection,
-  supportSection,
-  switcherAction,
-  accountMenuHeader,
-  signOutLabel,
-  organizationName,
-  useUserMenu,
-  showUserMenu,
-  setShowUserMenu
-}) => {
-  const [showNotificationMenu, setShowNotificationMenu] = React.useState(false);
-  const notificationMenuRef = React.useRef(null);
-  const userMenuRef = React.useRef(null);
-  const userRef = React.useRef(null);
-  const location = useLocation();
-
-  if (actions?.user) {
-    actions.user = () => setShowUserMenu(true);
-  }
-
-  if (actions?.notification) {
-    actions.notification = () => setShowNotificationMenu(true);
-  }
-
-  const fireAction = (action, ref = undefined) => {
-    ref?.current?.blur();
-    !!action && action();
-  };
-
-  const isPressingEnter = e => {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  React.useEffect(() => {
-    clickMenuAction();
-  }, [location]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, actions?.notification && /*#__PURE__*/React.createElement(MenuWrapper, {
-    ref: notificationMenuRef,
-    className: showNotificationMenu ? 'open' : '',
-    isVisible: showNotificationMenu
-  }, /*#__PURE__*/React.createElement(MobileActionMenu, {
-    name: "Notifications",
-    clickMenuAction: () => setShowNotificationMenu(false),
-    navigationOptions: notifications,
-    actionList: {
-      notification: () => {}
-    }
-  })), actions?.user && /*#__PURE__*/React.createElement(MenuWrapper, {
-    ref: userMenuRef,
-    className: showUserMenu ? 'open' : '',
-    isVisible: showUserMenu
-  }, /*#__PURE__*/React.createElement(MobileUserMenu, {
-    accountMenuHeader: accountMenuHeader,
-    firstName: firstName,
-    lastName: lastName,
-    email: email,
-    organizationName: organizationName,
-    clickMenuAction: clickMenuAction,
-    accountSection: accountSection,
-    organizationSection: organizationSection,
-    supportSection: supportSection,
-    signOut: signout,
-    signOutLabel: signOutLabel
-  })), /*#__PURE__*/React.createElement(FirstRowLayout, null, firstName && lastName && /*#__PURE__*/React.createElement(AvatarContainer, {
-    id: "avatarContainer",
-    ref: userRef,
-    onClick: actions?.user,
-    onKeyDown: e => isPressingEnter(e) ? fireAction(actions?.user, userRef) : null,
-    inMobileMenu: true,
-    hideOnLowWidth: false
-  }, /*#__PURE__*/React.createElement(Avatar, {
-    size: 36,
-    firstName: firstName,
-    lastName: lastName,
-    color: COLORS.primary_500,
-    profileMenuLink: "#TODO"
-  })), actions?.notification && /*#__PURE__*/React.createElement(IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: false,
-    isInMobileMenu: true,
-    action: () => fireAction(actions?.notification),
-    onKeyPress: e => isPressingEnter(e) ? fireAction(actions?.notification) : null
-  }, /*#__PURE__*/React.createElement(Notification, {
-    size: "24px"
-  })), /*#__PURE__*/React.createElement(Right, null, /*#__PURE__*/React.createElement(Actions, {
-    actions: actions,
-    firstName: firstName,
-    lastName: lastName,
-    isInMobileMenu: true,
-    hideOnLowWidth: false,
-    useUserMenu: useUserMenu,
-    setShowUserMenu: setShowUserMenu
-  }), /*#__PURE__*/React.createElement(IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: () => clickMenuAction(),
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(Close, {
-    size: "24px"
-  })))), /*#__PURE__*/React.createElement(MenuSection, null, /*#__PURE__*/React.createElement(MenuSectionList, null, navigationOptions?.map(no => /*#__PURE__*/React.createElement("li", {
-    key: no.label
-  }, /*#__PURE__*/React.createElement(StyledNavItem, {
-    as: NavLink,
-    exact: no?.exact,
-    to: no.to,
-    onClick: () => {
-      if (no?.onClick) {
-        no?.onClick();
-      }
-    }
-  }, no.label))))), /*#__PURE__*/React.createElement(BottomPinnedSection, null, /*#__PURE__*/React.createElement(MenuSection, {
-    style: {
-      padding: '0 12px 12px 12px',
-      margin: '0'
-    }
-  }, /*#__PURE__*/React.createElement(MenuSectionList, null, /*#__PURE__*/React.createElement(BottomRowLayout, null, /*#__PURE__*/React.createElement(LaerdalLogo, null), switcherAction && /*#__PURE__*/React.createElement(SwitcherButton, null, /*#__PURE__*/React.createElement(SwitchButton, {
-    onClick: () => switcherAction()
-  }, "Switch site"), ' ', /*#__PURE__*/React.createElement(IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: false,
-    isInMobileMenu: true,
-    id: "globalNavAppsButton",
-    action: () => switcherAction(),
-    onKeyPress: e => isPressingEnter(e) ? switcherAction() : null
-  }, /*#__PURE__*/React.createElement(SwitchApp, {
-    size: "24px"
-  }))))))));
-};
-
-MobileMenu.propTypes = {
-  name: _pt.string.isRequired,
-  navigationOptions: _pt.array,
-  secondaryNavigationOptions: _pt.array,
-  clickMenuAction: _pt.func.isRequired,
-  firstName: _pt.string.isRequired,
-  lastName: _pt.string.isRequired,
-  email: _pt.string.isRequired,
-  signout: _pt.func,
-  isAuthenticated: _pt.bool,
-  notifications: _pt.array,
-  switcherAction: _pt.func,
-  accountSection: _pt.array,
-  organizationSection: _pt.array,
-  supportSection: _pt.array,
-  accountMenuHeader: _pt.string.isRequired,
-  signOutLabel: _pt.string.isRequired,
-  organizationName: _pt.string.isRequired,
-  showUserMenu: _pt.bool.isRequired,
-  setShowUserMenu: _pt.func.isRequired
-};
-export default MobileMenu;
-//# sourceMappingURL=MobileMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","Actions","Close","Notification","SwitchApp","MobileActionMenu","MenuSection","MenuSectionList","MenuWrapper","Right","RowLayout","NavLink","useLocation","SwitcherMenuItem","Avatar","AvatarContainer","MobileUserMenu","IconButton","LaerdalLogo","ComponentMStyling","ComponentXSStyling","SwitchButton","span","Bold","neutral_600","BottomPinnedSection","div","neutral_200","FirstRowLayout","BottomRowLayout","SMALL","StyledNavItem","Regular","black","primary_500","primary_800","neutral_300","neutral_100","primary_600","primary_20","primary_100","SwitcherButton","MobileMenu","clickMenuAction","navigationOptions","actions","firstName","lastName","email","signout","notifications","accountSection","organizationSection","supportSection","switcherAction","accountMenuHeader","signOutLabel","organizationName","useUserMenu","showUserMenu","setShowUserMenu","showNotificationMenu","setShowNotificationMenu","useState","notificationMenuRef","useRef","userMenuRef","userRef","location","user","notification","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","useEffect","map","no","label","exact","to","onClick","padding","margin","name","secondaryNavigationOptions","isAuthenticated"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport {ActionOptions, NavButton, NavOption, UserMenuItem} from '../../types';\r\nimport Actions from '../Actions';\r\nimport {Close, Notification, SwitchApp} from '../../icons/systemicons/SystemIcons';\r\nimport MobileActionMenu from './MobileActionMenu';\r\nimport {MenuSection, MenuSectionList, MenuWrapper, Right, RowLayout} from './CommonStyles';\r\nimport {NavLink, useLocation} from 'react-router-dom';\r\nimport {SwitcherMenuItem} from '../../Switcher';\r\nimport Avatar, {AvatarContainer} from '../Avatar';\r\nimport MobileUserMenu from '../UserMenu/MobileUserMenu';\r\nimport {IconButton} from '../../Button';\r\nimport {LaerdalLogo} from '../../assets';\r\nimport {ComponentMStyling, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst SwitchButton = styled.span`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, COLORS.neutral_600)}\r\n  \r\n  padding: 0;\r\n  border: 0;\r\n  margin: 0 auto 0 12px;\r\n  line-height: 48px;\r\n`;\r\n\r\nconst BottomPinnedSection = styled.div`\r\n  position: absolute;\r\n  left: 0;\r\n  width: 100%;\r\n  bottom: 0;\r\n  border-top: 1px solid ${COLORS.neutral_200};\r\n`;\r\n\r\nconst FirstRowLayout = styled(RowLayout)`\r\n  margin-top: 10px;\r\n  padding: 12px;\r\n`;\r\n\r\nconst BottomRowLayout = styled(RowLayout)`\r\n  margin: 8px auto 0 0;\r\n  width: 95%;\r\n  height: 48px;\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: 56px;\r\n  }\r\n`;\r\n\r\nconst StyledNavItem = styled(SwitcherMenuItem)`\r\n  padding: 0 0 0 20px;\r\n  margin: 0 2px;\r\n\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n  text-decoration: none;\r\n\r\n  svg {\r\n    margin-right: 16px;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    left: 0;\r\n    top: 0;\r\n    bottom: 0;\r\n    width: 4px;\r\n    background-color: transparent;\r\n  }\r\n\r\n  &.active:not(.disabled) {\r\n    font-weight: bold;\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n\r\n    color: ${COLORS.primary_800};\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    color: ${COLORS.neutral_300};\r\n    background-color: ${COLORS.neutral_100};\r\n  }\r\n\r\n  &:hover:not(.disabled) {\r\n    color: ${COLORS.primary_600};\r\n    background-color: ${COLORS.primary_20};\r\n\r\n    svg path {\r\n      fill: ${COLORS.primary_600};\r\n    }\r\n  }\r\n\r\n  &:active:not(.disabled) {\r\n    color: ${COLORS.primary_800};\r\n    background-color: ${COLORS.primary_100};\r\n    box-shadow: none;\r\n    &:after {\r\n      background-color: ${COLORS.primary_500};\r\n    }\r\n    svg path {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n  }\r\n\r\n  &:focus:not(.disabled) {\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n    outline: none;\r\n  }\r\n`;\r\nconst SwitcherButton = styled.div`\r\n  display: flex;\r\n  margin-left: auto;\r\n\r\n  line-height: 48px;\r\n  button:last-child {\r\n    margin: 0 !important;\r\n  }\r\n`;\r\n\r\ntype Props = {\r\n  name: string;\r\n  navigationOptions?: NavOption[];\r\n  secondaryNavigationOptions?: NavOption[];\r\n  secondaryButton?: NavButton;\r\n  actions?: ActionOptions;\r\n  clickMenuAction: () => void;\r\n  firstName: string;\r\n  lastName: string;\r\n  email: string;\r\n  signout?: (e: any) => void;\r\n  isAuthenticated?: boolean;\r\n  notifications?: NavOption[];\r\n  switcherAction?: () => void;\r\n  accountSection?: UserMenuItem[];\r\n  organizationSection?: UserMenuItem[];\r\n  supportSection?: UserMenuItem[];\r\n  accountMenuHeader: string;\r\n  signOutLabel: string;\r\n  organizationName: string;\r\n  useUserMenu: boolean | undefined;\r\n  showUserMenu: boolean;\r\n  setShowUserMenu: (show: boolean) => void;\r\n};\r\n\r\nconst MobileMenu = ({\r\n  clickMenuAction,\r\n  navigationOptions,\r\n  actions,\r\n  firstName,\r\n  lastName,\r\n  email,\r\n  signout,\r\n  notifications,\r\n  accountSection,\r\n  organizationSection,\r\n  supportSection,\r\n  switcherAction,\r\n  accountMenuHeader,\r\n  signOutLabel,\r\n  organizationName,\r\n  useUserMenu,\r\n  showUserMenu,\r\n  setShowUserMenu,\r\n}: Props) => {\r\n  const [showNotificationMenu, setShowNotificationMenu] = React.useState<boolean>(false);\r\n  const notificationMenuRef = React.useRef(null);\r\n  const userMenuRef = React.useRef(null);\r\n  const userRef = React.useRef(null);\r\n\r\n  const location = useLocation();\r\n\r\n  if (actions?.user) {\r\n    actions.user = () => setShowUserMenu(true);\r\n  }\r\n  if (actions?.notification) {\r\n    actions.notification = () => setShowNotificationMenu(true);\r\n  }\r\n\r\n  const fireAction = (action: (() => void) | undefined, ref: React.MutableRefObject<HTMLButtonElement | null> | undefined = undefined) => {\r\n    ref?.current?.blur();\r\n    !!action && action();\r\n  };\r\n\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n\r\n  React.useEffect(() => {\r\n    clickMenuAction();\r\n  }, [location]);\r\n\r\n  return (\r\n    <>\r\n      {actions?.notification && (\r\n        <MenuWrapper ref={notificationMenuRef} className={showNotificationMenu ? 'open' : ''} isVisible={showNotificationMenu}>\r\n          <MobileActionMenu\r\n            name=\"Notifications\"\r\n            clickMenuAction={() => setShowNotificationMenu(false)}\r\n            navigationOptions={notifications}\r\n            actionList={{\r\n              notification: () => {},\r\n            }}\r\n          />\r\n        </MenuWrapper>\r\n      )}\r\n      {actions?.user && (\r\n        <MenuWrapper ref={userMenuRef} className={showUserMenu ? 'open' : ''} isVisible={showUserMenu}>\r\n          <MobileUserMenu\r\n            accountMenuHeader={accountMenuHeader}\r\n            firstName={firstName}\r\n            lastName={lastName}\r\n            email={email}\r\n            organizationName={organizationName}\r\n            clickMenuAction={clickMenuAction}\r\n            accountSection={accountSection}\r\n            organizationSection={organizationSection}\r\n            supportSection={supportSection}\r\n            signOut={signout}\r\n            signOutLabel={signOutLabel}\r\n          />\r\n        </MenuWrapper>\r\n      )}\r\n      <FirstRowLayout>\r\n        {firstName && lastName && (\r\n          <AvatarContainer\r\n            id=\"avatarContainer\"\r\n            ref={userRef}\r\n            onClick={actions?.user}\r\n            onKeyDown={(e: any) => (isPressingEnter(e) ? fireAction(actions?.user, userRef) : null)}\r\n            inMobileMenu={true}\r\n            hideOnLowWidth={false}>\r\n            <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n          </AvatarContainer>\r\n        )}\r\n        {actions?.notification && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={false}\r\n            isInMobileMenu={true}\r\n            action={() => fireAction(actions?.notification)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.notification) : null)}>\r\n              <Notification size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        <Right>\r\n          <Actions\r\n            actions={actions}\r\n            firstName={firstName}\r\n            lastName={lastName}\r\n            isInMobileMenu={true}\r\n            hideOnLowWidth={false}\r\n            useUserMenu={useUserMenu}\r\n            setShowUserMenu={setShowUserMenu}\r\n          />\r\n          <IconButton variant=\"secondary\" shape=\"circular\" action={() => clickMenuAction()} isInMobileMenu={true}>\r\n            <Close size=\"24px\" />\r\n          </IconButton>\r\n        </Right>\r\n      </FirstRowLayout>\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          {navigationOptions?.map((no) => (\r\n            <li key={no.label}>\r\n              <StyledNavItem\r\n                as={NavLink}\r\n                exact={no?.exact}\r\n                to={no.to}\r\n                onClick={() => {\r\n                  if (no?.onClick) {\r\n                    no?.onClick();\r\n                  }\r\n                }}>\r\n                {no.label}\r\n              </StyledNavItem>\r\n            </li>\r\n          ))}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n\r\n      <BottomPinnedSection>\r\n        <MenuSection style={{ padding: '0 12px 12px 12px', margin: '0' }}>\r\n          <MenuSectionList>\r\n            <BottomRowLayout>\r\n              <LaerdalLogo />\r\n              {switcherAction && (\r\n                <SwitcherButton>\r\n                  <SwitchButton onClick={() => switcherAction()}>Switch site</SwitchButton>{' '}\r\n                  <IconButton\r\n                    variant={'secondary'}\r\n                    shape={'circular'}\r\n                    hideOnLowWidth={false}\r\n                    isInMobileMenu={true}\r\n                    id=\"globalNavAppsButton\"\r\n                    action={() => switcherAction()}\r\n                    onKeyPress={(e: any) => (isPressingEnter(e) ? switcherAction() : null)}>\r\n                      <SwitchApp size=\"24px\" />\r\n                  </IconButton>\r\n                </SwitcherButton>\r\n              )}\r\n            </BottomRowLayout>\r\n          </MenuSectionList>\r\n        </MenuSection>\r\n      </BottomPinnedSection>\r\n    </>\r\n  );\r\n};\r\n\r\nexport default MobileMenu;\r\n"],"file":"MobileMenu.js"}

package/dist/esm/HyperLink/HyperLink.js

@@ -1,43 +0,0 @@
-import _pt from "prop-types";
-const _excluded = ["children", "target", "variant"];
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-import * as React from 'react';
-import styled from 'styled-components';
-import { defaultStyle, invertedStyle } from './styling';
-const StyledLink = styled.a`
-  ${props => props.variant === 'inverted' ? invertedStyle : defaultStyle}
-  ${props => props.margin ? `margin: ${props.margin};` : ''}
-`;
-
-const HyperLink = _ref => {
-  let {
-    children,
-    target = '_blank',
-    variant = 'default'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledLink, _extends({}, props, {
-    variant: variant,
-    target: target,
-    rel: "noopener noreferrer"
-  }), children);
-};
-
-HyperLink.propTypes = {
-  id: _pt.string.isRequired,
-  variant: _pt.oneOf(['default', 'inverted']).isRequired,
-  href: _pt.string.isRequired,
-  disabled: _pt.bool,
-  margin: _pt.string,
-  children: _pt.any,
-  className: _pt.string
-};
-export default HyperLink;
-//# sourceMappingURL=HyperLink.js.map

package/dist/esm/HyperLink/HyperLink.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/HyperLink/HyperLink.tsx"],"names":["React","styled","defaultStyle","invertedStyle","StyledLink","a","props","variant","margin","HyperLink","children","target","id","href","disabled","className"],"mappings":";;;;;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,YAAT,EAAuBC,aAAvB,QAA4C,WAA5C;AAEA,MAAMC,UAAU,GAAGH,MAAM,CAACI,CAGvB;AACH,IAAKC,KAAD,IAAYA,KAAK,CAACC,OAAN,KAAkB,UAAlB,GAA+BJ,aAA/B,GAA+CD,YAAc;AAC7E,IAAKI,KAAD,IAAYA,KAAK,CAACE,MAAN,GAAgB,WAAUF,KAAK,CAACE,MAAO,GAAvC,GAA4C,EAAI;AAChE,CANA;;AAkBA,MAAMC,SAAkD,GAAG,QAAoF;AAAA,MAAnF;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,MAAM,GAAG,QAArB;AAA+BJ,IAAAA,OAAO,GAAG;AAAzC,GAAmF;AAAA,MAA5BD,KAA4B;;AAC7I,sBACE,oBAAC,UAAD,eAAgBA,KAAhB;AAAuB,IAAA,OAAO,EAAEC,OAAhC;AAAyC,IAAA,MAAM,EAAEI,MAAjD;AAAyD,IAAA,GAAG,EAAC;AAA7D,MACGD,QADH,CADF;AAKD,CAND;;;AATEE,EAAAA,E;AACAL,EAAAA,O,aAAS,S,EAAY,U;AACrBM,EAAAA,I;AACAC,EAAAA,Q;AACAN,EAAAA,M;AACAE,EAAAA,Q;AACAK,EAAAA,S;;AAWF,eAAeN,SAAf","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { defaultStyle, invertedStyle } from './styling';\r\n\r\nconst StyledLink = styled.a<{\r\n  variant: 'default' | 'inverted';\r\n  margin?: string;\r\n}>`\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: string;\r\n  variant: 'default' | 'inverted';\r\n  href: string;\r\n  disabled?: boolean;\r\n  margin?: string;\r\n  children?: any;\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"],"file":"HyperLink.js"}

package/dist/esm/HyperLink/index.js

@@ -1,4 +0,0 @@
-import HyperLink from './HyperLink';
-import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
-export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };
-//# sourceMappingURL=index.js.map

package/dist/esm/HyperLink/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/HyperLink/index.ts"],"names":["HyperLink","defaultStyle","HyperLinkDefaultStyling","invertedStyle","HyperLinkInvertedStyling"],"mappings":"AAAA,OAAOA,SAAP,MAAsB,aAAtB;AACA,SAAQC,YAAY,IAAIC,uBAAxB,EAAiDC,aAAa,IAAIC,wBAAlE,QAAiG,WAAjG;AAEA,SAASJ,SAAT,EAAoBI,wBAApB,EAA8CF,uBAA9C","sourcesContent":["import HyperLink from './HyperLink';\r\nimport {defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling} from './styling';\r\n\r\nexport { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };\r\n"],"file":"index.js"}

package/dist/esm/HyperLink/styling.js

@@ -1,96 +0,0 @@
-import { css } from 'styled-components';
-import { COLORS } from '..';
-export const defaultStyle = css`
-  outline: none;
-  padding: 2px 0;
-  text-decoration-thickness: 2px;
-  text-decoration-style: solid;
-  text-underline-offset: 2px;
-  text-decoration-line: none;
-
-  &:link {
-    font-weight: 700;
-    color: ${COLORS.primary_500};
-  }
-
-  &:visited {
-    color: ${COLORS.accent1_500};
-  }
-
-  &:hover,
-  &.hover-state {
-    color: ${COLORS.primary_700};
-    text-decoration-line: underline;
-  }
-
-  &:focus,
-  &.focus-state {
-    border-radius: 2px;
-    background: ${COLORS.primary_800};
-    color: ${COLORS.white};
-  }
-
-  &:active,
-  &.active-state {
-    border-radius: 2px;
-    background: ${COLORS.primary_800};
-    color: ${COLORS.white};
-  }
-
-
-  &:focus:hover,
-  &:active:hover,
-  &.active-state:hover,
-  &.focus-state:hover{
-    text-decoration-line: none;
-    color: ${COLORS.white};
-    opacity: 0.9;
-  }
-`;
-export const invertedStyle = css`
-  outline: none;
-  padding: 2px 0;
-
-  text-decoration-thickness: 2px;
-  text-decoration-style: solid;
-  text-underline-offset: 2px;
-  text-decoration-line: underline;
-
-  &:link {
-    font-weight: 700;
-    color: ${COLORS.white};
-  }
-
-  &:visited {
-    color: ${COLORS.neutral_100};
-  }
-
-  &:focus,
-  &.focus-state {
-    border-radius: 2px;
-    text-decoration-line: none;
-    background: ${COLORS.white};
-    color: ${COLORS.neutral_800};
-  }
-
-  &:hover,
-  &.hover-state {
-    text-decoration-line: none;
-  }
-
-  &:active,
-  &.active-state {
-    border-radius: 2px;
-    text-decoration-line: none;
-    background: ${COLORS.white};
-    color: ${COLORS.neutral_800};
-  }
-
-  &:focus:hover,
-  &:active:hover {
-    text-decoration-line: none;
-    color: ${COLORS.neutral_800};
-    opacity: 0.9;
-  }
-`;
-//# sourceMappingURL=styling.js.map

package/dist/esm/HyperLink/styling.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/HyperLink/styling.ts"],"names":["css","COLORS","defaultStyle","primary_500","accent1_500","primary_700","primary_800","white","invertedStyle","neutral_100","neutral_800"],"mappings":"AAAA,SAASA,GAAT,QAAoB,mBAApB;AACA,SAASC,MAAT,QAAuB,IAAvB;AAEA,OAAO,MAAMC,YAAY,GAAGF,GAAI;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,MAAM,CAACE,WAAY;AAChC;AACA;AACA;AACA,aAAaF,MAAM,CAACG,WAAY;AAChC;AACA;AACA;AACA;AACA,aAAaH,MAAM,CAACI,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBJ,MAAM,CAACK,WAAY;AACrC,aAAaL,MAAM,CAACM,KAAM;AAC1B;AACA;AACA;AACA;AACA;AACA,kBAAkBN,MAAM,CAACK,WAAY;AACrC,aAAaL,MAAM,CAACM,KAAM;AAC1B;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaN,MAAM,CAACM,KAAM;AAC1B;AACA;AACA,CA9CO;AAgDP,OAAO,MAAMC,aAAa,GAAGR,GAAI;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,aAAaC,MAAM,CAACM,KAAM;AAC1B;AACA;AACA;AACA,aAAaN,MAAM,CAACQ,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBR,MAAM,CAACM,KAAM;AAC/B,aAAaN,MAAM,CAACS,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,kBAAkBT,MAAM,CAACM,KAAM;AAC/B,aAAaN,MAAM,CAACS,WAAY;AAChC;AACA;AACA;AACA;AACA;AACA,aAAaT,MAAM,CAACS,WAAY;AAChC;AACA;AACA,CA7CO","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: ${COLORS.primary_500};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${COLORS.accent1_500};\r\n  }\r\n\r\n  &:hover,\r\n  &.hover-state {\r\n    color: ${COLORS.primary_700};\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: ${COLORS.primary_800};\r\n    color: ${COLORS.white};\r\n  }\r\n\r\n  &:active,\r\n  &.active-state {\r\n    border-radius: 2px;\r\n    background: ${COLORS.primary_800};\r\n    color: ${COLORS.white};\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: ${COLORS.white};\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: ${COLORS.white};\r\n  }\r\n\r\n  &:visited {\r\n    color: ${COLORS.neutral_100};\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: ${COLORS.white};\r\n    color: ${COLORS.neutral_800};\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: ${COLORS.white};\r\n    color: ${COLORS.neutral_800};\r\n  }\r\n\r\n  &:focus:hover,\r\n  &:active:hover {\r\n    text-decoration-line: none;\r\n    color: ${COLORS.neutral_800};\r\n    opacity: 0.9;\r\n  }\r\n`;\r\n"],"file":"styling.js"}