@laerdal/life-react-components 1.4.1-dev.2 → 1.4.1-dev.3

package/dist/GlobalNavigationBar/Avatar.js

@@ -1,80 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import * as React from 'react';
-import styled, { css } from 'styled-components';
-import { COLORS, BREAKPOINTS } from '../styles';
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import { jsx as _jsx } from "react/jsx-runtime";
-var LinkStyling = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  &:focus {\n    background: ", ";\n    outline: none;\n  }\n  &:focus-within {\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n  }\n"])), COLORS.primary_500, COLORS.primary);
-var ImageStyling = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background: ", ";\n  }\n"])), COLORS.primary_700, COLORS.primary_800);
-var AvatarLink = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  text-decoration: none;\n\n  ", ";\n  &:focus {\n    outline: none;\n  }\n  &:focus-within {\n    border-radius: ", ";\n  }\n"])), function (props) {
-  return props.useInteractionStyling ? LinkStyling : '';
-}, function (props) {
-  return props.useInteractionStyling ? "".concat(props.size ? props.size : 48, "px") : '';
-});
-var AvatarImage = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ", "px;\n  height: ", "px;\n  width: ", "px;\n  cursor: pointer;\n\n  ", ";\n"])), function (props) {
-  return props.$color;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.size ? props.size : 48;
-}, function (props) {
-  return props.useInteractionStyling ? ImageStyling : '';
-});
-var AvatarLetter = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  font-size: ", "px;\n  color: white;\n  font-weight: bold;\n  text-transform: uppercase;\n  display: inline-block;\n  line-height: ", "px;\n"])), function (props) {
-  return props.size / 2 - 2;
-}, function (props) {
-  return props.size ? props.size : 48;
-});
-export var AvatarContainer = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  flex-direction: column;\n  align-self: center;\n  margin-right: ", ";\n  margin-left: ", ";\n  display: ", ";\n\n  ", " {\n    display: flex;\n    ", ";\n  }\n"])), function (props) {
-  return props.inMobileMenu ? '6px' : '8px';
-}, function (props) {
-  return props.inMobileMenu ? '0' : 'auto';
-}, function (props) {
-  return props.hideOnLowWidth ? 'none' : 'flex';
-}, BREAKPOINTS.MEDIUM, function (props) {
-  return !props.hidePadding ? 'padding: 6px;' : '';
-});
-
-var Avatar = function Avatar(_ref) {
-  var firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      size = _ref.size,
-      color = _ref.color,
-      _ref$useInteractionSt = _ref.useInteractionStyling,
-      useInteractionStyling = _ref$useInteractionSt === void 0 ? true : _ref$useInteractionSt;
-  return /*#__PURE__*/_jsx(AvatarLink, {
-    size: size,
-    tabIndex: 0,
-    useInteractionStyling: useInteractionStyling,
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    },
-    children: /*#__PURE__*/_jsx(AvatarImage, {
-      size: size,
-      $color: color,
-      useInteractionStyling: useInteractionStyling,
-      children: /*#__PURE__*/_jsxs(AvatarLetter, {
-        "data-hj-suppress": true,
-        size: size,
-        children: [firstName[0], lastName[0]]
-      })
-    })
-  });
-};
-
-Avatar.propTypes = {
-  firstName: _pt.string.isRequired,
-  lastName: _pt.string.isRequired,
-  size: _pt.number.isRequired,
-  color: _pt.string.isRequired,
-  profileMenuLink: _pt.string.isRequired,
-  useInteractionStyling: _pt.bool
-};
-export default Avatar;
-//# sourceMappingURL=Avatar.js.map

package/dist/GlobalNavigationBar/Avatar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/Avatar.tsx"],"names":["React","styled","css","COLORS","BREAKPOINTS","LinkStyling","primary_500","primary","ImageStyling","primary_700","primary_800","AvatarLink","div","props","useInteractionStyling","size","AvatarImage","$color","AvatarLetter","AvatarContainer","inMobileMenu","hideOnLowWidth","MEDIUM","hidePadding","Avatar","firstName","lastName","color","e","preventDefault","profileMenuLink"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled, { css } from 'styled-components';\nimport { COLORS, BREAKPOINTS } from '../styles';\n\nconst LinkStyling = css`\n  &:focus {\n    background: ${COLORS.primary_500};\n    outline: none;\n  }\n  &:focus-within {\n    box-shadow: 0px 0px 8px ${COLORS.primary}, 0px 4px 12px rgba(46, 127, 161, 0.25);\n  }\n`;\n\nconst ImageStyling = css`\n  &:hover {\n    background-color: ${COLORS.primary_700};\n  }\n\n  &:active {\n    background: ${COLORS.primary_800};\n  }\n`;\n\nconst AvatarLink = styled.div<{ size: number; useInteractionStyling: boolean }>`\n  text-decoration: none;\n\n  ${(props) => (props.useInteractionStyling ? LinkStyling : '')};\n  &:focus {\n    outline: none;\n  }\n  &:focus-within {\n    border-radius: ${(props) => (props.useInteractionStyling ? `${props.size ? props.size : 48}px` : '')};\n  }\n`;\n\nconst AvatarImage = styled.div<{ size: number; $color: string; useInteractionStyling: boolean }>`\n  background-color: ${(props) => props.$color};\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: ${(props) => (props.size ? props.size : 48)}px;\n  height: ${(props) => (props.size ? props.size : 48)}px;\n  width: ${(props) => (props.size ? props.size : 48)}px;\n  cursor: pointer;\n\n  ${(props) => (props.useInteractionStyling ? ImageStyling : '')};\n`;\n\nconst AvatarLetter = styled.div<{ size: number }>`\n  font-size: ${(props) => props.size / 2 - 2}px;\n  color: white;\n  font-weight: bold;\n  text-transform: uppercase;\n  display: inline-block;\n  line-height: ${(props) => (props.size ? props.size : 48)}px;\n`;\n\nexport const AvatarContainer = styled.div<{ hideOnLowWidth?: boolean; inMobileMenu?: boolean; hidePadding?: boolean }>`\n  flex-direction: column;\n  align-self: center;\n  margin-right: ${(props) => (props.inMobileMenu ? '6px' : '8px')};\n  margin-left: ${(props) => (props.inMobileMenu ? '0' : 'auto')};\n  display: ${(props) => (props.hideOnLowWidth ? 'none' : 'flex')};\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: flex;\n    ${(props) => (!props.hidePadding ? 'padding: 6px;' : '')};\n  }\n`;\n\ninterface AvatarProps {\n  firstName: string;\n  lastName: string;\n  size: number;\n  color: string;\n  profileMenuLink: string;\n  useInteractionStyling?: boolean;\n}\n\nconst Avatar = ({ firstName, lastName, size, color, useInteractionStyling = true }: AvatarProps) => {\n  return (\n    <AvatarLink size={size} tabIndex={0} useInteractionStyling={useInteractionStyling} onMouseDown={(e: any) => e.preventDefault()}>\n      <AvatarImage size={size} $color={color} useInteractionStyling={useInteractionStyling}>\n        <AvatarLetter data-hj-suppress size={size}>\n          {firstName[0]}\n          {lastName[0]}\n        </AvatarLetter>\n      </AvatarImage>\n    </AvatarLink>\n  );\n};\n\nexport default Avatar;\n"],"file":"Avatar.js"}

