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

package/dist/js/Footer/Components/FooterTop.js

@@ -1,84 +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 _animatedScrollTo = _interopRequireDefault(require("animated-scroll-to"));
-
-var _styles = require("../../styles");
-
-var _Logo = _interopRequireDefault(require("../../GlobalNavigationBar/Logo"));
-
-var _SystemIcons = require("../../icons/systemicons/SystemIcons");
-
-var _typography = require("../../styles/typography");
-
-var _templateObject, _templateObject2;
-
-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 FooterTopSection = _styledComponents.default.section(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n"])));
-
-var ToTop = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ", "\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n\n  &:focus:not(:disabled) {\n    outline: none;\n    box-shadow: 0px 0px 8px ", ", 0px 4px 12px rgba(46, 127, 161, 0.25);\n  }\n\n  &:active:not(:disabled) {\n    background: ", ";\n    box-shadow: none;\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n"])), (0, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.UppercaseBold, 'inherit'), _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.COLORS.primary_700, _styles.COLORS.primary_500, _styles.COLORS.primary_100, _styles.COLORS.primary_800, _styles.COLORS.primary_800);
-
-var FooterTop = function FooterTop(_ref) {
-  var sitename = _ref.sitename,
-      showBetaTag = _ref.showBetaTag,
-      toTopText = _ref.toTopText;
-
-  var isPressingEnter = function isPressingEnter(e) {
-    if (e.key === 'Enter') {
-      e.preventDefault();
-      e.stopPropagation();
-      return true;
-    }
-
-    return false;
-  };
-
-  var action = function action() {
-    (0, _animatedScrollTo.default)(0);
-  };
-
-  return /*#__PURE__*/React.createElement(FooterTopSection, null, /*#__PURE__*/React.createElement(_Logo.default, {
-    name: sitename || '',
-    showBetaTag: showBetaTag,
-    color: _styles.COLORS.white,
-    betaTagBackgroundColor: _styles.COLORS.white,
-    betaTagColor: _styles.COLORS.neutral_800
-  }), /*#__PURE__*/React.createElement(ToTop, {
-    tabIndex: 0,
-    onKeyDown: function onKeyDown(e) {
-      return isPressingEnter(e) ? action() : null;
-    },
-    onClick: action
-  }, /*#__PURE__*/React.createElement(_SystemIcons.ArrowLineUp, {
-    size: "24px",
-    color: _styles.COLORS.white
-  }), /*#__PURE__*/React.createElement("span", null, toTopText)));
-};
-
-FooterTop.propTypes = {
-  sitename: _propTypes.default.string,
-  showBetaTag: _propTypes.default.bool,
-  toTopText: _propTypes.default.string.isRequired
-};
-var _default = FooterTop;
-exports.default = _default;
-//# sourceMappingURL=FooterTop.js.map

package/dist/js/Footer/Components/FooterTop.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../../src/Footer/Components/FooterTop.tsx"],"names":["FooterTopSection","styled","section","ToTop","div","ComponentTextStyle","UppercaseBold","COLORS","primary_20","primary_700","primary_500","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","white","neutral_800"],"mappings":";;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAGC,0BAAOC,OAAV,8KAAtB;;AAQA,IAAMC,KAAK,GAAGF,0BAAOG,GAAV,6yBAkBL,oCAAmBC,+BAAmBC,aAAtC,EAAqD,SAArD,CAlBK,EAsBaC,eAAOC,UAtBpB,EAyBGD,eAAOE,WAzBV,EA4BIF,eAAOE,WA5BX,EAkCmBF,eAAOG,WAlC1B,EAsCOH,eAAOI,WAtCd,EA0CGJ,eAAOK,WA1CV,EA6CIL,eAAOK,WA7CX,CAAX;;AAwDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;AAAA,MAAvDC,QAAuD,QAAvDA,QAAuD;AAAA,MAA7CC,WAA6C,QAA7CA,WAA6C;AAAA,MAAhCC,SAAgC,QAAhCA,SAAgC;;AAC1E,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;AAClC,QAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,MAAAA,CAAC,CAACE,cAAF;AACAF,MAAAA,CAAC,CAACG,eAAF;AACA,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GAPD;;AAQA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,mCAAgB,CAAhB;AACD,GAFD;;AAGA,sBACE,oBAAC,gBAAD,qBACE,oBAAC,aAAD;AACE,IAAA,IAAI,EAAER,QAAQ,IAAI,EADpB;AAEE,IAAA,WAAW,EAAEC,WAFf;AAGE,IAAA,KAAK,EAAER,eAAOgB,KAHhB;AAIE,IAAA,sBAAsB,EAAEhB,eAAOgB,KAJjC;AAKE,IAAA,YAAY,EAAEhB,eAAOiB;AALvB,IADF,eAQE,oBAAC,KAAD;AAAO,IAAA,QAAQ,EAAE,CAAjB;AAAoB,IAAA,SAAS,EAAE,mBAACN,CAAD;AAAA,aAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;AAAA,KAA/B;AAAmF,IAAA,OAAO,EAAEA;AAA5F,kBACE,oBAAC,wBAAD;AAAa,IAAA,IAAI,EAAC,MAAlB;AAAyB,IAAA,KAAK,EAAEf,eAAOgB;AAAvC,IADF,eAEE,kCAAOP,SAAP,CAFF,CARF,CADF;AAeD,CA3BD;;;AALEF,EAAAA,Q;AACAC,EAAAA,W;AACAC,EAAAA,S;;eAgCaH,S","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterTopSection = styled.section`\r\n  min-height: 8px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: row;\r\n  margin-bottom: 16px;\r\n`;\r\n\r\nconst ToTop = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: auto 0 auto auto;\r\n  border-radius: 4px;\r\n  height: 48px;\r\n  width: 48px;\r\n  padding: 8px;\r\n\r\n  svg {\r\n    margin: 0 auto;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  span {\r\n    margin: 14px auto 0 auto;\r\n    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\r\n  }\r\n\r\n  &:hover:not(:disabled) {\r\n    background-color: ${COLORS.primary_20};\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_700};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    outline: none;\r\n    box-shadow: 0px 0px 8px ${COLORS.primary_500}, 0px 4px 12px rgba(46, 127, 161, 0.25);\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${COLORS.primary_100};\r\n    box-shadow: none;\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterTopProps {\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  toTopText: string;\r\n}\r\n\r\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\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  const action = () => {\r\n    animateScrollTo(0);\r\n  };\r\n  return (\r\n    <FooterTopSection>\r\n      <Logo\r\n        name={sitename || ''}\r\n        showBetaTag={showBetaTag}\r\n        color={COLORS.white}\r\n        betaTagBackgroundColor={COLORS.white}\r\n        betaTagColor={COLORS.neutral_800}\r\n      />\r\n      <ToTop tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"file":"FooterTop.js"}

package/dist/js/Footer/Footer.d.ts

@@ -1,2 +0,0 @@
-declare const Footer: ({ children }: any) => JSX.Element;
-export default Footer;

package/dist/js/Footer/Footer.js

@@ -1,37 +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 React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-
-var _styles = require("../styles");
-
-var _templateObject, _templateObject2;
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var FooterContainer = _styledComponents.default.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n"])));
-
-var FooterGlobalContent = _styledComponents.default.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"])), _styles.COLORS.primary_700);
-
-var Footer = function Footer(_ref) {
-  var children = _ref.children;
-  return /*#__PURE__*/React.createElement(FooterContainer, null, children, /*#__PURE__*/React.createElement(FooterGlobalContent, null));
-};
-
-var _default = Footer;
-exports.default = _default;
-//# sourceMappingURL=Footer.js.map

package/dist/js/Footer/Footer.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Footer/Footer.tsx"],"names":["FooterContainer","styled","footer","FooterGlobalContent","section","COLORS","primary_700","Footer","children"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;AAEA,IAAMA,eAAe,GAAGC,0BAAOC,MAAV,4FAArB;;AAIA,IAAMC,mBAAmB,GAAGF,0BAAOG,OAAV,0IAEHC,eAAOC,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AACpC,sBACE,oBAAC,eAAD,QACGA,QADH,eAEE,oBAAC,mBAAD,OAFF,CADF;AAMD,CAPD;;eASeD,M","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS } from '../styles';\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n`;\r\n\r\nconst FooterGlobalContent = styled.section`\r\n  min-height: 8px;\r\n  background-color: ${COLORS.primary_700};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer>\r\n      {children}\r\n      <FooterGlobalContent />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"file":"Footer.js"}

package/dist/js/Footer/SiteFooter.d.ts

@@ -1,20 +0,0 @@
-/**
- * Import custom styles.
- */
-import { NavLink, NavOptions } from '../types';
-interface NewFooterProps {
-    id: string;
-    sitename?: string;
-    showBetaTag?: boolean;
-    bottomLinks?: NavLink[];
-    copyrightText?: string;
-    includeNewsletterAndSocialSection?: boolean;
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel?: string;
-    toTopText: string;
-    navOptions?: NavOptions;
-    placeholderEmailField?: string;
-    onNewsletterSignup?: (email: string) => void;
-}
-declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, }: NewFooterProps) => JSX.Element;
-export default SiteFooter;

package/dist/js/Footer/SiteFooter.js

@@ -1,86 +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 _FooterBottomLinks = _interopRequireDefault(require("./Components/FooterBottomLinks"));
-
-var _FooterTop = _interopRequireDefault(require("./Components/FooterTop"));
-
-var _FooterNewsletterAndSocialSection = _interopRequireDefault(require("./Components/FooterNewsletterAndSocialSection"));
-
-var _FooterNavSection = _interopRequireDefault(require("./Components/FooterNavSection"));
-
-var _styles = require("../styles");
-
-var _templateObject, _templateObject2;
-
-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 FooterContainer = _styledComponents.default.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding: 16px 16px;\n  \n  ", "{\n    padding: 24px 32px;\n  }\n  ", "{\n    padding: 24px 56px;\n  }\n  ", "{\n    padding: 32px 56px;\n  }\n"])), _styles.COLORS.neutral_800, _styles.COLORS.neutral_200, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.XLARGE);
-
-var FooterLine = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), _styles.COLORS.white, _styles.BREAKPOINTS.MEDIUM);
-
-var SiteFooter = function SiteFooter(_ref) {
-  var id = _ref.id,
-      sitename = _ref.sitename,
-      bottomLinks = _ref.bottomLinks,
-      showBetaTag = _ref.showBetaTag,
-      copyrightText = _ref.copyrightText,
-      toTopText = _ref.toTopText,
-      placeholderEmailField = _ref.placeholderEmailField,
-      includeNewsletterAndSocialSection = _ref.includeNewsletterAndSocialSection,
-      newsletterLabel = _ref.newsletterLabel,
-      navOptions = _ref.navOptions,
-      onNewsletterSignup = _ref.onNewsletterSignup;
-  return /*#__PURE__*/React.createElement(FooterContainer, {
-    id: id
-  }, /*#__PURE__*/React.createElement(_FooterTop.default, {
-    sitename: sitename,
-    showBetaTag: showBetaTag,
-    toTopText: toTopText
-  }), navOptions && /*#__PURE__*/React.createElement(_FooterNavSection.default, {
-    mainId: id,
-    navOptions: navOptions
-  }), /*#__PURE__*/React.createElement(FooterLine, null), includeNewsletterAndSocialSection && /*#__PURE__*/React.createElement(_FooterNewsletterAndSocialSection.default, {
-    placeholderEmail: placeholderEmailField,
-    actionOnNewsletterSignup: onNewsletterSignup,
-    newsletterLabel: newsletterLabel || ''
-  }), /*#__PURE__*/React.createElement(_FooterBottomLinks.default, {
-    bottomLinks: bottomLinks,
-    copyrightText: copyrightText
-  }));
-};
-
-SiteFooter.propTypes = {
-  id: _propTypes.default.string.isRequired,
-  sitename: _propTypes.default.string,
-  showBetaTag: _propTypes.default.bool,
-  bottomLinks: _propTypes.default.array,
-  copyrightText: _propTypes.default.string,
-  includeNewsletterAndSocialSection: _propTypes.default.bool,
-  actionOnNewsletterSignup: _propTypes.default.func,
-  newsletterLabel: _propTypes.default.string,
-  toTopText: _propTypes.default.string.isRequired,
-  placeholderEmailField: _propTypes.default.string,
-  onNewsletterSignup: _propTypes.default.func
-};
-var _default = SiteFooter;
-exports.default = _default;
-//# sourceMappingURL=SiteFooter.js.map

