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

package/dist/js/GlobalNavigationBar/mobile/ExitMenuButton.d.ts

@@ -1,6 +0,0 @@
-import * as React from 'react';
-declare type Props = {
-    closeMenu: () => void;
-};
-declare const ExitMenuButton: ({ closeMenu }: Props) => React.ReactElement<Props>;
-export default ExitMenuButton;

package/dist/js/GlobalNavigationBar/mobile/ExitMenuButton.js

@@ -1,46 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _SystemIcons = require("../../icons/systemicons/SystemIcons");
-
-var _CommonStyles = require("./CommonStyles");
-
-var _templateObject;
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledButton = (0, _styledComponents.default)(_CommonStyles.Button)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  height: 36px;\n"])));
-
-var ExitMenuButton = function ExitMenuButton(_ref) {
-  var closeMenu = _ref.closeMenu;
-  return /*#__PURE__*/React.createElement(StyledButton, {
-    onClick: closeMenu
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-    size: "24px"
-  }));
-};
-
-ExitMenuButton.propTypes = {
-  closeMenu: _propTypes.default.func.isRequired
-};
-var _default = ExitMenuButton;
-exports.default = _default;
-//# sourceMappingURL=ExitMenuButton.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/ExitMenuButton.tsx"],"names":["StyledButton","Button","ExitMenuButton","closeMenu"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG,+BAAOC,oBAAP,CAAH,uGAAlB;;AASA,IAAMC,cAAc,GAAG,SAAjBA,cAAiB,OAAqD;AAAA,MAAlDC,SAAkD,QAAlDA,SAAkD;AAC1E,sBACE,oBAAC,YAAD;AAAc,IAAA,OAAO,EAAEA;AAAvB,kBACE,oBAAC,kBAAD;AAAO,IAAA,IAAI,EAAC;AAAZ,IADF,CADF;AAKD,CAND;;;AAHEA,EAAAA,S;;eAWaD,c","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { Close } from '../../icons/systemicons/SystemIcons';\r\nimport { Button } from './CommonStyles';\r\n\r\nconst StyledButton = styled(Button)`\r\n  padding: 0;\r\n  height: 36px;\r\n`;\r\n\r\ntype Props = {\r\n  closeMenu: () => void;\r\n};\r\n\r\nconst ExitMenuButton = ({ closeMenu }: Props): React.ReactElement<Props> => {\r\n  return (\r\n    <StyledButton onClick={closeMenu}>\r\n      <Close size=\"24px\" />\r\n    </StyledButton>\r\n  );\r\n};\r\n\r\nexport default ExitMenuButton;\r\n"],"file":"ExitMenuButton.js"}

package/dist/js/GlobalNavigationBar/mobile/MobileActionMenu.d.ts

@@ -1,13 +0,0 @@
-import { NavOption, ActionOptions } from '../../types';
-declare type Props = {
-    name: string;
-    mainNavLabel?: string;
-    navigationOptions?: NavOption[];
-    actions?: ActionOptions;
-    clickMenuAction: () => void;
-    firstName?: string;
-    lastName?: string;
-    actionList?: ActionOptions;
-};
-declare const MobileActionMenu: ({ clickMenuAction, navigationOptions, firstName, lastName, actionList }: Props) => JSX.Element;
-export default MobileActionMenu;

package/dist/js/GlobalNavigationBar/mobile/MobileActionMenu.js