package/dist/GlobalNavigationBar/ExtendedMainMenu.js

@@ -1,72 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import * as React from 'react';
-import styled, { keyframes } from 'styled-components';
-import { BREAKPOINTS, COLORS } from '../styles';
-import { VerticalTabs } from '../Tabs';
-import { Size } from '..';
-import { Z_INDEXES } from '../styles/z-indexes';
-import { jsx as _jsx } from "react/jsx-runtime";
-var flowDown = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n"])));
-var Menu = styled.ul(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ", ";\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ", " 0.2s ease-in-out;\n  animation: ", " 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ", ";\n\n  top: 12px;\n  ", " {\n    top: 18px;\n  }\n  ", " {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n"])), COLORS.white, flowDown, flowDown, Z_INDEXES.dropdown, BREAKPOINTS.SMALL, BREAKPOINTS.MEDIUM);
-var MenuSection = styled.li(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ", ";\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n"])), COLORS.neutral_100);
-var MenuSectionList = styled.ul(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n"])));
-
-var ExtendedMainMenu = function ExtendedMainMenu(_ref) {
-  var clickMenuAction = _ref.clickMenuAction,
-      navigationOptions = _ref.navigationOptions;
-
-  var _React$useState = React.useState([]),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      entries = _React$useState2[0],
-      setEntries = _React$useState2[1];
-
-  React.useEffect(function () {
-    function handleKeyPress(e) {
-      if (e.keyCode === 27) {
-        clickMenuAction();
-      }
-    }
-
-    document.addEventListener('keydown', handleKeyPress, false);
-    return function () {
-      document.removeEventListener('keydown', handleKeyPress, false);
-    };
-  }, [clickMenuAction]);
-  React.useEffect(function () {
-    var list = navigationOptions === null || navigationOptions === void 0 ? void 0 : navigationOptions.map(function (n) {
-      return {
-        requiredLine: n.label,
-        to: n.to,
-        disabled: n.disabled,
-        onClick: n.onClick,
-        exact: n.exact
-      };
-    });
-    setEntries(list);
-  }, [navigationOptions]);
-  return /*#__PURE__*/_jsx(Menu, {
-    onClick: clickMenuAction,
-    role: "menu",
-    "aria-labelledby": "UserMenuButton",
-    children: /*#__PURE__*/_jsx(MenuSection, {
-      children: /*#__PURE__*/_jsx(MenuSectionList, {
-        children: /*#__PURE__*/_jsx(VerticalTabs, {
-          entries: entries,
-          size: Size.Medium
-        }, "ExtendedMenu")
-      })
-    })
-  });
-};
-
-ExtendedMainMenu.propTypes = {
-  clickMenuAction: _pt.func.isRequired,
-  navigationOptions: _pt.array.isRequired
-};
-export default ExtendedMainMenu;
-//# sourceMappingURL=ExtendedMainMenu.js.map

package/dist/GlobalNavigationBar/ExtendedMainMenu.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/ExtendedMainMenu.tsx"],"names":["React","styled","keyframes","BREAKPOINTS","COLORS","VerticalTabs","Size","Z_INDEXES","flowDown","Menu","ul","white","dropdown","SMALL","MEDIUM","MenuSection","li","neutral_100","MenuSectionList","ExtendedMainMenu","clickMenuAction","navigationOptions","useState","entries","setEntries","useEffect","handleKeyPress","e","keyCode","document","addEventListener","removeEventListener","list","map","n","requiredLine","label","to","disabled","onClick","exact","Medium"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,IAAiBC,SAAjB,QAAkC,mBAAlC;AAGA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,WAApC;AACA,SAASC,YAAT,QAA6B,SAA7B;AAEA,SAASC,IAAT,QAAqB,IAArB;AACA,SAAQC,SAAR,QAAwB,qBAAxB;;AAEA,IAAMC,QAAQ,GAAGN,SAAH,qMAAd;AAWA,IAAMO,IAAI,GAAGR,MAAM,CAACS,EAAV,kiBAIYN,MAAM,CAACO,KAJnB,EASaH,QATb,EAUKA,QAVL,EAcGD,SAAS,CAACK,QAdb,EAiBNT,WAAW,CAACU,KAjBN,EAoBNV,WAAW,CAACW,MApBN,CAAV;AA6BA,IAAMC,WAAW,GAAGd,MAAM,CAACe,EAAV,sYAOCZ,MAAM,CAACa,WAPR,CAAjB;AAqBA,IAAMC,eAAe,GAAGjB,MAAM,CAACS,EAAV,+HAArB;;AAWA,IAAMS,gBAAgB,GAAG,SAAnBA,gBAAmB,OAAmD;AAAA,MAAhDC,eAAgD,QAAhDA,eAAgD;AAAA,MAA/BC,iBAA+B,QAA/BA,iBAA+B;;AAC1E,wBAA8BrB,KAAK,CAACsB,QAAN,CAAmC,EAAnC,CAA9B;AAAA;AAAA,MAAOC,OAAP;AAAA,MAAgBC,UAAhB;;AACAxB,EAAAA,KAAK,CAACyB,SAAN,CAAgB,YAAM;AACpB,aAASC,cAAT,CAAwBC,CAAxB,EAAgC;AAC9B,UAAIA,CAAC,CAACC,OAAF,KAAc,EAAlB,EAAsB;AACpBR,QAAAA,eAAe;AAChB;AACF;;AAEDS,IAAAA,QAAQ,CAACC,gBAAT,CAA0B,SAA1B,EAAqCJ,cAArC,EAAqD,KAArD;AACA,WAAO,YAAM;AACXG,MAAAA,QAAQ,CAACE,mBAAT,CAA6B,SAA7B,EAAwCL,cAAxC,EAAwD,KAAxD;AACD,KAFD;AAGD,GAXD,EAWG,CAACN,eAAD,CAXH;AAaApB,EAAAA,KAAK,CAACyB,SAAN,CAAgB,YAAM;AACpB,QAAMO,IAAI,GAAGX,iBAAH,aAAGA,iBAAH,uBAAGA,iBAAiB,CAAEY,GAAnB,CAAuB,UAAAC,CAAC,EAAI;AACvC,aAAO;AAAEC,QAAAA,YAAY,EAAED,CAAC,CAACE,KAAlB;AAAyBC,QAAAA,EAAE,EAAEH,CAAC,CAACG,EAA/B;AAAmCC,QAAAA,QAAQ,EAAEJ,CAAC,CAACI,QAA/C;AAAyDC,QAAAA,OAAO,EAAEL,CAAC,CAACK,OAApE;AAA6EC,QAAAA,KAAK,EAAEN,CAAC,CAACM;AAAtF,OAAP;AACD,KAFY,CAAb;AAGAhB,IAAAA,UAAU,CAACQ,IAAD,CAAV;AACD,GALD,EAKG,CAACX,iBAAD,CALH;AAOA,sBACE,KAAC,IAAD;AAAM,IAAA,OAAO,EAAED,eAAf;AAAgC,IAAA,IAAI,EAAC,MAArC;AAA4C,uBAAgB,gBAA5D;AAAA,2BACE,KAAC,WAAD;AAAA,6BACE,KAAC,eAAD;AAAA,+BACE,KAAC,YAAD;AAAiC,UAAA,OAAO,EAAEG,OAA1C;AAAmD,UAAA,IAAI,EAAEjB,IAAI,CAACmC;AAA9D,WAAkB,cAAlB;AADF;AADF;AADF,IADF;AASD,CA/BD;;;AAJErB,EAAAA,e;AACAC,EAAAA,iB;;AAoCF,eAAeF,gBAAf","sourcesContent":["import * as React from 'react';\nimport styled, { keyframes } from 'styled-components';\n\nimport { NavOption } from '../types';\nimport { BREAKPOINTS, COLORS } from '../styles';\nimport { VerticalTabs } from '../Tabs';\nimport { VerticalTabEntry } from '../Tabs/VerticalTabs';\nimport { Size } from '..';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst flowDown = keyframes`\n  0% {\n    opacity: 0;\n    transform: translateY(-10px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n`;\n\nconst Menu = styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0;\n  background-color: ${COLORS.white};\n  box-sizing: border-box;\n  display: none;\n  right: -8px;\n  min-width: 300px;\n  -webkit-animation: ${flowDown} 0.2s ease-in-out;\n  animation: ${flowDown} 0.2s ease-in-out;\n  position: absolute;\n  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.15);\n  border-radius: 4px;\n  z-index: ${Z_INDEXES.dropdown};\n\n  top: 12px;\n  ${BREAKPOINTS.SMALL} {\n    top: 18px;\n  }\n  ${BREAKPOINTS.MEDIUM} {\n    top: 24px;\n  }\n\n  .open & {\n    display: block;\n  }\n`;\n\nconst MenuSection = styled.li`\n  padding: 8px 0;\n  position: relative;\n\n  &:not(:first-of-type)::before {\n    content: '';\n    position: absolute;\n    background: ${COLORS.neutral_100};\n    height: 1px;\n    top: 0;\n    left: 16px;\n    right: 16px;\n  }\n\n  .disabled-link {\n    color: #21212150;\n    pointer-events: none;\n    key-events: none;\n  }\n`;\n\nconst MenuSectionList = styled.ul`\n  list-style: none;\n  margin: 0;\n  padding: 0 2px;\n`;\n\ntype Props = {\n  clickMenuAction: () => void;\n  navigationOptions: NavOption[];\n};\n\nconst ExtendedMainMenu = ({ clickMenuAction, navigationOptions }: Props) => {\n  const [entries, setEntries] = React.useState<VerticalTabEntry[]>([]);\n  React.useEffect(() => {\n    function handleKeyPress(e: any) {\n      if (e.keyCode === 27) {\n        clickMenuAction();\n      }\n    }\n\n    document.addEventListener('keydown', handleKeyPress, false);\n    return () => {\n      document.removeEventListener('keydown', handleKeyPress, false);\n    };\n  }, [clickMenuAction]);\n\n  React.useEffect(() => {\n    const list = navigationOptions?.map(n => {\n      return { requiredLine: n.label, to: n.to, disabled: n.disabled, onClick: n.onClick, exact: n.exact };\n    }) as VerticalTabEntry[];\n    setEntries(list);\n  }, [navigationOptions]);\n\n  return (\n    <Menu onClick={clickMenuAction} role=\"menu\" aria-labelledby=\"UserMenuButton\">\n      <MenuSection>\n        <MenuSectionList>\n          <VerticalTabs key=\"ExtendedMenu\" entries={entries} size={Size.Medium} />\n        </MenuSectionList>\n      </MenuSection>\n    </Menu>\n  );\n};\n\nexport default ExtendedMainMenu;\n"],"file":"ExtendedMainMenu.js"}

package/dist/GlobalNavigationBar/GlobalNavigationBar.js

@@ -1,267 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
-
-import * as React from 'react';
-import styled from 'styled-components';
-import Logo from './Logo';
-import MainMenu from './MainMenu';
-import Actions from './Actions';
-import { PageWidth } from '../Layouts';
-import { COLORS, BREAKPOINTS } from '../styles';
-import RightSideNav from './RightSideNav';
-import MobileMenu from './mobile/MobileMenu';
-import { Menu } from '../icons/systemicons/SystemIcons';
-import UserMenu from './UserMenu/UserMenu';
-import useClickOutside from '../hooks/useClickOutside';
-import { Menu as MobileMenuWrapper } from './mobile/CommonStyles';
-import { Z_INDEXES } from '../styles/z-indexes';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Fragment as _Fragment } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var HeaderWrapper = styled.header(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background: white;\n  border-bottom: 1px solid ", ";\n  \n  z-index: ", ";\n  position: relative;\n  \n  height: 48px;\n\n  ", " {\n    height: 56px;\n  }\n  ", " {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), COLORS.neutral_200, Z_INDEXES.sticky_menu, BREAKPOINTS.SMALL, BREAKPOINTS.MEDIUM);
-var RowLayout = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n"])));
-var RightSide = styled.div(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  display: flex;\n  margin: 0 0 0 auto;\n"])));
-var MenuWrapper = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background: rgba(0, 0, 0, 0.5);\n  display: ", ";\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow-y: hidden;\n  bottom: 0;\n  right: 0;\n  z-index: ", ";\n"])), function (props) {
-  return props.isVisible ? 'flex' : 'none';
-}, Z_INDEXES.backdrop);
-var UserMenuWrapper = styled.div(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  margin-left: ", ";\n  position: absolute;\n  right: ", ";\n  top: 56px;\n\n  &:focus-within,\n  &:hover,\n  &.open {\n    background: ", ";\n  }\n"])), COLORS.white, function (props) {
-  return props.floatRight ? 'auto' : 'unset';
-}, function (props) {
-  return props.offsetRight ? "".concat(window.innerWidth - props.offsetRight + 296, "px") : '10%';
-}, COLORS.white);
-var HamburgerButton = styled.button(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  border-width: 0;\n  background-color: ", ";\n  height: 48px;\n\n  ", " {\n    height: 56px;\n  }\n  ", " {\n    height: 64px;\n  }\n  &:hover {\n    cursor: pointer;\n  }\n\n  ", " {\n    display: none;\n  }\n"])), COLORS.white, BREAKPOINTS.SMALL, BREAKPOINTS.MEDIUM, BREAKPOINTS.MEDIUM);
-
-/**
- * @param props
- * @constructor
- * @description This component is a global navigation header bar
- */
-var GlobalNavigationBar = function GlobalNavigationBar(_ref) {
-  var _document2, _document2$getElement, _document2$getElement2;
-
-  var name = _ref.name,
-      mainNavigationOptions = _ref.mainNavigationOptions,
-      secondaryNavigationOptions = _ref.secondaryNavigationOptions,
-      secondaryButton = _ref.secondaryButton,
-      actions = _ref.actions,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      email = _ref.email,
-      organizationName = _ref.organizationName,
-      signout = _ref.signout,
-      isAuthenticated = _ref.isAuthenticated,
-      mobileActions = _ref.mobileActions,
-      notifications = _ref.notifications,
-      switcherAction = _ref.switcherAction,
-      _ref$reverseRightSide = _ref.reverseRightSideOrder,
-      reverseRightSideOrder = _ref$reverseRightSide === void 0 ? false : _ref$reverseRightSide,
-      showBetaTag = _ref.showBetaTag,
-      accountSection = _ref.accountSection,
-      organizationSection = _ref.organizationSection,
-      supportSection = _ref.supportSection,
-      accountMenuHeader = _ref.accountMenuHeader,
-      signOutLabel = _ref.signOutLabel,
-      useUserMenu = _ref.useUserMenu,
-      mainLogoTo = _ref.mainLogoTo,
-      trackLogoClick = _ref.trackLogoClick,
-      testId = _ref.testId,
-      _ref$useMaxWidth = _ref.useMaxWidth,
-      useMaxWidth = _ref$useMaxWidth === void 0 ? true : _ref$useMaxWidth;
-
-  var _React$useState = React.useState(false),
-      _React$useState2 = _slicedToArray(_React$useState, 2),
-      showMenu = _React$useState2[0],
-      setShowMenu = _React$useState2[1];
-
-  var _React$useState3 = React.useState(false),
-      _React$useState4 = _slicedToArray(_React$useState3, 2),
-      showUserMenu = _React$useState4[0],
-      setShowUserMenu = _React$useState4[1];
-
-  var _React$useState5 = React.useState(false),
-      _React$useState6 = _slicedToArray(_React$useState5, 2),
-      showMobileUserMenu = _React$useState6[0],
-      setShowMobileUserMenu = _React$useState6[1];
-
-  var menuRef = React.useRef(null);
-  var userMenuRef = React.useRef(null);
-  var rightSideRef = React.useRef(null);
-
-  var _React$useState7 = React.useState(0),
-      _React$useState8 = _slicedToArray(_React$useState7, 2),
-      avatarRight = _React$useState8[0],
-      setAvatarRight = _React$useState8[1];
-
-  var handleClickMenuAction = function handleClickMenuAction() {
-    setShowMenu(false);
-  };
-
-  useClickOutside(userMenuRef, function () {
-    return showUserMenu ? setShowUserMenu(false) : null;
-  });
-  useClickOutside(menuRef, function () {
-    if (showMenu) {
-      setShowMobileUserMenu(false);
-      setShowMenu(false);
-    }
-  });
-  React.useEffect(function () {
-    var handleResize = function handleResize() {
-      var _document, _document$getElementB, _document$getElementB2;
-
-      var right = (_document = document) === null || _document === void 0 ? void 0 : (_document$getElementB = _document.getElementById('avatarContainer')) === null || _document$getElementB === void 0 ? void 0 : (_document$getElementB2 = _document$getElementB.getBoundingClientRect()) === null || _document$getElementB2 === void 0 ? void 0 : _document$getElementB2.right;
-
-      if (right) {
-        setAvatarRight(right);
-      }
-    };
-
-    handleResize();
-    window.addEventListener('resize', handleResize);
-    return function () {
-      return window.removeEventListener('resize', handleResize);
-    }; // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [(_document2 = document) === null || _document2 === void 0 ? void 0 : (_document2$getElement = _document2.getElementById('avatarContainer')) === null || _document2$getElement === void 0 ? void 0 : (_document2$getElement2 = _document2$getElement.getBoundingClientRect()) === null || _document2$getElement2 === void 0 ? void 0 : _document2$getElement2.right]);
-  return /*#__PURE__*/_jsxs(_Fragment, {
-    children: [/*#__PURE__*/_jsx(HeaderWrapper, {
-      "data-testid": testId,
-      children: /*#__PURE__*/_jsx(PageWidth, {
-        useMaxWidth: useMaxWidth,
-        children: /*#__PURE__*/_jsxs(RowLayout, {
-          children: [/*#__PURE__*/_jsx(Logo, {
-            name: name || '',
-            showBetaTag: showBetaTag,
-            onClick: trackLogoClick,
-            to: mainLogoTo
-          }), isAuthenticated && /*#__PURE__*/_jsx(MainMenu, {
-            navigationOptions: mainNavigationOptions || [],
-            rightSideRef: rightSideRef
-          }), /*#__PURE__*/_jsxs(RightSide, {
-            className: "GlobalNavigationRightSide",
-            ref: rightSideRef,
-            children: [reverseRightSideOrder ? /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(Actions, {
-                actions: actions,
-                firstName: firstName || '',
-                lastName: lastName || '',
-                hideOnLowWidth: true,
-                useUserMenu: useUserMenu,
-                setShowUserMenu: setShowUserMenu
-              }), /*#__PURE__*/_jsx(RightSideNav, {
-                navigationOptions: secondaryNavigationOptions,
-                secondaryButton: secondaryButton
-              })]
-            }) : /*#__PURE__*/_jsxs(_Fragment, {
-              children: [/*#__PURE__*/_jsx(RightSideNav, {
-                navigationOptions: secondaryNavigationOptions,
-                secondaryButton: secondaryButton
-              }), /*#__PURE__*/_jsx(Actions, {
-                actions: actions,
-                firstName: firstName || '',
-                lastName: lastName || '',
-                hideOnLowWidth: true,
-                useUserMenu: useUserMenu,
-                setShowUserMenu: setShowUserMenu
-              })]
-            }), /*#__PURE__*/_jsx(HamburgerButton, {
-              onClick: function onClick() {
-                return setShowMenu(!showMenu);
-              },
-              hidden: !isAuthenticated,
-              children: /*#__PURE__*/_jsx(Menu, {
-                size: "24px"
-              })
-            })]
-          })]
-        })
-      })
-    }), /*#__PURE__*/_jsx(MenuWrapper, {
-      className: showMenu ? 'open' : 'closed',
-      isVisible: showMenu,
-      children: /*#__PURE__*/_jsx(MobileMenuWrapper, {
-        ref: menuRef,
-        onClick: function onClick() {},
-        role: "menu",
-        "aria-labelledby": "UserMenuButton",
-        children: /*#__PURE__*/_jsx(MobileMenu, {
-          name: name || '',
-          clickMenuAction: function clickMenuAction() {
-            setShowMobileUserMenu(false);
-            handleClickMenuAction();
-          },
-          navigationOptions: mainNavigationOptions || [],
-          secondaryNavigationOptions: secondaryNavigationOptions,
-          secondaryButton: secondaryButton,
-          firstName: firstName || '',
-          lastName: lastName || '',
-          email: email || '',
-          signout: signout,
-          notifications: notifications,
-          actions: mobileActions,
-          switcherAction: switcherAction,
-          isAuthenticated: isAuthenticated,
-          accountSection: accountSection || [],
-          organizationSection: organizationSection || [],
-          supportSection: supportSection || [],
-          accountMenuHeader: accountMenuHeader || '',
-          signOutLabel: signOutLabel || '',
-          organizationName: organizationName || '',
-          useUserMenu: useUserMenu,
-          showUserMenu: showMobileUserMenu,
-          setShowUserMenu: setShowMobileUserMenu
-        })
-      })
-    }), useUserMenu && /*#__PURE__*/_jsx(UserMenuWrapper, {
-      ref: userMenuRef,
-      className: showUserMenu ? 'open' : 'closed',
-      floatRight: false,
-      offsetRight: avatarRight,
-      "data-testid": "testUserMenuWrapper",
-      children: /*#__PURE__*/_jsx(UserMenu, {
-        firstName: firstName || '',
-        lastName: lastName || '',
-        email: email || '',
-        organizationName: organizationName || '',
-        clickMenuAction: function clickMenuAction() {
-          return setShowUserMenu(false);
-        },
-        accountSection: accountSection,
-        organizationSection: organizationSection,
-        supportSection: supportSection,
-        signOut: signout,
-        signOutLabel: signOutLabel || ''
-      })
-    })]
-  });
-};
-
-GlobalNavigationBar.propTypes = {
-  name: _pt.string,
-  mainNavigationOptions: _pt.array,
-  secondaryNavigationOptions: _pt.array,
-  firstName: _pt.string,
-  lastName: _pt.string,
-  email: _pt.string,
-  organizationName: _pt.string,
-  signout: _pt.func,
-  isAuthenticated: _pt.bool,
-  notifications: _pt.array,
-  switcherAction: _pt.func,
-  reverseRightSideOrder: _pt.bool,
-  showBetaTag: _pt.bool,
-  accountSection: _pt.array,
-  organizationSection: _pt.array,
-  supportSection: _pt.array,
-  accountMenuHeader: _pt.string,
-  signOutLabel: _pt.string,
-  useUserMenu: _pt.bool,
-  trackLogoClick: _pt.func,
-  mainLogoTo: _pt.string,
-  testId: _pt.string,
-  useMaxWidth: _pt.bool
-};
-export default GlobalNavigationBar;
-//# sourceMappingURL=GlobalNavigationBar.js.map