package/dist/js/Footer/SiteFooter.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Footer/SiteFooter.tsx"],"names":["FooterContainer","styled","footer","COLORS","neutral_800","neutral_200","BREAKPOINTS","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","actionOnNewsletterSignup"],"mappings":";;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAOA,IAAMA,eAAe,GAAGC,0BAAOC,MAAV,ySAECC,eAAOC,WAFR,EAGKD,eAAOE,WAHZ,EAOjBC,oBAAYC,MAPK,EAUjBD,oBAAYE,KAVK,EAajBF,oBAAYG,MAbK,CAArB;;AAiBA,IAAMC,UAAU,GAAGT,0BAAOU,GAAV,+JACUR,eAAOS,KADjB,EAGZN,oBAAYC,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAYG;AAAA,MAXpBC,EAWoB,QAXpBA,EAWoB;AAAA,MAVpBC,QAUoB,QAVpBA,QAUoB;AAAA,MATpBC,WASoB,QATpBA,WASoB;AAAA,MARpBC,WAQoB,QARpBA,WAQoB;AAAA,MAPpBC,aAOoB,QAPpBA,aAOoB;AAAA,MANpBC,SAMoB,QANpBA,SAMoB;AAAA,MALpBC,qBAKoB,QALpBA,qBAKoB;AAAA,MAJpBC,iCAIoB,QAJpBA,iCAIoB;AAAA,MAHpBC,eAGoB,QAHpBA,eAGoB;AAAA,MAFpBC,UAEoB,QAFpBA,UAEoB;AAAA,MADpBC,kBACoB,QADpBA,kBACoB;AACpB,sBACE,oBAAC,eAAD;AAAiB,IAAA,EAAE,EAAEV;AAArB,kBACE,oBAAC,kBAAD;AAAW,IAAA,QAAQ,EAAEC,QAArB;AAA+B,IAAA,WAAW,EAAEE,WAA5C;AAAyD,IAAA,SAAS,EAAEE;AAApE,IADF,EAEGI,UAAU,iBAAI,oBAAC,yBAAD;AAAkB,IAAA,MAAM,EAAET,EAA1B;AAA8B,IAAA,UAAU,EAAES;AAA1C,IAFjB,eAGE,oBAAC,UAAD,OAHF,EAIGF,iCAAiC,iBAChC,oBAAC,yCAAD;AAAkC,IAAA,gBAAgB,EAAED,qBAApD;AAA2E,IAAA,wBAAwB,EAAEI,kBAArG;AAAyH,IAAA,eAAe,EAAEF,eAAe,IAAI;AAA7J,IALJ,eAOE,oBAAC,0BAAD;AAAmB,IAAA,WAAW,EAAEN,WAAhC;AAA6C,IAAA,aAAa,EAAEE;AAA5D,IAPF,CADF;AAWD,CAxBD;;;AAdEJ,EAAAA,E;AACAC,EAAAA,Q;AACAE,EAAAA,W;AACAD,EAAAA,W;AACAE,EAAAA,a;AACAG,EAAAA,iC;AACAI,EAAAA,wB;AACAH,EAAAA,e;AACAH,EAAAA,S;AAEAC,EAAAA,qB;AACAI,EAAAA,kB;;eA6BaX,U","sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${COLORS.neutral_800};\r\n  border-top: 8px solid ${COLORS.neutral_200};\r\n\r\n  padding: 16px 16px;\r\n  \r\n  ${BREAKPOINTS.MEDIUM}{\r\n    padding: 24px 32px;\r\n  }\r\n  ${BREAKPOINTS.LARGE}{\r\n    padding: 24px 56px;\r\n  }\r\n  ${BREAKPOINTS.XLARGE}{\r\n    padding: 32px 56px;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${COLORS.white};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id}>\r\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n      <FooterLine />\r\n      {includeNewsletterAndSocialSection && (\r\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n      )}\r\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"file":"SiteFooter.js"}