@@ -1,75 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _Actions = _interopRequireDefault(require("../Actions"));
-
-var _ExitMenuButton = _interopRequireDefault(require("./ExitMenuButton"));
-
-var _CommonStyles = require("./CommonStyles");
-
-var _templateObject;
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var FirstRowLayout = (0, _styledComponents.default)(_CommonStyles.RowLayout)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: 5px;\n"])));
-
-var MobileActionMenu = function MobileActionMenu(_ref) {
-  var clickMenuAction = _ref.clickMenuAction,
-      navigationOptions = _ref.navigationOptions,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      actionList = _ref.actionList;
-  return /*#__PURE__*/React.createElement(_CommonStyles.Menu, {
-    role: "menu",
-    "aria-labelledby": "UserMenuButton"
-  }, /*#__PURE__*/React.createElement(FirstRowLayout, null, /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_Actions.default, {
-    actions: actionList,
-    firstName: firstName,
-    lastName: lastName,
-    isInMobileMenu: true,
-    useUserMenu: false,
-    setShowUserMenu: function setShowUserMenu() {}
-  })), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_ExitMenuButton.default, {
-    closeMenu: clickMenuAction
-  }))), /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (no) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: no.label,
-      onClick: function onClick() {
-        return clickMenuAction();
-      }
-    }, /*#__PURE__*/React.createElement(_CommonStyles.MenuLink, {
-      to: no.to,
-      role: "menuitem"
-    }, /*#__PURE__*/React.createElement("div", null, no.label)));
-  }))));
-};
-
-MobileActionMenu.propTypes = {
-  name: _propTypes.default.string.isRequired,
-  mainNavLabel: _propTypes.default.string,
-  navigationOptions: _propTypes.default.array,
-  clickMenuAction: _propTypes.default.func.isRequired,
-  firstName: _propTypes.default.string,
-  lastName: _propTypes.default.string
-};
-var _default = MobileActionMenu;
-exports.default = _default;
-//# sourceMappingURL=MobileActionMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileActionMenu.tsx"],"names":["FirstRowLayout","RowLayout","MobileActionMenu","clickMenuAction","navigationOptions","firstName","lastName","actionList","map","no","label","to","name","mainNavLabel"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,cAAc,GAAG,+BAAOC,uBAAP,CAAH,2FAApB;;AAeA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAoF;AAAA,MAAjFC,eAAiF,QAAjFA,eAAiF;AAAA,MAAhEC,iBAAgE,QAAhEA,iBAAgE;AAAA,MAA7CC,SAA6C,QAA7CA,SAA6C;AAAA,MAAlCC,QAAkC,QAAlCA,QAAkC;AAAA,MAAxBC,UAAwB,QAAxBA,UAAwB;AAC3G,sBACE,oBAAC,kBAAD;AAAM,IAAA,IAAI,EAAC,MAAX;AAAkB,uBAAgB;AAAlC,kBACE,oBAAC,cAAD,qBACE,uDACE,oBAAC,gBAAD;AAAS,IAAA,OAAO,EAAEA,UAAlB;AAA8B,IAAA,SAAS,EAAEF,SAAzC;AAAoD,IAAA,QAAQ,EAAEC,QAA9D;AAAwE,IAAA,cAAc,EAAE,IAAxF;AAA8F,IAAA,WAAW,EAAE,KAA3G;AAAkH,IAAA,eAAe,EAAE,2BAAM,CAAE;AAA3I,IADF,CADF,eAIE,oBAAC,mBAAD,qBACE,oBAAC,uBAAD;AAAgB,IAAA,SAAS,EAAEH;AAA3B,IADF,CAJF,CADF,eASE,oBAAC,yBAAD,qBACE,oBAAC,6BAAD,QACGC,iBADH,aACGA,iBADH,uBACGA,iBAAiB,CAAEI,GAAnB,CAAuB,UAAAC,EAAE;AAAA,wBACxB;AAAI,MAAA,GAAG,EAAEA,EAAE,CAACC,KAAZ;AAAmB,MAAA,OAAO,EAAE;AAAA,eAAMP,eAAe,EAArB;AAAA;AAA5B,oBACE,oBAAC,sBAAD;AAAU,MAAA,EAAE,EAAEM,EAAE,CAACE,EAAjB;AAAqB,MAAA,IAAI,EAAC;AAA1B,oBACE,iCAAMF,EAAE,CAACC,KAAT,CADF,CADF,CADwB;AAAA,GAAzB,CADH,CADF,CATF,CADF;AAuBD,CAxBD;;;AAVEE,EAAAA,I;AACAC,EAAAA,Y;AACAT,EAAAA,iB;AAEAD,EAAAA,e;AACAE,EAAAA,S;AACAC,EAAAA,Q;;eA8BaJ,gB","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport { NavOption, ActionOptions } from '../../types';\r\nimport Actions from '../Actions';\r\nimport ExitMenuButton from './ExitMenuButton';\r\nimport { Menu, Right, MenuSection, MenuSectionList, MenuLink, RowLayout } from './CommonStyles';\r\n\r\nconst FirstRowLayout = styled(RowLayout)`\r\n  margin-top: 5px;\r\n`;\r\n\r\ntype Props = {\r\n  name: string;\r\n  mainNavLabel?: string;\r\n  navigationOptions?: NavOption[];\r\n  actions?: ActionOptions;\r\n  clickMenuAction: () => void;\r\n  firstName?: string;\r\n  lastName?: string;\r\n  actionList?: ActionOptions;\r\n};\r\n\r\nconst MobileActionMenu = ({ clickMenuAction, navigationOptions, firstName, lastName, actionList }: Props) => {\r\n  return (\r\n    <Menu role=\"menu\" aria-labelledby=\"UserMenuButton\">\r\n      <FirstRowLayout>\r\n        <>\r\n          <Actions actions={actionList} firstName={firstName} lastName={lastName} isInMobileMenu={true} useUserMenu={false} setShowUserMenu={() => {}} />\r\n        </>\r\n        <Right>\r\n          <ExitMenuButton closeMenu={clickMenuAction} />\r\n        </Right>\r\n      </FirstRowLayout>\r\n      <MenuSection>\r\n        <MenuSectionList>\r\n          {navigationOptions?.map(no => (\r\n            <li key={no.label} onClick={() => clickMenuAction()}>\r\n              <MenuLink to={no.to} role=\"menuitem\">\r\n                <div>{no.label}</div>\r\n              </MenuLink>\r\n            </li>\r\n          ))}\r\n        </MenuSectionList>\r\n      </MenuSection>\r\n    </Menu>\r\n  );\r\n};\r\n\r\nexport default MobileActionMenu;\r\n"],"file":"MobileActionMenu.js"}