package/dist/GlobalNavigationBar/GlobalNavigationBar.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"names":["React","styled","Logo","MainMenu","Actions","PageWidth","COLORS","BREAKPOINTS","RightSideNav","MobileMenu","Menu","UserMenu","useClickOutside","MobileMenuWrapper","Z_INDEXES","HeaderWrapper","header","neutral_200","sticky_menu","SMALL","MEDIUM","RowLayout","div","RightSide","MenuWrapper","props","isVisible","backdrop","UserMenuWrapper","white","floatRight","offsetRight","window","innerWidth","HamburgerButton","button","GlobalNavigationBar","name","mainNavigationOptions","secondaryNavigationOptions","secondaryButton","actions","firstName","lastName","email","organizationName","signout","isAuthenticated","mobileActions","notifications","switcherAction","reverseRightSideOrder","showBetaTag","accountSection","organizationSection","supportSection","accountMenuHeader","signOutLabel","useUserMenu","mainLogoTo","trackLogoClick","testId","useMaxWidth","useState","showMenu","setShowMenu","showUserMenu","setShowUserMenu","showMobileUserMenu","setShowMobileUserMenu","menuRef","useRef","userMenuRef","rightSideRef","avatarRight","setAvatarRight","handleClickMenuAction","useEffect","handleResize","right","document","getElementById","getBoundingClientRect","addEventListener","removeEventListener"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport Logo from './Logo';\nimport MainMenu from './MainMenu';\nimport Actions from './Actions';\nimport { PageWidth } from '../Layouts';\nimport { COLORS, BREAKPOINTS } from '../styles';\nimport RightSideNav from './RightSideNav';\nimport { NavOption, NavButton, ActionOptions, UserMenuItem } from '../types';\nimport MobileMenu from './mobile/MobileMenu';\nimport { Menu } from '../icons/systemicons/SystemIcons';\nimport UserMenu from './UserMenu/UserMenu';\nimport useClickOutside from '../hooks/useClickOutside';\nimport { Menu as MobileMenuWrapper } from './mobile/CommonStyles';\nimport {Z_INDEXES} from '../styles/z-indexes';\n\nconst HeaderWrapper = styled.header`\n  background: white;\n  border-bottom: 1px solid ${COLORS.neutral_200};\n  \n  z-index: ${Z_INDEXES.sticky_menu};\n  position: relative;\n  \n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n  ${BREAKPOINTS.MEDIUM} {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n`;\n\nconst RowLayout = styled.div`\n  display: flex;\n`;\n\nconst RightSide = styled.div`\n  display: flex;\n  margin: 0 0 0 auto;\n`;\n\nconst MenuWrapper = styled.div<MenuWrapperProps>`\n  background: rgba(0, 0, 0, 0.5);\n  display: ${(props) => (props.isVisible ? 'flex' : 'none')};\n  position: fixed;\n  left: 0;\n  top: 0;\n  height: 100%;\n  width: 100%;\n  overflow-y: hidden;\n  bottom: 0;\n  right: 0;\n  z-index: ${Z_INDEXES.backdrop};\n`;\n\nconst UserMenuWrapper = styled.div<UserMenuWrapperProps>`\n  background-color: ${COLORS.white};\n  display: flex;\n  margin-left: ${(props) => (props.floatRight ? 'auto' : 'unset')};\n  position: absolute;\n  right: ${(props) => (props.offsetRight ? `${window.innerWidth - props.offsetRight + 296}px` : '10%')};\n  top: 56px;\n\n  &:focus-within,\n  &:hover,\n  &.open {\n    background: ${COLORS.white};\n  }\n`;\n\ninterface UserMenuWrapperProps {\n  floatRight: boolean;\n  offsetRight: number | null | undefined;\n}\n\nconst HamburgerButton = styled.button`\n  border-width: 0;\n  background-color: ${COLORS.white};\n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n  ${BREAKPOINTS.MEDIUM} {\n    height: 64px;\n  }\n  &:hover {\n    cursor: pointer;\n  }\n\n  ${BREAKPOINTS.MEDIUM} {\n    display: none;\n  }\n`;\n\ninterface MenuWrapperProps {\n  isVisible: boolean;\n}\n\ntype Props = {\n  name?: string;\n  mainNavigationOptions?: NavOption[];\n  secondaryNavigationOptions?: NavOption[];\n  secondaryButton?: NavButton;\n  actions?: ActionOptions;\n  firstName?: string;\n  lastName?: string;\n  email?: string;\n  organizationName?: string;\n  signout?: (e: any) => void;\n  isAuthenticated?: boolean;\n  mobileActions?: ActionOptions;\n  notifications?: NavOption[];\n  switcherAction?: () => void;\n  reverseRightSideOrder?: boolean;\n  showBetaTag?: boolean;\n  accountSection?: UserMenuItem[];\n  organizationSection?: UserMenuItem[];\n  supportSection?: UserMenuItem[];\n  accountMenuHeader?: string;\n  signOutLabel?: string;\n  useUserMenu?: boolean;\n  trackLogoClick?: () => void;\n  mainLogoTo?: string;\n  testId?: string;\n  useMaxWidth?: boolean;\n};\n\n/**\n * @param props\n * @constructor\n * @description This component is a global navigation header bar\n */\nconst GlobalNavigationBar = ({\n  name,\n  mainNavigationOptions,\n  secondaryNavigationOptions,\n  secondaryButton,\n  actions,\n  firstName,\n  lastName,\n  email,\n  organizationName,\n  signout,\n  isAuthenticated,\n  mobileActions,\n  notifications,\n  switcherAction,\n  reverseRightSideOrder = false,\n  showBetaTag,\n  accountSection,\n  organizationSection,\n  supportSection,\n  accountMenuHeader,\n  signOutLabel,\n  useUserMenu,\n  mainLogoTo,\n  trackLogoClick,\n  testId,\n  useMaxWidth = true,\n}: Props): React.ReactElement<Props> => {\n  const [showMenu, setShowMenu] = React.useState(false);\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\n  const [showMobileUserMenu, setShowMobileUserMenu] = React.useState<boolean>(false);\n  const menuRef = React.useRef(null);\n  const userMenuRef = React.useRef<HTMLDivElement>(null);\n  const rightSideRef = React.useRef(null);\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\n\n  const handleClickMenuAction = () => {\n    setShowMenu(false);\n  };\n\n  useClickOutside(userMenuRef, () => (showUserMenu ? setShowUserMenu(false) : null));\n  useClickOutside(menuRef, () => {\n    if (showMenu) {\n      setShowMobileUserMenu(false);\n      setShowMenu(false);\n    }\n  });\n\n  React.useEffect(() => {\n    const handleResize = () => {\n      const right = document?.getElementById('avatarContainer')?.getBoundingClientRect()?.right;\n      if (right) {\n        setAvatarRight(right);\n      }\n    };\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [document?.getElementById('avatarContainer')?.getBoundingClientRect()?.right]);\n\n  return (\n    <>\n      <HeaderWrapper data-testid={testId}>\n        <PageWidth useMaxWidth={useMaxWidth}>\n          <RowLayout>\n            <Logo name={name || ''} showBetaTag={showBetaTag} onClick={trackLogoClick} to={mainLogoTo} />\n            {isAuthenticated && <MainMenu navigationOptions={mainNavigationOptions || []} rightSideRef={rightSideRef} />}\n            <RightSide className=\"GlobalNavigationRightSide\" ref={rightSideRef}>\n              {reverseRightSideOrder ? (\n                <>\n                  <Actions\n                    actions={actions}\n                    firstName={firstName || ''}\n                    lastName={lastName || ''}\n                    hideOnLowWidth={true}\n                    useUserMenu={useUserMenu}\n                    setShowUserMenu={setShowUserMenu}\n                  />\n                  <RightSideNav navigationOptions={secondaryNavigationOptions} secondaryButton={secondaryButton} />\n                </>\n              ) : (\n                <>\n                  <RightSideNav navigationOptions={secondaryNavigationOptions} secondaryButton={secondaryButton} />\n                  <Actions\n                    actions={actions}\n                    firstName={firstName || ''}\n                    lastName={lastName || ''}\n                    hideOnLowWidth={true}\n                    useUserMenu={useUserMenu}\n                    setShowUserMenu={setShowUserMenu}\n                  />\n                </>\n              )}\n              <HamburgerButton onClick={() => setShowMenu(!showMenu)} hidden={!isAuthenticated}>\n                <Menu size=\"24px\" />\n              </HamburgerButton>\n            </RightSide>\n          </RowLayout>\n        </PageWidth>\n      </HeaderWrapper>\n      <MenuWrapper className={showMenu ? 'open' : 'closed'} isVisible={showMenu}>\n        <MobileMenuWrapper ref={menuRef} onClick={() => {}} role=\"menu\" aria-labelledby=\"UserMenuButton\">\n          <MobileMenu\n            name={name || ''}\n            clickMenuAction={() => {\n              setShowMobileUserMenu(false);\n              handleClickMenuAction();\n            }}\n            navigationOptions={mainNavigationOptions || []}\n            secondaryNavigationOptions={secondaryNavigationOptions}\n            secondaryButton={secondaryButton}\n            firstName={firstName || ''}\n            lastName={lastName || ''}\n            email={email || ''}\n            signout={signout}\n            notifications={notifications}\n            actions={mobileActions}\n            switcherAction={switcherAction}\n            isAuthenticated={isAuthenticated}\n            accountSection={accountSection || []}\n            organizationSection={organizationSection || []}\n            supportSection={supportSection || []}\n            accountMenuHeader={accountMenuHeader || ''}\n            signOutLabel={signOutLabel || ''}\n            organizationName={organizationName || ''}\n            useUserMenu={useUserMenu}\n            showUserMenu={showMobileUserMenu}\n            setShowUserMenu={setShowMobileUserMenu}\n          />\n        </MobileMenuWrapper>\n      </MenuWrapper>\n      {useUserMenu && (\n        <UserMenuWrapper ref={userMenuRef} className={showUserMenu ? 'open' : 'closed'} floatRight={false} offsetRight={avatarRight} data-testid=\"testUserMenuWrapper\">\n          <UserMenu\n            firstName={firstName || ''}\n            lastName={lastName || ''}\n            email={email || ''}\n            organizationName={organizationName || ''}\n            clickMenuAction={() => setShowUserMenu(false)}\n            accountSection={accountSection}\n            organizationSection={organizationSection}\n            supportSection={supportSection}\n            signOut={signout}\n            signOutLabel={signOutLabel || ''}\n          />\n        </UserMenuWrapper>\n      )}\n    </>\n  );\n};\n\nexport default GlobalNavigationBar;\n"],"file":"GlobalNavigationBar.js"}

package/dist/GlobalNavigationBar/Logo.js

@@ -1,76 +0,0 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-import _pt from "prop-types";
-
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-import * as React from 'react';
-import { Link } from 'react-router-dom';
-import styled from 'styled-components';
-import { LaerdalLogo, LaerdalWhiteLogo } from '../assets';
-import { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';
-import { ComponentMStyling, ComponentXSStyling } from '../styles/typography';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var StyledLink = styled(Link)(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  text-align: center;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  &:focus-within {\n    outline: none;\n  }\n  svg {\n    width: 66px;\n    height: 36px;\n    color: ", ";\n    ", " {\n      width: 88px;\n      height: 48px;\n    }\n  }\n"])), function (props) {
-  return props.$color;
-}, BREAKPOINTS.MEDIUM);
-var LogoContainer = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  height: 40px;\n  margin-right: 16px;\n  box-sizing: border-box;\n  padding: 24px 0;\n\n  ", " {\n    margin-top: 8px;\n    margin-bottom: 7px;\n  }\n\n  &:focus-within {\n    box-shadow: 0px 0px 8px #2e7fa1, 0px 4px 12px rgba(46, 127, 161, 0.25);\n    outline: none;\n  }\n"])), BREAKPOINTS.MEDIUM);
-var Name = styled.span(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: 8px;\n  padding-left: 8px;\n  border-left: 1px solid ", ";\n  letter-spacing: -0.02em;\n\n  ", "\n\n  font-weight: 300 !important;\n  line-height: 24px !important;\n\n  ", " {\n    margin-left: 12px;\n    padding-left: 12px;\n    ", "\n  }\n"])), function (props) {
-  return props.$color || COLORS.black;
-}, function (props) {
-  return props.noSizeChangeOnMobile ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.black) : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.black);
-}, BREAKPOINTS.MEDIUM, function (props) {
-  return ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.black);
-});
-var BetaTag = styled.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n  padding: 4px 8px;\n  margin-left: 8px;\n  margin-top: 2px;\n  border-left: none;\n  border-radius: 2px;\n\n  ", "\n"])), function (props) {
-  return props.backgroundColor || COLORS.accent2_500;
-}, function (props) {
-  return ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.white);
-});
-
-var Logo = function Logo(_ref) {
-  var name = _ref.name,
-      showBetaTag = _ref.showBetaTag,
-      _onClick = _ref.onClick,
-      to = _ref.to,
-      color = _ref.color,
-      noSizeChangeOnMobile = _ref.noSizeChangeOnMobile,
-      betaTagBackgroundColor = _ref.betaTagBackgroundColor,
-      betaTagColor = _ref.betaTagColor;
-  return /*#__PURE__*/_jsx(LogoContainer, {
-    children: /*#__PURE__*/_jsxs(StyledLink, {
-      to: to || '/',
-      onMouseDown: function onMouseDown(e) {
-        return e.preventDefault();
-      },
-      onClick: function onClick() {
-        if (_onClick) {
-          _onClick();
-        }
-      },
-      $color: color,
-      children: [color === COLORS.white ? /*#__PURE__*/_jsx(LaerdalWhiteLogo, {}) : /*#__PURE__*/_jsx(LaerdalLogo, {}), /*#__PURE__*/_jsx(Name, {
-        $color: color,
-        noSizeChangeOnMobile: noSizeChangeOnMobile || false,
-        children: name
-      }), showBetaTag && /*#__PURE__*/_jsx(BetaTag, {
-        backgroundColor: betaTagBackgroundColor,
-        $color: betaTagColor,
-        children: "BETA"
-      })]
-    })
-  });
-};
-
-Logo.propTypes = {
-  name: _pt.string.isRequired,
-  showBetaTag: _pt.bool,
-  onClick: _pt.func,
-  to: _pt.string,
-  color: _pt.string,
-  noSizeChangeOnMobile: _pt.bool,
-  betaTagBackgroundColor: _pt.string,
-  betaTagColor: _pt.string
-};
-export default Logo;
-//# sourceMappingURL=Logo.js.map