package/dist/js/Footer/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Footer } from './Footer';
-export { default as SiteFooter } from './SiteFooter';

package/dist/js/Footer/index.js

@@ -1,24 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Footer", {
-  enumerable: true,
-  get: function get() {
-    return _Footer.default;
-  }
-});
-Object.defineProperty(exports, "SiteFooter", {
-  enumerable: true,
-  get: function get() {
-    return _SiteFooter.default;
-  }
-});
-
-var _Footer = _interopRequireDefault(require("./Footer"));
-
-var _SiteFooter = _interopRequireDefault(require("./SiteFooter"));
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-//# sourceMappingURL=index.js.map

package/dist/js/Footer/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/Footer/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA","sourcesContent":["export { default as Footer } from './Footer';\r\nexport { default as SiteFooter } from './SiteFooter';\r\n"],"file":"index.js"}

package/dist/js/GlobalNavigationBar/Actions.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-import { ActionOptions } from '../types';
-declare type Props = {
-    firstName?: string;
-    lastName?: string;
-    actions?: ActionOptions;
-    hideOnLowWidth?: boolean;
-    isInMobileMenu?: boolean;
-    setShowUserMenu: (open: boolean) => void;
-    useUserMenu: boolean | undefined;
-};
-declare const Actions: ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props) => React.ReactElement<Props>;
-export default Actions;

