@laerdal/life-react-components 5.0.9 → 6.0.0-dev.1

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNewsletterAndSocialSection.js","names":["React","styled","BREAKPOINTS","COLORS","invertedFocusStyles","TextField","SystemIcons","IconButton","ComponentLStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","InputFieldStyling","jsx","_jsx","jsxs","_jsxs","NewsletterAndSocial","section","_templateObject","_taggedTemplateLiteral","MEDIUM","NewsletterEmailSection","div","_templateObject2","props","Regular","getColor","theme","NewsletterEmail","_templateObject3","NewsletterButton","button","_templateObject4","Bold","SocialMedia","_templateObject5","SocialMediaButtons","_templateObject6","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","_React$useState","useState","_React$useState2","_slicedToArray","emailInput","setEmailInput","children","id","withoutBorder","placeholder","value","onChange","onClick","e","target","href","rel","variant","action","tabIndex","Facebook","Twitter","Youtube","propTypes","_pt","func","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterNewsletterAndSocialSection.js","names":["React","styled","BREAKPOINTS","COLORS","invertedFocusStyles","TextField","SystemIcons","IconButton","ComponentLStyling","ComponentTextStyle","ComponentXSStyling","ComponentXXSStyling","InputFieldStyling","jsx","_jsx","jsxs","_jsxs","NewsletterAndSocial","section","MEDIUM","NewsletterEmailSection","div","props","Regular","getColor","theme","NewsletterEmail","NewsletterButton","button","Bold","SocialMedia","SocialMediaButtons","FooterNewsletterAndSocialSection","_ref","actionOnNewsletterSignup","newsletterLabel","placeholderEmail","emailInput","setEmailInput","useState","children","id","withoutBorder","placeholder","value","onChange","onClick","e","target","href","rel","variant","action","tabIndex","Facebook","Twitter","Youtube","propTypes","_pt","func","string","isRequired"],"sources":["../../../src/Footer/Components/FooterNewsletterAndSocialSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, focusStyles, invertedFocusStyles} from '../../styles';\r\nimport {TextField} from '../../InputFields';\r\nimport {SystemIcons} from '../../icons';\r\nimport {IconButton} from '../../Button';\r\nimport {\r\n  ComponentLStyling,\r\n  ComponentTextStyle,\r\n  ComponentXSStyling,\r\n  ComponentXXSStyling\r\n} from '../../styles';\r\nimport {InputFieldStyling} from '../../InputFields';\r\n\r\nconst NewsletterAndSocial = styled.section`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmailSection = styled.div`\r\n  width: 100%;\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 60%;\r\n    margin: 16px 0 0 0;\r\n  }\r\n\r\n  label {\r\n    ${props => ComponentXXSStyling(ComponentTextStyle.Regular, COLORS.getColor('white', props.theme))}\r\n    margin-bottom: 2px;\r\n  }\r\n  div div {\r\n    width: 100%;\r\n    ${BREAKPOINTS.MEDIUM} {\r\n      width: calc(100% - 82px);\r\n      width: 288px;\r\n    }\r\n  }\r\n  input {\r\n    height: 48px;\r\n  }\r\n`;\r\n\r\nconst NewsletterEmail = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 2px auto 0;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 2px 0 0 0;\r\n    flex-direction: row;\r\n  }\r\n\r\n  ${InputFieldStyling} {\r\n    &.focus-visible {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n`;\r\n\r\nconst NewsletterButton = styled.button`\r\n  background: transparent;\r\n  width: 100%;\r\n  height: 40px;\r\n  border: 2px solid ${props => COLORS.getColor('white', props.theme)};\r\n  box-sizing: border-box;\r\n  border-radius: 8px;\r\n  margin: 8px 0 4px 0;\r\n\r\n  ${props => ComponentLStyling(ComponentTextStyle.Bold, COLORS.getColor('white', props.theme))}\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    width: 94px;\r\n    margin: auto 0 4px 8px;\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n  \r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n`;\r\n\r\nconst SocialMedia = styled.div`\r\n  color: ${props => COLORS.getColor('white', props.theme)};\r\n  margin: 0 auto;\r\n\r\n  button div {\r\n    box-sizing: border-box;\r\n    border-radius: 4px;\r\n  }\r\n\r\n  h4 {\r\n    margin-top: 16px;\r\n    margin-bottom: 8px;\r\n    \r\n    ${ComponentXSStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: 0 0 0 auto;\r\n    button {\r\n      margin: 0 0 0 12px;\r\n    }\r\n  }\r\n`;\r\n\r\nconst SocialMediaButtons = styled.div`\r\n  display: flex;\r\n  justify-content: center;\r\n\r\n  button div {\r\n    display: flex;\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n    margin: 0 0 0 20px;\r\n\r\n    svg {\r\n      fill: ${props => COLORS.getColor('white', props.theme)};\r\n      path {\r\n        fill: ${props => COLORS.getColor('white', props.theme)};\r\n      }\r\n    }\r\n\r\n    &:first-child {\r\n      margin: 0;\r\n    }\r\n    &:hover {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n    }\r\n    &:active {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    }\r\n  }\r\n  a {\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n  }\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    justify-content: flex-end;\r\n  }\r\n`;\r\n\r\ninterface FooterNewsletterAndSocialSection {\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel: string;\r\n  placeholderEmail?: string;\r\n}\r\n\r\nconst FooterNewsletterAndSocialSection = ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => {\r\n  const [emailInput, setEmailInput] = React.useState<string>('');\r\n  return (\r\n    <NewsletterAndSocial>\r\n      <NewsletterEmailSection>\r\n        <label>{newsletterLabel}</label>\r\n        <NewsletterEmail>\r\n          <TextField id=\"NewsletterEmail\" withoutBorder={true} placeholder={placeholderEmail} value={emailInput} onChange={(value: string) => setEmailInput(value)} />\r\n          <NewsletterButton data-testid={'newsBtn'} onClick={(e: any) => actionOnNewsletterSignup && actionOnNewsletterSignup(e.target.value)}>Sign up</NewsletterButton>\r\n        </NewsletterEmail>\r\n      </NewsletterEmailSection>\r\n      <SocialMedia>\r\n        <h4>Follow us on social media</h4>\r\n        <SocialMediaButtons>\r\n          <a href=\"https://www.facebook.com/LaerdalMedical/\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Facebook />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://twitter.com/laerdalmedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Twitter />\r\n            </IconButton>\r\n          </a>\r\n          <a href=\"https://www.youtube.com/user/LaerdalMedical\" target=\"_blank\" rel=\"noreferrer noopener\">\r\n            <IconButton variant=\"secondary\" action={() => {}} tabIndex={-1}>\r\n              <SystemIcons.Youtube />\r\n            </IconButton>\r\n          </a>\r\n        </SocialMediaButtons>\r\n      </SocialMedia>\r\n    </NewsletterAndSocial>\r\n  );\r\n};\r\n\r\nexport default FooterNewsletterAndSocialSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterTop.cjs

@@ -1,12 +1,10 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.default = void 0;
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireWildcard(require("styled-components"));
@@ -15,29 +13,70 @@ var _styles = require("../../styles");
 var _Logo = _interopRequireDefault(require("../../GlobalNavigationBar/Logo"));
 var _icons = require("../../icons");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FooterTopSection = _styledComponents["default"].section(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\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 = (0, _taggedTemplateLiteral2["default"])(["\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    ", "\n  }\n\n  &:active:not(:disabled) {\n    background: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n"])), (0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.UppercaseBold, 'inherit'), function (props) {
-  return _styles.COLORS.getColor('primary_20', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-}, _styles.invertedFocusStyles, function (props) {
-  return _styles.COLORS.getColor('primary_100', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_800', props.theme);
-}, function (props) {
-  return _styles.COLORS.getColor('primary_800', props.theme);
-});
-var FooterTop = function FooterTop(_ref) {
-  var sitename = _ref.sitename,
-    showBetaTag = _ref.showBetaTag,
-    toTopText = _ref.toTopText;
-  var theme = (0, _styledComponents.useTheme)();
-  var isPressingEnter = function isPressingEnter(e) {
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FooterTopSection = _styledComponents.default.section`
+  min-height: 8px;
+  color: white;
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+`;
+const ToTop = _styledComponents.default.div`
+  display: flex;
+  flex-direction: column;
+  margin: auto 0 auto auto;
+  border-radius: 4px;
+  height: 48px;
+  width: 48px;
+  padding: 8px;
+
+  svg {
+    margin: 0 auto;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+  span {
+    margin: 14px auto 0 auto;
+    ${(0, _styles.ComponentXSStyling)(_styles.ComponentTextStyle.UppercaseBold, 'inherit')}
+  }
+
+  &:hover:not(:disabled) {
+    background-color: ${props => _styles.COLORS.getColor('primary_20', props.theme)};
+    svg path,
+    svg {
+      fill: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    }
+    span {
+      color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+    }
+  }
+
+  &:focus:not(:disabled) {
+    ${_styles.invertedFocusStyles}
+  }
+
+  &:active:not(:disabled) {
+    background: ${props => _styles.COLORS.getColor('primary_100', props.theme)};
+    svg path,
+    svg {
+      fill: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    }
+    span {
+      color: ${props => _styles.COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+`;
+const FooterTop = _ref => {
+  let {
+    sitename,
+    showBetaTag,
+    toTopText
+  } = _ref;
+  const theme = (0, _styledComponents.useTheme)();
+  const isPressingEnter = e => {
     if (e.key === 'Enter') {
       e.preventDefault();
       e.stopPropagation();
@@ -45,11 +84,11 @@ var FooterTop = function FooterTop(_ref) {
     }
     return false;
   };
-  var action = function action() {
-    (0, _animatedScrollTo["default"])(0);
+  const action = () => {
+    (0, _animatedScrollTo.default)(0);
   };
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FooterTopSection, {
-    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo["default"], {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
       name: sitename || '',
       showBetaTag: showBetaTag,
       color: _styles.COLORS.getColor('white', theme),
@@ -59,9 +98,7 @@ var FooterTop = function FooterTop(_ref) {
     }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(ToTop, {
       "data-testid": 'toTopNavigation',
       tabIndex: 0,
-      onKeyDown: function onKeyDown(e) {
-        return isPressingEnter(e) ? action() : null;
-      },
+      onKeyDown: e => isPressingEnter(e) ? action() : null,
       onClick: action,
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.SystemIcons.ArrowLineUp, {
         size: "24px",
@@ -73,10 +110,9 @@ var FooterTop = function FooterTop(_ref) {
   });
 };
 FooterTop.propTypes = {
-  sitename: _propTypes["default"].string,
-  showBetaTag: _propTypes["default"].bool,
-  toTopText: _propTypes["default"].string.isRequired
+  sitename: _propTypes.default.string,
+  showBetaTag: _propTypes.default.bool,
+  toTopText: _propTypes.default.string.isRequired
 };
-var _default = FooterTop;
-exports["default"] = _default;
+var _default = exports.default = FooterTop;
 //# sourceMappingURL=FooterTop.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"FooterTop.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_animatedScrollTo","_interopRequireDefault","_styles","_Logo","_icons","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterTopSection","styled","section","_taggedTemplateLiteral2","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","props","COLORS","getColor","theme","invertedFocusStyles","FooterTop","_ref","sitename","showBetaTag","toTopText","useTheme","isPressingEnter","key","preventDefault","stopPropagation","action","animateScrollTo","jsxs","children","jsx","name","color","inverted","betaTagBackgroundColor","betaTagColor","tabIndex","onKeyDown","onClick","SystemIcons","ArrowLineUp","size","propTypes","_propTypes","string","bool","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS, invertedFocusStyles} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {SystemIcons} from '../../icons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\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 theme = useTheme();\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.getColor('white', theme)}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.getColor('white', theme)}\r\n        betaTagColor={COLORS.getColor('neutral_800', theme)}\r\n      />\r\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <SystemIcons.ArrowLineUp size=\"24px\" color={COLORS.getColor('white', theme)} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterTop.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_animatedScrollTo","_interopRequireDefault","_styles","_Logo","_icons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterTopSection","styled","section","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","props","COLORS","getColor","theme","invertedFocusStyles","FooterTop","_ref","sitename","showBetaTag","toTopText","useTheme","isPressingEnter","key","preventDefault","stopPropagation","action","animateScrollTo","jsxs","children","jsx","name","color","inverted","betaTagBackgroundColor","betaTagColor","tabIndex","onKeyDown","onClick","SystemIcons","ArrowLineUp","size","propTypes","_propTypes","string","bool","isRequired","_default","exports"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS, invertedFocusStyles} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {SystemIcons} from '../../icons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\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 theme = useTheme();\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.getColor('white', theme)}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.getColor('white', theme)}\r\n        betaTagColor={COLORS.getColor('neutral_800', theme)}\r\n      />\r\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <SystemIcons.ArrowLineUp size=\"24px\" color={COLORS.getColor('white', theme)} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Components/FooterTop.d.ts

@@ -1,8 +1,8 @@
-import * as React from 'react';
-interface FooterTopProps {
-    sitename?: string;
-    showBetaTag?: boolean;
-    toTopText: string;
-}
-declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => React.JSX.Element;
-export default FooterTop;
+import * as React from 'react';
+interface FooterTopProps {
+    sitename?: string;
+    showBetaTag?: boolean;
+    toTopText: string;
+}
+declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => React.JSX.Element;
+export default FooterTop;

package/dist/Footer/Components/FooterTop.js

@@ -1,6 +1,4 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-var _templateObject, _templateObject2;
 import * as React from 'react';
 import styled, { useTheme } from 'styled-components';
 import animateScrollTo from 'animated-scroll-to';
@@ -8,28 +6,69 @@ import { COLORS, invertedFocusStyles } from '../../styles';
 import Logo from '../../GlobalNavigationBar/Logo';
 import { SystemIcons } from '../../icons';
 import { ComponentTextStyle, ComponentXSStyling } from '../../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var FooterTopSection = styled.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 = styled.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    ", "\n  }\n\n  &:active:not(:disabled) {\n    background: ", ";\n    svg path,\n    svg {\n      fill: ", ";\n    }\n    span {\n      color: ", ";\n    }\n  }\n"])), ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit'), function (props) {
-  return COLORS.getColor('primary_20', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_700', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_700', props.theme);
-}, invertedFocusStyles, function (props) {
-  return COLORS.getColor('primary_100', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_800', props.theme);
-}, function (props) {
-  return COLORS.getColor('primary_800', props.theme);
-});
-var FooterTop = function FooterTop(_ref) {
-  var sitename = _ref.sitename,
-    showBetaTag = _ref.showBetaTag,
-    toTopText = _ref.toTopText;
-  var theme = useTheme();
-  var isPressingEnter = function isPressingEnter(e) {
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FooterTopSection = styled.section`
+  min-height: 8px;
+  color: white;
+  display: flex;
+  flex-direction: row;
+  margin-bottom: 16px;
+`;
+const ToTop = styled.div`
+  display: flex;
+  flex-direction: column;
+  margin: auto 0 auto auto;
+  border-radius: 4px;
+  height: 48px;
+  width: 48px;
+  padding: 8px;
+
+  svg {
+    margin: 0 auto;
+  }
+
+  &:hover {
+    cursor: pointer;
+  }
+  span {
+    margin: 14px auto 0 auto;
+    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}
+  }
+
+  &:hover:not(:disabled) {
+    background-color: ${props => COLORS.getColor('primary_20', props.theme)};
+    svg path,
+    svg {
+      fill: ${props => COLORS.getColor('primary_700', props.theme)};
+    }
+    span {
+      color: ${props => COLORS.getColor('primary_700', props.theme)};
+    }
+  }
+
+  &:focus:not(:disabled) {
+    ${invertedFocusStyles}
+  }
+
+  &:active:not(:disabled) {
+    background: ${props => COLORS.getColor('primary_100', props.theme)};
+    svg path,
+    svg {
+      fill: ${props => COLORS.getColor('primary_800', props.theme)};
+    }
+    span {
+      color: ${props => COLORS.getColor('primary_800', props.theme)};
+    }
+  }
+`;
+const FooterTop = _ref => {
+  let {
+    sitename,
+    showBetaTag,
+    toTopText
+  } = _ref;
+  const theme = useTheme();
+  const isPressingEnter = e => {
     if (e.key === 'Enter') {
       e.preventDefault();
       e.stopPropagation();
@@ -37,7 +76,7 @@ var FooterTop = function FooterTop(_ref) {
     }
     return false;
   };
-  var action = function action() {
+  const action = () => {
     animateScrollTo(0);
   };
   return /*#__PURE__*/_jsxs(FooterTopSection, {
@@ -51,9 +90,7 @@ var FooterTop = function FooterTop(_ref) {
     }), /*#__PURE__*/_jsxs(ToTop, {
       "data-testid": 'toTopNavigation',
       tabIndex: 0,
-      onKeyDown: function onKeyDown(e) {
-        return isPressingEnter(e) ? action() : null;
-      },
+      onKeyDown: e => isPressingEnter(e) ? action() : null,
       onClick: action,
       children: [/*#__PURE__*/_jsx(SystemIcons.ArrowLineUp, {
         size: "24px",

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

@@ -1 +1 @@
-{"version":3,"file":"FooterTop.js","names":["React","styled","useTheme","animateScrollTo","COLORS","invertedFocusStyles","Logo","SystemIcons","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterTopSection","section","_templateObject","_taggedTemplateLiteral","ToTop","div","_templateObject2","UppercaseBold","props","getColor","theme","FooterTop","_ref","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","children","name","color","inverted","betaTagBackgroundColor","betaTagColor","tabIndex","onKeyDown","onClick","ArrowLineUp","size","propTypes","_pt","string","bool","isRequired"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS, invertedFocusStyles} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {SystemIcons} from '../../icons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\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 theme = useTheme();\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.getColor('white', theme)}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.getColor('white', theme)}\r\n        betaTagColor={COLORS.getColor('neutral_800', theme)}\r\n      />\r\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <SystemIcons.ArrowLineUp size=\"24px\" color={COLORS.getColor('white', theme)} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"FooterTop.js","names":["React","styled","useTheme","animateScrollTo","COLORS","invertedFocusStyles","Logo","SystemIcons","ComponentTextStyle","ComponentXSStyling","jsx","_jsx","jsxs","_jsxs","FooterTopSection","section","ToTop","div","UppercaseBold","props","getColor","theme","FooterTop","_ref","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","children","name","color","inverted","betaTagBackgroundColor","betaTagColor","tabIndex","onKeyDown","onClick","ArrowLineUp","size","propTypes","_pt","string","bool","isRequired"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport animateScrollTo from 'animated-scroll-to';\r\n\r\nimport {COLORS, invertedFocusStyles} from '../../styles';\r\nimport Logo from '../../GlobalNavigationBar/Logo';\r\nimport {SystemIcons} from '../../icons';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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: ${props => COLORS.getColor('primary_20', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${props => COLORS.getColor('primary_100', props.theme)};\r\n    svg path,\r\n    svg {\r\n      fill: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n    span {\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\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 theme = useTheme();\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.getColor('white', theme)}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.getColor('white', theme)}\r\n        betaTagColor={COLORS.getColor('neutral_800', theme)}\r\n      />\r\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\r\n        <SystemIcons.ArrowLineUp size=\"24px\" color={COLORS.getColor('white', theme)} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/Footer.cjs

@@ -1,25 +1,28 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+exports.default = void 0;
 var React = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _jsxRuntime = require("react/jsx-runtime");
-var _templateObject, _templateObject2;
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
-var FooterContainer = _styledComponents["default"].footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  margin-top: auto;\n"])));
-var FooterGlobalContent = _styledComponents["default"].section(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"])), function (props) {
-  return _styles.COLORS.getColor('primary_700', props.theme);
-});
-var Footer = function Footer(_ref) {
-  var children = _ref.children;
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const FooterContainer = _styledComponents.default.footer`
+  margin-top: auto;
+`;
+const FooterGlobalContent = _styledComponents.default.section`
+  min-height: 8px;
+  background-color: ${props => _styles.COLORS.getColor('primary_700', props.theme)};
+  color: white;
+`;
+const Footer = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FooterContainer, {
     role: "contentinfo",
     children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(FooterGlobalContent, {
@@ -27,6 +30,5 @@ var Footer = function Footer(_ref) {
     })]
   });
 };
-var _default = Footer;
-exports["default"] = _default;
+var _default = exports.default = Footer;
 //# sourceMappingURL=Footer.cjs.map

package/dist/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterContainer","styled","footer","_taggedTemplateLiteral2","FooterGlobalContent","section","props","COLORS","getColor","theme","Footer","_ref","children","jsxs","role","jsx","_default","exports"],"sources":["../../src/Footer/Footer.tsx"],"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: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer role=\"contentinfo\">\r\n      {children}\r\n      <FooterGlobalContent data-testid={'footer-content'} />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"mappings":";;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAmC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,eAAA,EAAAC,gBAAA;AAAA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnC,IAAMW,eAAe,GAAGC,4BAAM,CAACC,MAAM,CAAAxB,eAAA,KAAAA,eAAA,OAAAyB,uBAAA,2CAEpC;AAED,IAAMC,mBAAmB,GAAGH,4BAAM,CAACI,OAAO,CAAA1B,gBAAA,KAAAA,gBAAA,OAAAwB,uBAAA,uFAEpB,UAAAG,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAEzE;AAED,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA0B;EAAA,IAApBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACxB,oBACE,IAAAnC,WAAA,CAAAoC,IAAA,EAACb,eAAe;IAACc,IAAI,EAAC,aAAa;IAAAF,QAAA,GAChCA,QAAQ,eACT,IAAAnC,WAAA,CAAAsC,GAAA,EAACX,mBAAmB;MAAC,eAAa;IAAiB,CAAE,CAAC;EAAA,CACvC,CAAC;AAEtB,CAAC;AAAC,IAAAY,QAAA,GAEaN,MAAM;AAAAO,OAAA,cAAAD,QAAA","ignoreList":[]}
+{"version":3,"file":"Footer.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_styles","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","FooterContainer","styled","footer","FooterGlobalContent","section","props","COLORS","getColor","theme","Footer","_ref","children","jsxs","role","jsx","_default","exports"],"sources":["../../src/Footer/Footer.tsx"],"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: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer role=\"contentinfo\">\r\n      {children}\r\n      <FooterGlobalContent data-testid={'footer-content'} />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"mappings":";;;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAC,sBAAA,CAAAF,OAAA;AAEA,IAAAG,OAAA,GAAAH,OAAA;AAAmC,IAAAI,WAAA,GAAAJ,OAAA;AAAA,SAAAK,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAP,wBAAAO,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEnC,MAAMW,eAAe,GAAGC,yBAAM,CAACC,MAAM;AACrC;AACA,CAAC;AAED,MAAMC,mBAAmB,GAAGF,yBAAM,CAACG,OAAO;AAC1C;AACA,sBAAsBC,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAC1E;AACA,CAAC;AAED,MAAMC,MAAM,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EAC/B,oBACE,IAAA/B,WAAA,CAAAiC,IAAA,EAACZ,eAAe;IAACa,IAAI,EAAC,aAAa;IAAAF,QAAA,GAChCA,QAAQ,eACT,IAAAhC,WAAA,CAAAmC,GAAA,EAACX,mBAAmB;MAAC,eAAa;IAAiB,CAAE,CAAC;EAAA,CACvC,CAAC;AAEtB,CAAC;AAAC,IAAAY,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAEauB,MAAM","ignoreList":[]}

package/dist/Footer/Footer.d.ts

@@ -1,3 +1,3 @@
-import * as React from 'react';
-declare const Footer: ({ children }: any) => React.JSX.Element;
-export default Footer;
+import * as React from 'react';
+declare const Footer: ({ children }: any) => React.JSX.Element;
+export default Footer;

package/dist/Footer/Footer.js

@@ -1,16 +1,19 @@
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
-var _templateObject, _templateObject2;
 import * as React from 'react';
 import styled from 'styled-components';
 import { COLORS } from '../styles';
-import { jsx as _jsx } from "react/jsx-runtime";
-import { jsxs as _jsxs } from "react/jsx-runtime";
-var FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n"])));
-var FooterGlobalContent = styled.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"])), function (props) {
-  return COLORS.getColor('primary_700', props.theme);
-});
-var Footer = function Footer(_ref) {
-  var children = _ref.children;
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const FooterContainer = styled.footer`
+  margin-top: auto;
+`;
+const FooterGlobalContent = styled.section`
+  min-height: 8px;
+  background-color: ${props => COLORS.getColor('primary_700', props.theme)};
+  color: white;
+`;
+const Footer = _ref => {
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/_jsxs(FooterContainer, {
     role: "contentinfo",
     children: [children, /*#__PURE__*/_jsx(FooterGlobalContent, {

package/dist/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["React","styled","COLORS","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","_templateObject","_taggedTemplateLiteral","FooterGlobalContent","section","_templateObject2","props","getColor","theme","Footer","_ref","children","role"],"sources":["../../src/Footer/Footer.tsx"],"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: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer role=\"contentinfo\">\r\n      {children}\r\n      <FooterGlobalContent data-testid={'footer-content'} />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEnC,IAAMC,eAAe,GAAGN,MAAM,CAACO,MAAM,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+BAEpC;AAED,IAAMC,mBAAmB,GAAGV,MAAM,CAACW,OAAO,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,2EAEpB,UAAAI,KAAK;EAAA,OAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAEzE;AAED,IAAMC,MAAM,GAAG,SAATA,MAAMA,CAAAC,IAAA,EAA0B;EAAA,IAApBC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EACxB,oBACEb,KAAA,CAACC,eAAe;IAACa,IAAI,EAAC,aAAa;IAAAD,QAAA,GAChCA,QAAQ,eACTf,IAAA,CAACO,mBAAmB;MAAC,eAAa;IAAiB,CAAE,CAAC;EAAA,CACvC,CAAC;AAEtB,CAAC;AAED,eAAeM,MAAM","ignoreList":[]}
+{"version":3,"file":"Footer.js","names":["React","styled","COLORS","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","FooterGlobalContent","section","props","getColor","theme","Footer","_ref","children","role"],"sources":["../../src/Footer/Footer.tsx"],"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: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer role=\"contentinfo\">\r\n      {children}\r\n      <FooterGlobalContent data-testid={'footer-content'} />\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default Footer;\r\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,eAAe,GAAGN,MAAM,CAACO,MAAM;AACrC;AACA,CAAC;AAED,MAAMC,mBAAmB,GAAGR,MAAM,CAACS,OAAO;AAC1C;AACA,sBAAsBC,KAAK,IAAIT,MAAM,CAACU,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAC1E;AACA,CAAC;AAED,MAAMC,MAAM,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EAC/B,oBACET,KAAA,CAACC,eAAe;IAACU,IAAI,EAAC,aAAa;IAAAD,QAAA,GAChCA,QAAQ,eACTZ,IAAA,CAACK,mBAAmB;MAAC,eAAa;IAAiB,CAAE,CAAC;EAAA,CACvC,CAAC;AAEtB,CAAC;AAED,eAAeK,MAAM","ignoreList":[]}