package/dist/GlobalNavigationBar/Logo.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/Logo.tsx"],"names":["React","Link","styled","LaerdalLogo","LaerdalWhiteLogo","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentMStyling","ComponentXSStyling","StyledLink","props","$color","MEDIUM","LogoContainer","div","Name","span","black","noSizeChangeOnMobile","Regular","BetaTag","backgroundColor","accent2_500","UppercaseBold","white","Logo","name","showBetaTag","onClick","to","color","betaTagBackgroundColor","betaTagColor","e","preventDefault"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAqB,kBAArB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,SAASC,WAAT,EAAsBC,gBAAtB,QAA8C,WAA9C;AACA,SAASC,WAAT,EAAsBC,MAAtB,EAA8BC,kBAA9B,QAAwD,WAAxD;AACA,SAASC,iBAAT,EAA4BC,kBAA5B,QAAsD,sBAAtD;;;AAEA,IAAMC,UAAU,GAAGR,MAAM,CAACD,IAAD,CAAT,iVAWH,UAACU,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAjB;AAAA,CAXG,EAYVP,WAAW,CAACQ,MAZF,CAAhB;AAmBA,IAAMC,aAAa,GAAGZ,MAAM,CAACa,GAAV,uYAQfV,WAAW,CAACQ,MARG,CAAnB;AAmBA,IAAMG,IAAI,GAAGd,MAAM,CAACe,IAAV,0UAGiB,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACC,MAAN,IAAgBN,MAAM,CAACY,KAAlC;AAAA,CAHjB,EAMN,UAACP,KAAD;AAAA,SACAA,KAAK,CAACQ,oBAAN,GACIX,iBAAiB,CAACD,kBAAkB,CAACa,OAApB,EAA6BT,KAAK,CAACC,MAAN,IAAgBN,MAAM,CAACY,KAApD,CADrB,GAEIT,kBAAkB,CAACF,kBAAkB,CAACa,OAApB,EAA6BT,KAAK,CAACC,MAAN,IAAgBN,MAAM,CAACY,KAApD,CAHtB;AAAA,CANM,EAcNb,WAAW,CAACQ,MAdN,EAiBJ,UAACF,KAAD;AAAA,SAAWH,iBAAiB,CAACD,kBAAkB,CAACa,OAApB,EAA6BT,KAAK,CAACC,MAAN,IAAgBN,MAAM,CAACY,KAApD,CAA5B;AAAA,CAjBI,CAAV;AAqBA,IAAMG,OAAO,GAAGnB,MAAM,CAACe,IAAV,0NACS,UAACN,KAAD;AAAA,SAAWA,KAAK,CAACW,eAAN,IAAyBhB,MAAM,CAACiB,WAA3C;AAAA,CADT,EAQT,UAACZ,KAAD;AAAA,SAAWF,kBAAkB,CAACF,kBAAkB,CAACiB,aAApB,EAAmCb,KAAK,CAACC,MAAN,IAAgBN,MAAM,CAACmB,KAA1D,CAA7B;AAAA,CARS,CAAb;;AAsBA,IAAMC,IAAI,GAAG,SAAPA,IAAO,OAAqJ;AAAA,MAAlJC,IAAkJ,QAAlJA,IAAkJ;AAAA,MAA5IC,WAA4I,QAA5IA,WAA4I;AAAA,MAA/HC,QAA+H,QAA/HA,OAA+H;AAAA,MAAtHC,EAAsH,QAAtHA,EAAsH;AAAA,MAAlHC,KAAkH,QAAlHA,KAAkH;AAAA,MAA3GZ,oBAA2G,QAA3GA,oBAA2G;AAAA,MAArFa,sBAAqF,QAArFA,sBAAqF;AAAA,MAA7DC,YAA6D,QAA7DA,YAA6D;AAChK,sBACE,KAAC,aAAD;AAAA,2BACE,MAAC,UAAD;AACE,MAAA,EAAE,EAAEH,EAAE,IAAI,GADZ;AAEE,MAAA,WAAW,EAAE,qBAACI,CAAD;AAAA,eAAYA,CAAC,CAACC,cAAF,EAAZ;AAAA,OAFf;AAGE,MAAA,OAAO,EAAE,mBAAM;AACb,YAAIN,QAAJ,EAAa;AACXA,UAAAA,QAAO;AACR;AACF,OAPH;AAQE,MAAA,MAAM,EAAEE,KARV;AAAA,iBASGA,KAAK,KAAKzB,MAAM,CAACmB,KAAjB,gBAAyB,KAAC,gBAAD,KAAzB,gBAAgD,KAAC,WAAD,KATnD,eAUE,KAAC,IAAD;AAAM,QAAA,MAAM,EAAEM,KAAd;AAAqB,QAAA,oBAAoB,EAAEZ,oBAAoB,IAAI,KAAnE;AAAA,kBACGQ;AADH,QAVF,EAaGC,WAAW,iBACV,KAAC,OAAD;AAAS,QAAA,eAAe,EAAEI,sBAA1B;AAAkD,QAAA,MAAM,EAAEC,YAA1D;AAAA;AAAA,QAdJ;AAAA;AADF,IADF;AAuBD,CAxBD;;;AAVEN,EAAAA,I;AACAC,EAAAA,W;AACAC,EAAAA,O;AACAC,EAAAA,E;AACAC,EAAAA,K;AACAZ,EAAAA,oB;AACAa,EAAAA,sB;AACAC,EAAAA,Y;;AA6BF,eAAeP,IAAf","sourcesContent":["import * as React from 'react';\nimport { Link } from 'react-router-dom';\nimport styled from 'styled-components';\nimport { LaerdalLogo, LaerdalWhiteLogo } from '../assets';\nimport { BREAKPOINTS, COLORS, ComponentTextStyle } from '../styles';\nimport { ComponentMStyling, ComponentXSStyling } from '../styles/typography';\n\nconst StyledLink = styled(Link)<{ $color?: string }>`\n  text-align: center;\n  text-decoration: none;\n  display: flex;\n  align-items: center;\n  &:focus-within {\n    outline: none;\n  }\n  svg {\n    width: 66px;\n    height: 36px;\n    color: ${(props) => props.$color};\n    ${BREAKPOINTS.MEDIUM} {\n      width: 88px;\n      height: 48px;\n    }\n  }\n`;\n\nconst LogoContainer = styled.div`\n  display: flex;\n  align-items: center;\n  height: 40px;\n  margin-right: 16px;\n  box-sizing: border-box;\n  padding: 24px 0;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin-top: 8px;\n    margin-bottom: 7px;\n  }\n\n  &:focus-within {\n    box-shadow: 0px 0px 8px #2e7fa1, 0px 4px 12px rgba(46, 127, 161, 0.25);\n    outline: none;\n  }\n`;\n\nconst Name = styled.span<{ $color?: string; noSizeChangeOnMobile: boolean }>`\n  margin-left: 8px;\n  padding-left: 8px;\n  border-left: 1px solid ${(props) => props.$color || COLORS.black};\n  letter-spacing: -0.02em;\n\n  ${(props) =>\n    props.noSizeChangeOnMobile\n      ? ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.black)\n      : ComponentXSStyling(ComponentTextStyle.Regular, props.$color || COLORS.black)}\n\n  font-weight: 300 !important;\n  line-height: 24px !important;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin-left: 12px;\n    padding-left: 12px;\n    ${(props) => ComponentMStyling(ComponentTextStyle.Regular, props.$color || COLORS.black)}\n  }\n`;\n\nconst BetaTag = styled.span<{ backgroundColor?: string; $color?: string }>`\n  background-color: ${(props) => props.backgroundColor || COLORS.accent2_500};\n  padding: 4px 8px;\n  margin-left: 8px;\n  margin-top: 2px;\n  border-left: none;\n  border-radius: 2px;\n\n  ${(props) => ComponentXSStyling(ComponentTextStyle.UppercaseBold, props.$color || COLORS.white)}\n`;\n\ntype LogoProps = {\n  name: string;\n  showBetaTag?: boolean;\n  onClick?: () => void;\n  to?: string;\n  color?: string;\n  noSizeChangeOnMobile?: boolean;\n  betaTagBackgroundColor?: string;\n  betaTagColor?: string;\n};\n\nconst Logo = ({ name, showBetaTag, onClick, to, color, noSizeChangeOnMobile, betaTagBackgroundColor, betaTagColor }: LogoProps): React.ReactElement<LogoProps> => {\n  return (\n    <LogoContainer>\n      <StyledLink\n        to={to || '/'}\n        onMouseDown={(e: any) => e.preventDefault()}\n        onClick={() => {\n          if (onClick) {\n            onClick();\n          }\n        }}\n        $color={color}>\n        {color === COLORS.white ? <LaerdalWhiteLogo /> : <LaerdalLogo />}\n        <Name $color={color} noSizeChangeOnMobile={noSizeChangeOnMobile || false}>\n          {name}\n        </Name>\n        {showBetaTag && (\n          <BetaTag backgroundColor={betaTagBackgroundColor} $color={betaTagColor}>\n            BETA\n          </BetaTag>\n        )}\n      </StyledLink>\n    </LogoContainer>\n  );\n};\n\nexport default Logo;\n"],"file":"Logo.js"}