package/dist/js/GlobalNavigationBar/Actions.js

@@ -1,175 +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 _SystemIcons = require("../icons/systemicons/SystemIcons");
-
-var _Avatar = _interopRequireWildcard(require("./Avatar"));
-
-var _Button = require("../Button");
-
-var _typography = require("../styles/typography");
-
-var _templateObject, _templateObject2;
-
-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 MenuWrapper = _styledComponents.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  background-color: ", ";\n  display: flex;\n  height: 48px;\n\n  ", " {\n    height: ", ";\n  }\n  ", " {\n    height: ", ";\n  }\n"])), _styles.COLORS.white, _styles.BREAKPOINTS.SMALL, function (props) {
-  return props.isInMobileMenu ? '48px' : '56px';
-}, _styles.BREAKPOINTS.MEDIUM, function (props) {
-  return props.isInMobileMenu ? '48px' : '64px';
-});
-
-var HeaderItem = _styledComponents.default.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  ", "\n\n  padding: 0;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  position: relative;\n\n  button {\n    margin: 0;\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    position: absolute;\n    bottom: -1px;\n    left: 20px;\n    right: 20px;\n    height: 3px;\n    background-color: transparent;\n  }\n"])), (0, _typography.ComponentMStyling)(_typography.ComponentTextStyle.Regular, _styles.COLORS.black));
-
-var Actions = function Actions(_ref) {
-  var actions = _ref.actions,
-      firstName = _ref.firstName,
-      lastName = _ref.lastName,
-      hideOnLowWidth = _ref.hideOnLowWidth,
-      isInMobileMenu = _ref.isInMobileMenu,
-      setShowUserMenu = _ref.setShowUserMenu,
-      useUserMenu = _ref.useUserMenu;
-  var userRef = React.useRef(null);
-
-  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;
-  };
-
-  return /*#__PURE__*/React.createElement(MenuWrapper, {
-    isInMobileMenu: isInMobileMenu
-  }, /*#__PURE__*/React.createElement(HeaderItem, {
-    hideOnLowWidth: hideOnLowWidth || false,
-    inMobileMenu: isInMobileMenu
-  }, (actions === null || actions === void 0 ? void 0 : actions.search) && /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: hideOnLowWidth || false,
-    isInMobileMenu: isInMobileMenu,
-    action: function action() {
-      return fireAction(actions === null || actions === void 0 ? void 0 : actions.search);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.search) : null;
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Search, {
-    size: "24px"
-  })), (actions === null || actions === void 0 ? void 0 : actions.notification) && !isInMobileMenu && /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: hideOnLowWidth || false,
-    isInMobileMenu: isInMobileMenu,
-    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"
-  })), (actions === null || actions === void 0 ? void 0 : actions.language) && /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: hideOnLowWidth || false,
-    isInMobileMenu: isInMobileMenu,
-    action: function action() {
-      return fireAction(actions === null || actions === void 0 ? void 0 : actions.language);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.language) : null;
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.Language, {
-    size: "24px"
-  })), (actions === null || actions === void 0 ? void 0 : actions.settings) && /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: hideOnLowWidth || false,
-    isInMobileMenu: isInMobileMenu,
-    action: function action() {
-      return fireAction(actions === null || actions === void 0 ? void 0 : actions.settings);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.settings) : null;
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.GearSettings, {
-    size: "24px"
-  })), firstName && lastName && !isInMobileMenu && /*#__PURE__*/React.createElement(_Avatar.AvatarContainer, {
-    id: "avatarContainer",
-    "data-testid": "testAvatarContainer",
-    ref: userRef,
-    onClick: useUserMenu ? function () {
-      return setShowUserMenu(true);
-    } : function () {
-      return fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef);
-    },
-    onKeyDown: function onKeyDown(e) {
-      return isPressingEnter(e) ? useUserMenu ? setShowUserMenu(true) : fireAction(actions === null || actions === void 0 ? void 0 : actions.user, userRef) : null;
-    },
-    inMobileMenu: isInMobileMenu,
-    hideOnLowWidth: hideOnLowWidth
-  }, /*#__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.apps) && !isInMobileMenu && window.innerWidth > 731 && /*#__PURE__*/React.createElement(_Button.IconButton, {
-    variant: 'secondary',
-    shape: 'circular',
-    hideOnLowWidth: hideOnLowWidth || false,
-    isInMobileMenu: isInMobileMenu,
-    id: "globalNavAppsButton",
-    action: function action() {
-      return fireAction(actions === null || actions === void 0 ? void 0 : actions.apps);
-    },
-    onKeyPress: function onKeyPress(e) {
-      return isPressingEnter(e) ? fireAction(actions === null || actions === void 0 ? void 0 : actions.apps) : null;
-    }
-  }, /*#__PURE__*/React.createElement(_SystemIcons.SwitchApp, {
-    size: "24px"
-  }))));
-};
-
-Actions.propTypes = {
-  firstName: _propTypes.default.string,
-  lastName: _propTypes.default.string,
-  hideOnLowWidth: _propTypes.default.bool,
-  isInMobileMenu: _propTypes.default.bool,
-  setShowUserMenu: _propTypes.default.func.isRequired
-};
-var _default = Actions;
-exports.default = _default;
-//# sourceMappingURL=Actions.js.map