package/dist/js/GlobalNavigationBar/mobile/MobileMenu.d.ts

@@ -1,27 +0,0 @@
-import { ActionOptions, NavButton, NavOption, UserMenuItem } from '../../types';
-declare type Props = {
-    name: string;
-    navigationOptions?: NavOption[];
-    secondaryNavigationOptions?: NavOption[];
-    secondaryButton?: NavButton;
-    actions?: ActionOptions;
-    clickMenuAction: () => void;
-    firstName: string;
-    lastName: string;
-    email: string;
-    signout?: (e: any) => void;
-    isAuthenticated?: boolean;
-    notifications?: NavOption[];
-    switcherAction?: () => void;
-    accountSection?: UserMenuItem[];
-    organizationSection?: UserMenuItem[];
-    supportSection?: UserMenuItem[];
-    accountMenuHeader: string;
-    signOutLabel: string;
-    organizationName: string;
-    useUserMenu: boolean | undefined;
-    showUserMenu: boolean;
-    setShowUserMenu: (show: boolean) => void;
-};
-declare const MobileMenu: ({ clickMenuAction, navigationOptions, actions, firstName, lastName, email, signout, notifications, accountSection, organizationSection, supportSection, switcherAction, accountMenuHeader, signOutLabel, organizationName, useUserMenu, showUserMenu, setShowUserMenu, }: Props) => JSX.Element;
-export default MobileMenu;

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