package/dist/js/GlobalNavigationBar/Actions.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../../src/GlobalNavigationBar/Actions.tsx"],"names":["MenuWrapper","styled","div","COLORS","white","BREAKPOINTS","SMALL","props","isInMobileMenu","MEDIUM","HeaderItem","ComponentTextStyle","Regular","black","Actions","actions","firstName","lastName","hideOnLowWidth","setShowUserMenu","useUserMenu","userRef","React","useRef","fireAction","action","ref","undefined","current","blur","isPressingEnter","e","key","preventDefault","stopPropagation","search","notification","language","settings","user","primary_500","apps","window","innerWidth"],"mappings":"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","sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS, BREAKPOINTS } from '../styles';\r\nimport { Search, GearSettings, Notification, Language, SwitchApp } from '../icons/systemicons/SystemIcons';\r\nimport Avatar, { AvatarContainer } from './Avatar';\r\nimport { ActionOptions } from '../types';\r\nimport {IconButton} from '../Button';\r\nimport { ComponentMStyling, ComponentTextStyle } from '../styles/typography';\r\n\r\nconst MenuWrapper = styled.div<{ isInMobileMenu?: boolean }>`\r\n  background-color: ${COLORS.white};\r\n  display: flex;\r\n  height: 48px;\r\n\r\n  ${BREAKPOINTS.SMALL} {\r\n    height: ${(props) => (props.isInMobileMenu ? '48px' : '56px')};\r\n  }\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    height: ${(props) => (props.isInMobileMenu ? '48px' : '64px')};\r\n  }\r\n`;\r\ninterface HeaderItemProps {\r\n  hideOnLowWidth: boolean;\r\n  inMobileMenu?: boolean;\r\n}\r\n\r\nconst HeaderItem = styled.div<HeaderItemProps>`\r\n  ${ComponentMStyling(ComponentTextStyle.Regular, COLORS.black)}\r\n\r\n  padding: 0;\r\n  display: flex;\r\n  align-items: center;\r\n  text-align: center;\r\n  position: relative;\r\n\r\n  button {\r\n    margin: 0;\r\n  }\r\n\r\n  &:after {\r\n    content: '';\r\n    display: block;\r\n    position: absolute;\r\n    bottom: -1px;\r\n    left: 20px;\r\n    right: 20px;\r\n    height: 3px;\r\n    background-color: transparent;\r\n  }\r\n`;\r\n\r\ntype Props = {\r\n  firstName?: string;\r\n  lastName?: string;\r\n  actions?: ActionOptions;\r\n  hideOnLowWidth?: boolean;\r\n  isInMobileMenu?: boolean;\r\n  setShowUserMenu: (open: boolean) => void;\r\n  useUserMenu: boolean | undefined;\r\n};\r\n\r\nconst Actions = ({ actions, firstName, lastName, hideOnLowWidth, isInMobileMenu, setShowUserMenu, useUserMenu }: Props): React.ReactElement<Props> => {\r\n  const userRef = React.useRef(null);\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  return (\r\n    <MenuWrapper isInMobileMenu={isInMobileMenu}>\r\n      <HeaderItem hideOnLowWidth={hideOnLowWidth || false} inMobileMenu={isInMobileMenu}>\r\n        {actions?.search && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.search)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.search) : null)}>\r\n              <Search size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.notification && !isInMobileMenu && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\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        {actions?.language && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.language)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.language) : null)}>\r\n              <Language size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {actions?.settings && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            action={() => fireAction(actions?.settings)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.settings) : null)}>\r\n              <GearSettings size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n        {firstName && lastName && !isInMobileMenu && (\r\n          <AvatarContainer\r\n            id=\"avatarContainer\"\r\n            data-testid=\"testAvatarContainer\"\r\n            ref={userRef}\r\n            onClick={useUserMenu ? () => setShowUserMenu(true) : () => fireAction(actions?.user, userRef)}\r\n            onKeyDown={(e: any) => (isPressingEnter(e) ? (useUserMenu ? setShowUserMenu(true) : fireAction(actions?.user, userRef)) : null)}\r\n            inMobileMenu={isInMobileMenu}\r\n            hideOnLowWidth={hideOnLowWidth}>\r\n            <Avatar size={36} firstName={firstName} lastName={lastName} color={COLORS.primary_500} profileMenuLink=\"#TODO\" />\r\n          </AvatarContainer>\r\n        )}\r\n        {actions?.apps && !isInMobileMenu && window.innerWidth > 731 && (\r\n          <IconButton\r\n            variant={'secondary'}\r\n            shape={'circular'}\r\n            hideOnLowWidth={hideOnLowWidth || false}\r\n            isInMobileMenu={isInMobileMenu}\r\n            id=\"globalNavAppsButton\"\r\n            action={() => fireAction(actions?.apps)}\r\n            onKeyPress={(e: any) => (isPressingEnter(e) ? fireAction(actions?.apps) : null)}>\r\n              <SwitchApp size=\"24px\" />\r\n          </IconButton>\r\n        )}\r\n      </HeaderItem>\r\n    </MenuWrapper>\r\n  );\r\n};\r\n\r\nexport default Actions;\r\n"],"file":"Actions.js"}

package/dist/js/GlobalNavigationBar/Avatar.d.ts

@@ -1,15 +0,0 @@
-export declare const AvatarContainer: import("styled-components").StyledComponent<"div", any, {
-    hideOnLowWidth?: boolean;
-    inMobileMenu?: boolean;
-    hidePadding?: boolean;
-}, never>;
-interface AvatarProps {
-    firstName: string;
-    lastName: string;
-    size: number;
-    color: string;
-    profileMenuLink: string;
-    useInteractionStyling?: boolean;
-}
-declare const Avatar: ({ firstName, lastName, size, color, useInteractionStyling }: AvatarProps) => JSX.Element;
-export default Avatar;

package/dist/js/GlobalNavigationBar/Avatar.js

@@ -1,101 +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 = exports.AvatarContainer = void 0;
-
-var _propTypes = _interopRequireDefault(require("prop-types"));
-
-var React = _interopRequireWildcard(require("react"));
-
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-
-var _styles = require("../styles");
-
-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 _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-var LinkStyling = (0, _styledComponents.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"])), _styles.COLORS.primary_500, _styles.COLORS.primary);
-var ImageStyling = (0, _styledComponents.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background: ", ";\n  }\n"])), _styles.COLORS.primary_700, _styles.COLORS.primary_800);
-
-var AvatarLink = _styledComponents.default.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 = _styledComponents.default.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 = _styledComponents.default.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;
-});
-
-var AvatarContainer = _styledComponents.default.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';
-}, _styles.BREAKPOINTS.MEDIUM, function (props) {
-  return !props.hidePadding ? 'padding: 6px;' : '';
-});
-
-exports.AvatarContainer = AvatarContainer;
-
-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__*/React.createElement(AvatarLink, {
-    size: size,
-    tabIndex: 0,
-    useInteractionStyling: useInteractionStyling,
-    onMouseDown: function onMouseDown(e) {
-      return e.preventDefault();
-    }
-  }, /*#__PURE__*/React.createElement(AvatarImage, {
-    size: size,
-    $color: color,
-    useInteractionStyling: useInteractionStyling
-  }, /*#__PURE__*/React.createElement(AvatarLetter, {
-    "data-hj-suppress": true,
-    size: size
-  }, firstName[0], lastName[0])));
-};
-
-Avatar.propTypes = {
-  firstName: _propTypes.default.string.isRequired,
-  lastName: _propTypes.default.string.isRequired,
-  size: _propTypes.default.number.isRequired,
-  color: _propTypes.default.string.isRequired,
-  profileMenuLink: _propTypes.default.string.isRequired,
-  useInteractionStyling: _propTypes.default.bool
-};
-var _default = Avatar;
-exports.default = _default;
-//# sourceMappingURL=Avatar.js.map