@@ -1,271 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../../styles");
-
-var _Actions = _interopRequireDefault(require("../Actions"));
-
-var _SystemIcons = require("../../icons/systemicons/SystemIcons");
-
-var _MobileActionMenu = _interopRequireDefault(require("./MobileActionMenu"));
-
-var _CommonStyles = require("./CommonStyles");
-
-var _reactRouterDom = require("react-router-dom");
-
-var _Switcher = require("../../Switcher");
-
-var _Avatar = _interopRequireWildcard(require("../Avatar"));
-
-var _MobileUserMenu = _interopRequireDefault(require("../UserMenu/MobileUserMenu"));
-
-var _Button = require("../../Button");
-
-var _assets = require("../../assets");
-
-var _typography = require("../../styles/typography");
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
-
-function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
-function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
-
-function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var SwitchButton = _styledComponents.default.span(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  \n  padding: 0;\n  border: 0;\n  margin: 0 auto 0 12px;\n  line-height: 48px;\n"])), (0, _typography.ComponentXSStyling)(_styles.ComponentTextStyle.Bold, _styles.COLORS.neutral_600));
-
-var BottomPinnedSection = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  position: absolute;\n  left: 0;\n  width: 100%;\n  bottom: 0;\n  border-top: 1px solid ", ";\n"])), _styles.COLORS.neutral_200);
-
-var FirstRowLayout = (0, _styledComponents.default)(_CommonStyles.RowLayout)(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-top: 10px;\n  padding: 12px;\n"])));
-var BottomRowLayout = (0, _styledComponents.default)(_CommonStyles.RowLayout)(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  margin: 8px auto 0 0;\n  width: 95%;\n  height: 48px;\n  ", " {\n    height: 56px;\n  }\n"])), _styles.BREAKPOINTS.SMALL);
-var StyledNavItem = (0, _styledComponents.default)(_Switcher.SwitcherMenuItem)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  padding: 0 0 0 20px;\n  margin: 0 2px;\n\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  ", "\n  text-decoration: none;\n\n  svg {\n    margin-right: 16px;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    width: 4px;\n    background-color: transparent;\n  }\n\n  &.active:not(.disabled) {\n    font-weight: bold;\n    &:after {\n      background-color: ", ";\n    }\n\n    color: ", ";\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &.disabled {\n    color: ", ";\n    background-color: ", ";\n  }\n\n  &:hover:not(.disabled) {\n    color: ", ";\n    background-color: ", ";\n\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:active:not(.disabled) {\n    color: ", ";\n    background-color: ", ";\n    box-shadow: none;\n    &:after {\n      background-color: ", ";\n    }\n    svg path {\n      fill: ", ";\n    }\n  }\n\n  &:focus:not(.disabled) {\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n    outline: none;\n  }\n"])), (0, _typography.ComponentMStyling)(_styles.ComponentTextStyle.Regular, _styles.COLORS.black), _styles.COLORS.primary_500, _styles.COLORS.primary_800, _styles.COLORS.primary_800, _styles.COLORS.neutral_300, _styles.COLORS.neutral_100, _styles.COLORS.primary_600, _styles.COLORS.primary_20, _styles.COLORS.primary_600, _styles.COLORS.primary_800, _styles.COLORS.primary_100, _styles.COLORS.primary_500, _styles.COLORS.primary_800, _styles.COLORS.primary_500);
-
-var SwitcherButton = _styledComponents.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  display: flex;\n  margin-left: auto;\n\n  line-height: 48px;\n  button:last-child {\n    margin: 0 !important;\n  }\n"])));
-
-var MobileMenu = function MobileMenu(_ref) {
-  var clickMenuAction = _ref.clickMenuAction,
-      navigationOptions = _ref.navigationOptions,
-      actions = _ref.actions,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      email = _ref.email,
-      signout = _ref.signout,
-      notifications = _ref.notifications,
-      accountSection = _ref.accountSection,
-      organizationSection = _ref.organizationSection,
-      supportSection = _ref.supportSection,
-      switcherAction = _ref.switcherAction,
-      accountMenuHeader = _ref.accountMenuHeader,
-      signOutLabel = _ref.signOutLabel,
-      organizationName = _ref.organizationName,
-      useUserMenu = _ref.useUserMenu,
-      showUserMenu = _ref.showUserMenu,
-      setShowUserMenu = _ref.setShowUserMenu;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showNotificationMenu = _React$useState2[0],
-      setShowNotificationMenu = _React$useState2[1];
-
-  var notificationMenuRef = React.useRef(null);
-  var userMenuRef = React.useRef(null);
-  var userRef = React.useRef(null);
-  var location = (0, _reactRouterDom.useLocation)();
-
-  if (actions !== null && actions !== void 0 && actions.user) {
-    actions.user = function () {
-      return setShowUserMenu(true);
-    };
-  }
-
-  if (actions !== null && actions !== void 0 && actions.notification) {
-    actions.notification = function () {
-      return setShowNotificationMenu(true);
-    };
-  }
-
-  var fireAction = function fireAction(action) {
-    var _ref$current;
-
-    var ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : undefined;
-    ref === null || ref === void 0 ? void 0 : (_ref$current = ref.current) === null || _ref$current === void 0 ? void 0 : _ref$current.blur();
-    !!action && action();
-  };
-
-  var isPressingEnter = function isPressingEnter(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  React.useEffect(function () {
-    clickMenuAction();
-  }, [location]);
-  return /*#__PURE__*/React.createElement(React.Fragment, null, (actions === null || actions === void 0 ? void 0 : actions.notification) && /*#__PURE__*/React.createElement(_CommonStyles.MenuWrapper, {
-    ref: notificationMenuRef,
-    className: showNotificationMenu ? 'open' : '',
-    isVisible: showNotificationMenu
-  }, /*#__PURE__*/React.createElement(_MobileActionMenu.default, {
-    name: "Notifications",
-    clickMenuAction: function clickMenuAction() {
-      return setShowNotificationMenu(false);
-    },
-    navigationOptions: notifications,
-    actionList: {
-      notification: function notification() {}
-    }
-  })), (actions === null || actions === void 0 ? void 0 : actions.user) && /*#__PURE__*/React.createElement(_CommonStyles.MenuWrapper, {
-    ref: userMenuRef,
-    className: showUserMenu ? 'open' : '',
-    isVisible: showUserMenu
-  }, /*#__PURE__*/React.createElement(_MobileUserMenu.default, {
-    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(_Avatar.AvatarContainer, {
-    id: "avatarContainer",
-    ref: userRef,
-    onClick: actions === null || actions === void 0 ? void 0 : actions.user,
-    onKeyDown: function onKeyDown(e) {
-      return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef) : null;
-    },
-    inMobileMenu: true,
-    hideOnLowWidth: false
-  }, /*#__PURE__*/React.createElement(_Avatar.default, {
-    size: 36,
-    firstName: firstName,
-    lastName: lastName,
-    color: _styles.COLORS.primary_500,
-    profileMenuLink: "#TODO"
-  })), (actions === null || actions === void 0 ? void 0 : actions.notification) && /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: false,
-    isInMobileMenu: true,
-    action: function action() {
-      return fireAction(actions === null || actions === void 0 ? void 0 : actions.notification);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.notification) : null;
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Notification, {
-    size: "24px"
-  })), /*#__PURE__*/React.createElement(_CommonStyles.Right, null, /*#__PURE__*/React.createElement(_Actions.default, {
-    actions: actions,
-    firstName: firstName,
-    lastName: lastName,
-    isInMobileMenu: true,
-    hideOnLowWidth: false,
-    useUserMenu: useUserMenu,
-    setShowUserMenu: setShowUserMenu
-  }), /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: "secondary",
-    shape: "circular",
-    action: function action() {
-      return clickMenuAction();
-    },
-    isInMobileMenu: true
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Close, {
-    size: "24px"
-  })))), /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (no) {
-    return /*#__PURE__*/React.createElement("li", {
-      key: no.label
-    }, /*#__PURE__*/React.createElement(StyledNavItem, {
-      as: _reactRouterDom.NavLink,
-      exact: no === null || no === void 0 ? void 0 : no.exact,
-      to: no.to,
-      onClick: function onClick() {
-        if (no !== null && no !== void 0 && no.onClick) {
-          no === null || no === void 0 ? void 0 : no.onClick();
-        }
-      }
-    }, no.label));
-  }))), /*#__PURE__*/React.createElement(BottomPinnedSection, null, /*#__PURE__*/React.createElement(_CommonStyles.MenuSection, {
-    style: {
-      padding: '0 12px 12px 12px',
-      margin: '0'
-    }
-  }, /*#__PURE__*/React.createElement(_CommonStyles.MenuSectionList, null, /*#__PURE__*/React.createElement(BottomRowLayout, null, /*#__PURE__*/React.createElement(_assets.LaerdalLogo, null), switcherAction && /*#__PURE__*/React.createElement(SwitcherButton, null, /*#__PURE__*/React.createElement(SwitchButton, {
-    onClick: function onClick() {
-      return switcherAction();
-    }
-  }, "Switch site"), ' ', /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: false,
-    isInMobileMenu: true,
-    id: "globalNavAppsButton",
-    action: function action() {
-      return switcherAction();
-    },
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? switcherAction() : null;
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.SwitchApp, {
-    size: "24px"
-  }))))))));
-};
-
-MobileMenu.propTypes = {
-  name: _propTypes.default.string.isRequired,
-  navigationOptions: _propTypes.default.array,
-  secondaryNavigationOptions: _propTypes.default.array,
-  clickMenuAction: _propTypes.default.func.isRequired,
-  firstName: _propTypes.default.string.isRequired,
-  lastName: _propTypes.default.string.isRequired,
-  email: _propTypes.default.string.isRequired,
-  signout: _propTypes.default.func,
-  isAuthenticated: _propTypes.default.bool,
-  notifications: _propTypes.default.array,
-  switcherAction: _propTypes.default.func,
-  accountSection: _propTypes.default.array,
-  organizationSection: _propTypes.default.array,
-  supportSection: _propTypes.default.array,
-  accountMenuHeader: _propTypes.default.string.isRequired,
-  signOutLabel: _propTypes.default.string.isRequired,
-  organizationName: _propTypes.default.string.isRequired,
-  showUserMenu: _propTypes.default.bool.isRequired,
-  setShowUserMenu: _propTypes.default.func.isRequired
-};
-var _default = MobileMenu;
-exports.default = _default;
-//# sourceMappingURL=MobileMenu.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/GlobalNavigationBar/mobile/MobileMenu.tsx"],"names":["SwitchButton","styled","span","ComponentTextStyle","Bold","COLORS","neutral_600","BottomPinnedSection","div","neutral_200","FirstRowLayout","RowLayout","BottomRowLayout","BREAKPOINTS","SMALL","StyledNavItem","SwitcherMenuItem","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","React","useState","showNotificationMenu","setShowNotificationMenu","notificationMenuRef","useRef","userMenuRef","userRef","location","user","notification","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","useEffect","map","no","label","NavLink","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/js/HyperLink/HyperLink.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface HyperlinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    id: string;
-    variant: 'default' | 'inverted';
-    href: string;
-    disabled?: boolean;
-    margin?: string;
-    children?: any;
-    className?: string;
-}
-declare const HyperLink: React.FunctionComponent<HyperlinkProps>;
-export default HyperLink;

package/dist/js/HyperLink/HyperLink.js

@@ -1,68 +0,0 @@
-"use strict";
-
-function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styling = require("./styling");
-
-var _excluded = ["children", "target", "variant"];
-
-var _templateObject;
-
-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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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; }
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var StyledLink = _styledComponents.default.a(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  ", "\n  ", "\n"])), function (props) {
-  return props.variant === 'inverted' ? _styling.invertedStyle : _styling.defaultStyle;
-}, function (props) {
-  return props.margin ? "margin: ".concat(props.margin, ";") : '';
-});
-
-var HyperLink = function HyperLink(_ref) {
-  var children = _ref.children,
-      _ref$target = _ref.target,
-      target = _ref$target === void 0 ? '_blank' : _ref$target,
-      _ref$variant = _ref.variant,
-      variant = _ref$variant === void 0 ? 'default' : _ref$variant,
-      props = _objectWithoutProperties(_ref, _excluded);
-
-  return /*#__PURE__*/React.createElement(StyledLink, _extends({}, props, {
-    variant: variant,
-    target: target,
-    rel: "noopener noreferrer"
-  }), children);
-};
-
-HyperLink.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  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;
-//# sourceMappingURL=HyperLink.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/HyperLink/HyperLink.tsx"],"names":["StyledLink","styled","a","props","variant","invertedStyle","defaultStyle","margin","HyperLink","children","target","id","href","disabled","className"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,UAAU,GAAGC,0BAAOC,CAAV,wFAIZ,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,OAAN,KAAkB,UAAlB,GAA+BC,sBAA/B,GAA+CC,qBAA3D;AAAA,CAJY,EAKZ,UAACH,KAAD;AAAA,SAAYA,KAAK,CAACI,MAAN,qBAA0BJ,KAAK,CAACI,MAAhC,SAA4C,EAAxD;AAAA,CALY,CAAhB;;AAkBA,IAAMC,SAAkD,GAAG,SAArDA,SAAqD,OAAoF;AAAA,MAAjFC,QAAiF,QAAjFA,QAAiF;AAAA,yBAAvEC,MAAuE;AAAA,MAAvEA,MAAuE,4BAA9D,QAA8D;AAAA,0BAApDN,OAAoD;AAAA,MAApDA,OAAoD,6BAA1C,SAA0C;AAAA,MAA5BD,KAA4B;;AAC7I,sBACE,oBAAC,UAAD,eAAgBA,KAAhB;AAAuB,IAAA,OAAO,EAAEC,OAAhC;AAAyC,IAAA,MAAM,EAAEM,MAAjD;AAAyD,IAAA,GAAG,EAAC;AAA7D,MACGD,QADH,CADF;AAKD,CAND;;;AATEE,EAAAA,E;AACAP,EAAAA,O,4BAAS,S,EAAY,U;AACrBQ,EAAAA,I;AACAC,EAAAA,Q;AACAN,EAAAA,M;AACAE,EAAAA,Q;AACAK,EAAAA,S;;eAWaN,S","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/js/HyperLink/index.d.ts

@@ -1,3 +0,0 @@
-import HyperLink from './HyperLink';
-import { defaultStyle as HyperLinkDefaultStyling, invertedStyle as HyperLinkInvertedStyling } from './styling';
-export { HyperLink, HyperLinkInvertedStyling, HyperLinkDefaultStyling };

package/dist/js/HyperLink/index.js

@@ -1,30 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "HyperLink", {
-  enumerable: true,
-  get: function get() {
-    return _HyperLink.default;
-  }
-});
-Object.defineProperty(exports, "HyperLinkDefaultStyling", {
-  enumerable: true,
-  get: function get() {
-    return _styling.defaultStyle;
-  }
-});
-Object.defineProperty(exports, "HyperLinkInvertedStyling", {
-  enumerable: true,
-  get: function get() {
-    return _styling.invertedStyle;
-  }
-});
-
-var _HyperLink = _interopRequireDefault(require("./HyperLink"));
-
-var _styling = require("./styling");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/HyperLink/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA","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"}