@laerdal/life-react-components 2.0.1-dev.9.full → 2.1.0

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

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

package/dist/Footer/Components/FooterTop.cjs

@@ -1,63 +1,41 @@
 "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"));
-
 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 _jsxRuntime = require("react/jsx-runtime");
-
 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; }
-
 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, _typography.ComponentXSStyling)(_typography.ComponentTextStyle.UppercaseBold, 'inherit'), _styles.COLORS.primary_20, _styles.COLORS.primary_700, _styles.COLORS.primary_700, _styles.invertedFocusStyles, _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;
-
+    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__*/(0, _jsxRuntime.jsxs)(FooterTopSection, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Logo.default, {
       name: sitename || '',
@@ -82,7 +60,6 @@ var FooterTop = function FooterTop(_ref) {
     })]
   });
 };
-
 FooterTop.propTypes = {
   sitename: _propTypes.default.string,
   showBetaTag: _propTypes.default.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"FooterTop.cjs","names":["FooterTopSection","styled","section","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","COLORS","primary_20","primary_700","invertedFocusStyles","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","animateScrollTo","white","neutral_800"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\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    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAGC,yBAAA,CAAOC,OAAV,4LAAtB;;AAQA,IAAMC,KAAK,GAAGF,yBAAA,CAAOG,GAAV,gtBAkBL,IAAAC,8BAAA,EAAmBC,8BAAA,CAAmBC,aAAtC,EAAqD,SAArD,CAlBK,EAsBaC,cAAA,CAAOC,UAtBpB,EAyBGD,cAAA,CAAOE,WAzBV,EA4BIF,cAAA,CAAOE,WA5BX,EAiCLC,2BAjCK,EAqCOH,cAAA,CAAOI,WArCd,EAwCGJ,cAAA,CAAOK,WAxCV,EA2CIL,cAAA,CAAOK,WA3CX,CAAX;;AAsDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;EAAA,IAAvDC,QAAuD,QAAvDA,QAAuD;EAAA,IAA7CC,WAA6C,QAA7CA,WAA6C;EAAA,IAAhCC,SAAgC,QAAhCA,SAAgC;;EAC1E,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;IAClC,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;MACrBD,CAAC,CAACE,cAAF;MACAF,CAAC,CAACG,eAAF;MACA,OAAO,IAAP;IACD;;IACD,OAAO,KAAP;EACD,CAPD;;EAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnB,IAAAC,yBAAA,EAAgB,CAAhB;EACD,CAFD;;EAGA,oBACE,sBAAC,gBAAD;IAAA,wBACE,qBAAC,aAAD;MACE,IAAI,EAAET,QAAQ,IAAI,EADpB;MAEE,WAAW,EAAEC,WAFf;MAGE,KAAK,EAAER,cAAA,CAAOiB,KAHhB;MAIE,QAAQ,EAAE,IAJZ;MAKE,sBAAsB,EAAEjB,cAAA,CAAOiB,KALjC;MAME,YAAY,EAAEjB,cAAA,CAAOkB;IANvB,EADF,eASE,sBAAC,KAAD;MAAO,eAAa,iBAApB;MAAuC,QAAQ,EAAE,CAAjD;MAAoD,SAAS,EAAE,mBAACP,CAAD;QAAA,OAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;MAAA,CAA/D;MAAmH,OAAO,EAAEA,MAA5H;MAAA,wBACE,qBAAC,wBAAD;QAAa,IAAI,EAAC,MAAlB;QAAyB,KAAK,EAAEf,cAAA,CAAOiB;MAAvC,EADF,eAEE;QAAA,UAAOR;MAAP,EAFF;IAAA,EATF;EAAA,EADF;AAgBD,CA5BD;;;EALEF,Q;EACAC,W;EACAC,S;;eAiCaH,S"}
+{"version":3,"file":"FooterTop.cjs","names":["FooterTopSection","styled","section","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","COLORS","primary_20","primary_700","invertedFocusStyles","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","animateScrollTo","white","neutral_800"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\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    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AACA;AAA+E;AAAA;AAAA;AAAA;AAE/E,IAAMA,gBAAgB,GAAGC,yBAAM,CAACC,OAAO,4LAMtC;AAED,IAAMC,KAAK,GAAGF,yBAAM,CAACG,GAAG,gtBAkBlB,IAAAC,8BAAkB,EAACC,8BAAkB,CAACC,aAAa,EAAE,SAAS,CAAC,EAI7CC,cAAM,CAACC,UAAU,EAG3BD,cAAM,CAACE,WAAW,EAGjBF,cAAM,CAACE,WAAW,EAK3BC,2BAAmB,EAIPH,cAAM,CAACI,WAAW,EAGtBJ,cAAM,CAACK,WAAW,EAGjBL,cAAM,CAACK,WAAW,CAGhC;AAQD,IAAMC,SAAS,GAAG,SAAZA,SAAS,OAA6D;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAEC,SAAS,QAATA,SAAS;EACnD,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,CAAM,EAAK;IAClC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACrBD,CAAC,CAACE,cAAc,EAAE;MAClBF,CAAC,CAACG,eAAe,EAAE;MACnB,OAAO,IAAI;IACb;IACA,OAAO,KAAK;EACd,CAAC;EACD,IAAMC,MAAM,GAAG,SAATA,MAAM,GAAS;IACnB,IAAAC,yBAAe,EAAC,CAAC,CAAC;EACpB,CAAC;EACD,oBACE,sBAAC,gBAAgB;IAAA,wBACf,qBAAC,aAAI;MACH,IAAI,EAAET,QAAQ,IAAI,EAAG;MACrB,WAAW,EAAEC,WAAY;MACzB,KAAK,EAAER,cAAM,CAACiB,KAAM;MACpB,QAAQ,EAAE,IAAK;MACf,sBAAsB,EAAEjB,cAAM,CAACiB,KAAM;MACrC,YAAY,EAAEjB,cAAM,CAACkB;IAAY,EACjC,eACF,sBAAC,KAAK;MAAC,eAAa,iBAAkB;MAAC,QAAQ,EAAE,CAAE;MAAC,SAAS,EAAE,mBAACP,CAAM;QAAA,OAAMD,eAAe,CAACC,CAAC,CAAC,GAAGI,MAAM,EAAE,GAAG,IAAI;MAAA,CAAE;MAAC,OAAO,EAAEA,MAAO;MAAA,wBACjI,qBAAC,wBAAW;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEf,cAAM,CAACiB;MAAM,EAAG,eAChD;QAAA,UAAOR;MAAS,EAAQ;IAAA,EAClB;EAAA,EACS;AAEvB,CAAC;AAAC;EAjCAF,QAAQ;EACRC,WAAW;EACXC,SAAS;AAAA;AAAA,eAiCIH,SAAS;AAAA"}

package/dist/Footer/Components/FooterTop.js

@@ -1,8 +1,6 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
-
 var _templateObject, _templateObject2;
-
 import * as React from 'react';
 import styled from 'styled-components';
 import animateScrollTo from 'animated-scroll-to';
@@ -14,26 +12,21 @@ 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'), COLORS.primary_20, COLORS.primary_700, COLORS.primary_700, invertedFocusStyles, COLORS.primary_100, COLORS.primary_800, COLORS.primary_800);
-
 var FooterTop = function FooterTop(_ref) {
   var sitename = _ref.sitename,
-      showBetaTag = _ref.showBetaTag,
-      toTopText = _ref.toTopText;
-
+    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() {
     animateScrollTo(0);
   };
-
   return /*#__PURE__*/_jsxs(FooterTopSection, {
     children: [/*#__PURE__*/_jsx(Logo, {
       name: sitename || '',
@@ -58,7 +51,6 @@ var FooterTop = function FooterTop(_ref) {
     })]
   });
 };
-
 FooterTop.propTypes = {
   sitename: _pt.string,
   showBetaTag: _pt.bool,

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

@@ -1 +1 @@
-{"version":3,"file":"FooterTop.js","names":["React","styled","animateScrollTo","COLORS","invertedFocusStyles","Logo","ArrowLineUp","ComponentTextStyle","ComponentXSStyling","FooterTopSection","section","ToTop","div","UppercaseBold","primary_20","primary_700","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","white","neutral_800"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\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    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AAEA,SAAQC,MAAR,EAA6BC,mBAA7B,QAAuD,cAAvD;AACA,OAAOC,IAAP,MAAiB,gCAAjB;AACA,SAAQC,WAAR,QAA0B,qCAA1B;AACA,SAAQC,kBAAR,EAA4BC,kBAA5B,QAAqD,yBAArD;;;AAEA,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,OAAV,8KAAtB;AAQA,IAAMC,KAAK,GAAGV,MAAM,CAACW,GAAV,ksBAkBLJ,kBAAkB,CAACD,kBAAkB,CAACM,aAApB,EAAmC,SAAnC,CAlBb,EAsBaV,MAAM,CAACW,UAtBpB,EAyBGX,MAAM,CAACY,WAzBV,EA4BIZ,MAAM,CAACY,WA5BX,EAiCLX,mBAjCK,EAqCOD,MAAM,CAACa,WArCd,EAwCGb,MAAM,CAACc,WAxCV,EA2CId,MAAM,CAACc,WA3CX,CAAX;;AAsDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;EAAA,IAAvDC,QAAuD,QAAvDA,QAAuD;EAAA,IAA7CC,WAA6C,QAA7CA,WAA6C;EAAA,IAAhCC,SAAgC,QAAhCA,SAAgC;;EAC1E,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;IAClC,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;MACrBD,CAAC,CAACE,cAAF;MACAF,CAAC,CAACG,eAAF;MACA,OAAO,IAAP;IACD;;IACD,OAAO,KAAP;EACD,CAPD;;EAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnBzB,eAAe,CAAC,CAAD,CAAf;EACD,CAFD;;EAGA,oBACE,MAAC,gBAAD;IAAA,wBACE,KAAC,IAAD;MACE,IAAI,EAAEiB,QAAQ,IAAI,EADpB;MAEE,WAAW,EAAEC,WAFf;MAGE,KAAK,EAAEjB,MAAM,CAACyB,KAHhB;MAIE,QAAQ,EAAE,IAJZ;MAKE,sBAAsB,EAAEzB,MAAM,CAACyB,KALjC;MAME,YAAY,EAAEzB,MAAM,CAAC0B;IANvB,EADF,eASE,MAAC,KAAD;MAAO,eAAa,iBAApB;MAAuC,QAAQ,EAAE,CAAjD;MAAoD,SAAS,EAAE,mBAACN,CAAD;QAAA,OAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;MAAA,CAA/D;MAAmH,OAAO,EAAEA,MAA5H;MAAA,wBACE,KAAC,WAAD;QAAa,IAAI,EAAC,MAAlB;QAAyB,KAAK,EAAExB,MAAM,CAACyB;MAAvC,EADF,eAEE;QAAA,UAAOP;MAAP,EAFF;IAAA,EATF;EAAA,EADF;AAgBD,CA5BD;;;EALEF,Q;EACAC,W;EACAC,S;;AAiCF,eAAeH,SAAf"}
+{"version":3,"file":"FooterTop.js","names":["React","styled","animateScrollTo","COLORS","invertedFocusStyles","Logo","ArrowLineUp","ComponentTextStyle","ComponentXSStyling","FooterTopSection","section","ToTop","div","UppercaseBold","primary_20","primary_700","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","white","neutral_800"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\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    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,OAAOC,eAAe,MAAM,oBAAoB;AAEhD,SAAQC,MAAM,EAAeC,mBAAmB,QAAO,cAAc;AACrE,OAAOC,IAAI,MAAM,gCAAgC;AACjD,SAAQC,WAAW,QAAO,qCAAqC;AAC/D,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC;AAAA;AAE/E,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,OAAO,8KAMtC;AAED,IAAMC,KAAK,GAAGV,MAAM,CAACW,GAAG,ksBAkBlBJ,kBAAkB,CAACD,kBAAkB,CAACM,aAAa,EAAE,SAAS,CAAC,EAI7CV,MAAM,CAACW,UAAU,EAG3BX,MAAM,CAACY,WAAW,EAGjBZ,MAAM,CAACY,WAAW,EAK3BX,mBAAmB,EAIPD,MAAM,CAACa,WAAW,EAGtBb,MAAM,CAACc,WAAW,EAGjBd,MAAM,CAACc,WAAW,CAGhC;AAQD,IAAMC,SAAS,GAAG,SAAZA,SAAS,OAA6D;EAAA,IAAvDC,QAAQ,QAARA,QAAQ;IAAEC,WAAW,QAAXA,WAAW;IAAEC,SAAS,QAATA,SAAS;EACnD,IAAMC,eAAe,GAAG,SAAlBA,eAAe,CAAIC,CAAM,EAAK;IAClC,IAAIA,CAAC,CAACC,GAAG,KAAK,OAAO,EAAE;MACrBD,CAAC,CAACE,cAAc,EAAE;MAClBF,CAAC,CAACG,eAAe,EAAE;MACnB,OAAO,IAAI;IACb;IACA,OAAO,KAAK;EACd,CAAC;EACD,IAAMC,MAAM,GAAG,SAATA,MAAM,GAAS;IACnBzB,eAAe,CAAC,CAAC,CAAC;EACpB,CAAC;EACD,oBACE,MAAC,gBAAgB;IAAA,wBACf,KAAC,IAAI;MACH,IAAI,EAAEiB,QAAQ,IAAI,EAAG;MACrB,WAAW,EAAEC,WAAY;MACzB,KAAK,EAAEjB,MAAM,CAACyB,KAAM;MACpB,QAAQ,EAAE,IAAK;MACf,sBAAsB,EAAEzB,MAAM,CAACyB,KAAM;MACrC,YAAY,EAAEzB,MAAM,CAAC0B;IAAY,EACjC,eACF,MAAC,KAAK;MAAC,eAAa,iBAAkB;MAAC,QAAQ,EAAE,CAAE;MAAC,SAAS,EAAE,mBAACN,CAAM;QAAA,OAAMD,eAAe,CAACC,CAAC,CAAC,GAAGI,MAAM,EAAE,GAAG,IAAI;MAAA,CAAE;MAAC,OAAO,EAAEA,MAAO;MAAA,wBACjI,KAAC,WAAW;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAExB,MAAM,CAACyB;MAAM,EAAG,eAChD;QAAA,UAAOP;MAAS,EAAQ;IAAA,EAClB;EAAA,EACS;AAEvB,CAAC;AAAC;EAjCAF,QAAQ;EACRC,WAAW;EACXC,SAAS;AAAA;AAiCX,eAAeH,SAAS"}

package/dist/Footer/Footer.cjs

@@ -1,34 +1,21 @@
 "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"));
-
 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(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; }
-
 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"])), _styles.COLORS.primary_700);
-
 var Footer = function Footer(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FooterContainer, {
@@ -38,7 +25,6 @@ var Footer = function Footer(_ref) {
     })]
   });
 };
-
 var _default = Footer;
 exports.default = _default;
 //# sourceMappingURL=Footer.cjs.map

package/dist/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.cjs","names":["FooterContainer","styled","footer","FooterGlobalContent","section","COLORS","primary_700","Footer","children"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS } from '../styles';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n`;\n\nconst FooterGlobalContent = styled.section`\n  min-height: 8px;\n  background-color: ${COLORS.primary_700};\n  color: white;\n`;\n\nconst Footer = ({ children }: any) => {\n  return (\n    <FooterContainer role=\"contentinfo\">\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAGC,yBAAA,CAAOC,MAAV,0GAArB;;AAIA,IAAMC,mBAAmB,GAAGF,yBAAA,CAAOG,OAAV,wJAEHC,cAAA,CAAOC,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EACpC,oBACE,sBAAC,eAAD;IAAiB,IAAI,EAAC,aAAtB;IAAA,WACGA,QADH,eAEE,qBAAC,mBAAD;MAAqB,eAAa;IAAlC,EAFF;EAAA,EADF;AAMD,CAPD;;eASeD,M"}
+{"version":3,"file":"Footer.cjs","names":["FooterContainer","styled","footer","FooterGlobalContent","section","COLORS","primary_700","Footer","children"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS } from '../styles';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n`;\n\nconst FooterGlobalContent = styled.section`\n  min-height: 8px;\n  background-color: ${COLORS.primary_700};\n  color: white;\n`;\n\nconst Footer = ({ children }: any) => {\n  return (\n    <FooterContainer role=\"contentinfo\">\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;;;;;;AAAA;AACA;AAEA;AAAmC;AAAA;AAAA;AAAA;AAEnC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,MAAM,0GAEpC;AAED,IAAMC,mBAAmB,GAAGF,yBAAM,CAACG,OAAO,wJAEpBC,cAAM,CAACC,WAAW,CAEvC;AAED,IAAMC,MAAM,GAAG,SAATA,MAAM,OAA0B;EAAA,IAApBC,QAAQ,QAARA,QAAQ;EACxB,oBACE,sBAAC,eAAe;IAAC,IAAI,EAAC,aAAa;IAAA,WAChCA,QAAQ,eACT,qBAAC,mBAAmB;MAAC,eAAa;IAAiB,EAAG;EAAA,EACtC;AAEtB,CAAC;AAAC,eAEaD,MAAM;AAAA"}

package/dist/Footer/Footer.js

@@ -1,7 +1,5 @@
 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';
@@ -9,7 +7,6 @@ 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"])), COLORS.primary_700);
-
 var Footer = function Footer(_ref) {
   var children = _ref.children;
   return /*#__PURE__*/_jsxs(FooterContainer, {
@@ -19,6 +16,5 @@ var Footer = function Footer(_ref) {
     })]
   });
 };
-
 export default Footer;
 //# sourceMappingURL=Footer.js.map

package/dist/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Footer.js","names":["React","styled","COLORS","FooterContainer","footer","FooterGlobalContent","section","primary_700","Footer","children"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS } from '../styles';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n`;\n\nconst FooterGlobalContent = styled.section`\n  min-height: 8px;\n  background-color: ${COLORS.primary_700};\n  color: white;\n`;\n\nconst Footer = ({ children }: any) => {\n  return (\n    <FooterContainer role=\"contentinfo\">\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,QAAuB,WAAvB;;;AAEA,IAAMC,eAAe,GAAGF,MAAM,CAACG,MAAV,4FAArB;AAIA,IAAMC,mBAAmB,GAAGJ,MAAM,CAACK,OAAV,0IAEHJ,MAAM,CAACK,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EACpC,oBACE,MAAC,eAAD;IAAiB,IAAI,EAAC,aAAtB;IAAA,WACGA,QADH,eAEE,KAAC,mBAAD;MAAqB,eAAa;IAAlC,EAFF;EAAA,EADF;AAMD,CAPD;;AASA,eAAeD,MAAf"}
+{"version":3,"file":"Footer.js","names":["React","styled","COLORS","FooterContainer","footer","FooterGlobalContent","section","primary_700","Footer","children"],"sources":["../../src/Footer/Footer.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport { COLORS } from '../styles';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n`;\n\nconst FooterGlobalContent = styled.section`\n  min-height: 8px;\n  background-color: ${COLORS.primary_700};\n  color: white;\n`;\n\nconst Footer = ({ children }: any) => {\n  return (\n    <FooterContainer role=\"contentinfo\">\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAASC,MAAM,QAAQ,WAAW;AAAC;AAAA;AAEnC,IAAMC,eAAe,GAAGF,MAAM,CAACG,MAAM,4FAEpC;AAED,IAAMC,mBAAmB,GAAGJ,MAAM,CAACK,OAAO,0IAEpBJ,MAAM,CAACK,WAAW,CAEvC;AAED,IAAMC,MAAM,GAAG,SAATA,MAAM,OAA0B;EAAA,IAApBC,QAAQ,QAARA,QAAQ;EACxB,oBACE,MAAC,eAAe;IAAC,IAAI,EAAC,aAAa;IAAA,WAChCA,QAAQ,eACT,KAAC,mBAAmB;MAAC,eAAa;IAAiB,EAAG;EAAA,EACtC;AAEtB,CAAC;AAED,eAAeD,MAAM"}

package/dist/Footer/SiteFooter.cjs

@@ -1,67 +1,44 @@
 "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 _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-
 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 _jsxRuntime = require("react/jsx-runtime");
-
 var _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup"];
-
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 var FooterContainer = _styledComponents.default.footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\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 = (0, _taggedTemplateLiteral2.default)(["\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,
-      rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    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,
+    rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(FooterContainer, _objectSpread(_objectSpread({
     id: id,
     "data-testid": 'footer-container'
@@ -83,7 +60,6 @@ var SiteFooter = function SiteFooter(_ref) {
     })]
   }));
 };
-
 SiteFooter.propTypes = {
   id: _propTypes.default.string.isRequired,
   sitename: _propTypes.default.string,

package/dist/Footer/SiteFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.cjs","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","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOA,IAAMA,eAAe,GAAGC,yBAAA,CAAOC,MAAV,uTAECC,cAAA,CAAOC,WAFR,EAGKD,cAAA,CAAOE,WAHZ,EAOjBC,mBAAA,CAAYC,MAPK,EAUjBD,mBAAA,CAAYE,KAVK,EAajBF,mBAAA,CAAYG,MAbK,CAArB;;AAiBA,IAAMC,UAAU,GAAGT,yBAAA,CAAOU,GAAV,6KACUR,cAAA,CAAOS,KADjB,EAGZN,mBAAA,CAAYC,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAaG;EAAA,IAZpBC,EAYoB,QAZpBA,EAYoB;EAAA,IAXpBC,QAWoB,QAXpBA,QAWoB;EAAA,IAVpBC,WAUoB,QAVpBA,WAUoB;EAAA,IATpBC,WASoB,QATpBA,WASoB;EAAA,IARpBC,aAQoB,QARpBA,aAQoB;EAAA,IAPpBC,SAOoB,QAPpBA,SAOoB;EAAA,IANpBC,qBAMoB,QANpBA,qBAMoB;EAAA,IALpBC,iCAKoB,QALpBA,iCAKoB;EAAA,IAJpBC,eAIoB,QAJpBA,eAIoB;EAAA,IAHpBC,UAGoB,QAHpBA,UAGoB;EAAA,IAFpBC,kBAEoB,QAFpBA,kBAEoB;EAAA,IADjBC,IACiB;EACpB,oBACE,sBAAC,eAAD;IAAiB,EAAE,EAAEX,EAArB;IAAyB,eAAa;EAAtC,GAA8DW,IAA9D;IAAA,wBACE,qBAAC,kBAAD;MAAW,QAAQ,EAAEV,QAArB;MAA+B,WAAW,EAAEE,WAA5C;MAAyD,SAAS,EAAEE;IAApE,EADF,EAEGI,UAAU,iBAAI,qBAAC,yBAAD;MAAkB,MAAM,EAAET,EAA1B;MAA8B,UAAU,EAAES;IAA1C,EAFjB,eAGE,qBAAC,UAAD,KAHF,EAIGF,iCAAiC,iBAChC,qBAAC,yCAAD;MAAkC,gBAAgB,EAAED,qBAApD;MAA2E,wBAAwB,EAAEI,kBAArG;MAAyH,eAAe,EAAEF,eAAe,IAAI;IAA7J,EALJ,eAOE,qBAAC,0BAAD;MAAmB,WAAW,EAAEN,WAAhC;MAA6C,aAAa,EAAEE;IAA5D,EAPF;EAAA,GADF;AAWD,CAzBD;;;EAdEJ,E;EACAC,Q;EACAE,W;EACAD,W;EACAE,a;EACAG,iC;EACAK,wB;EACAJ,e;EACAH,S;EAEAC,qB;EACAI,kB;;eA8BaX,U"}
+{"version":3,"file":"SiteFooter.cjs","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","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;;;;;AAGA;AAKA;AAKA;AACA;AACA;AACA;AACA;AAAgD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOhD,IAAMA,eAAe,GAAGC,yBAAM,CAACC,MAAM,uTAEfC,cAAM,CAACC,WAAW,EACdD,cAAM,CAACE,WAAW,EAIxCC,mBAAW,CAACC,MAAM,EAGlBD,mBAAW,CAACE,KAAK,EAGjBF,mBAAW,CAACG,MAAM,CAGrB;AACD,IAAMC,UAAU,GAAGT,yBAAM,CAACU,GAAG,6KACHR,cAAM,CAACS,KAAK,EAElCN,mBAAW,CAACC,MAAM,CAGrB;AAiBD,IAAMM,UAAU,GAAG,SAAbA,UAAU,OAaM;EAAA,IAZpBC,EAAE,QAAFA,EAAE;IACFC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,SAAS,QAATA,SAAS;IACTC,qBAAqB,QAArBA,qBAAqB;IACrBC,iCAAiC,QAAjCA,iCAAiC;IACjCC,eAAe,QAAfA,eAAe;IACfC,UAAU,QAAVA,UAAU;IACVC,kBAAkB,QAAlBA,kBAAkB;IACfC,IAAI;EAEP,oBACE,sBAAC,eAAe;IAAC,EAAE,EAAEX,EAAG;IAAC,eAAa;EAAmB,GAAKW,IAAI;IAAA,wBAChE,qBAAC,kBAAS;MAAC,QAAQ,EAAEV,QAAS;MAAC,WAAW,EAAEE,WAAY;MAAC,SAAS,EAAEE;IAAU,EAAG,EAChFI,UAAU,iBAAI,qBAAC,yBAAgB;MAAC,MAAM,EAAET,EAAG;MAAC,UAAU,EAAES;IAAW,EAAG,eACvE,qBAAC,UAAU,KAAG,EACbF,iCAAiC,iBAChC,qBAAC,yCAAgC;MAAC,gBAAgB,EAAED,qBAAsB;MAAC,wBAAwB,EAAEI,kBAAmB;MAAC,eAAe,EAAEF,eAAe,IAAI;IAAG,EACjK,eACD,qBAAC,0BAAiB;MAAC,WAAW,EAAEN,WAAY;MAAC,aAAa,EAAEE;IAAc,EAAG;EAAA,GAC7D;AAEtB,CAAC;AAAC;EAvCAJ,EAAE;EACFC,QAAQ;EACRE,WAAW;EACXD,WAAW;EACXE,aAAa;EACbG,iCAAiC;EACjCK,wBAAwB;EACxBJ,eAAe;EACfH,SAAS;EAETC,qBAAqB;EACrBI,kBAAkB;AAAA;AAAA,eA8BLX,UAAU;AAAA"}

package/dist/Footer/SiteFooter.js

@@ -3,54 +3,48 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 var _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup"];
-
 var _templateObject, _templateObject2;
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 /**
  * Import React libraries.
  */
 import * as React from 'react';
+
 /**
  * Import third-party libraries.
  */
-
 import styled from 'styled-components';
+
 /**
  * Import custom components.
  */
-
 import FooterBottomLinks from './Components/FooterBottomLinks';
 import FooterTop from './Components/FooterTop';
 import FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';
 import FooterNavSection from './Components/FooterNavSection';
 import { BREAKPOINTS, COLORS } from '../styles';
+
 /**
  * Import custom 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  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"])), COLORS.neutral_800, COLORS.neutral_200, BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE, BREAKPOINTS.XLARGE);
 var FooterLine = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), COLORS.white, 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,
-      rest = _objectWithoutProperties(_ref, _excluded);
-
+    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,
+    rest = _objectWithoutProperties(_ref, _excluded);
   return /*#__PURE__*/_jsxs(FooterContainer, _objectSpread(_objectSpread({
     id: id,
     "data-testid": 'footer-container'
@@ -72,7 +66,6 @@ var SiteFooter = function SiteFooter(_ref) {
     })]
   }));
 };
-
 SiteFooter.propTypes = {
   id: _pt.string.isRequired,
   sitename: _pt.string,

package/dist/Footer/SiteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","FooterContainer","footer","neutral_800","neutral_200","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,SAAP,MAAsB,wBAAtB;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,WAApC;AAEA;AACA;AACA;;;;AAGA,IAAMC,eAAe,GAAGP,MAAM,CAACQ,MAAV,ySAECF,MAAM,CAACG,WAFR,EAGKH,MAAM,CAACI,WAHZ,EAOjBL,WAAW,CAACM,MAPK,EAUjBN,WAAW,CAACO,KAVK,EAajBP,WAAW,CAACQ,MAbK,CAArB;AAiBA,IAAMC,UAAU,GAAGd,MAAM,CAACe,GAAV,+JACUT,MAAM,CAACU,KADjB,EAGZX,WAAW,CAACM,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAaG;EAAA,IAZpBC,EAYoB,QAZpBA,EAYoB;EAAA,IAXpBC,QAWoB,QAXpBA,QAWoB;EAAA,IAVpBC,WAUoB,QAVpBA,WAUoB;EAAA,IATpBC,WASoB,QATpBA,WASoB;EAAA,IARpBC,aAQoB,QARpBA,aAQoB;EAAA,IAPpBC,SAOoB,QAPpBA,SAOoB;EAAA,IANpBC,qBAMoB,QANpBA,qBAMoB;EAAA,IALpBC,iCAKoB,QALpBA,iCAKoB;EAAA,IAJpBC,eAIoB,QAJpBA,eAIoB;EAAA,IAHpBC,UAGoB,QAHpBA,UAGoB;EAAA,IAFpBC,kBAEoB,QAFpBA,kBAEoB;EAAA,IADjBC,IACiB;;EACpB,oBACE,MAAC,eAAD;IAAiB,EAAE,EAAEX,EAArB;IAAyB,eAAa;EAAtC,GAA8DW,IAA9D;IAAA,wBACE,KAAC,SAAD;MAAW,QAAQ,EAAEV,QAArB;MAA+B,WAAW,EAAEE,WAA5C;MAAyD,SAAS,EAAEE;IAApE,EADF,EAEGI,UAAU,iBAAI,KAAC,gBAAD;MAAkB,MAAM,EAAET,EAA1B;MAA8B,UAAU,EAAES;IAA1C,EAFjB,eAGE,KAAC,UAAD,KAHF,EAIGF,iCAAiC,iBAChC,KAAC,gCAAD;MAAkC,gBAAgB,EAAED,qBAApD;MAA2E,wBAAwB,EAAEI,kBAArG;MAAyH,eAAe,EAAEF,eAAe,IAAI;IAA7J,EALJ,eAOE,KAAC,iBAAD;MAAmB,WAAW,EAAEN,WAAhC;MAA6C,aAAa,EAAEE;IAA5D,EAPF;EAAA,GADF;AAWD,CAzBD;;;EAdEJ,E;EACAC,Q;EACAE,W;EACAD,W;EACAE,a;EACAG,iC;EACAK,wB;EACAJ,e;EACAH,S;EAEAC,qB;EACAI,kB;;AA8BF,eAAeX,UAAf"}
+{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","FooterContainer","footer","neutral_800","neutral_200","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;AACA,OAAOC,MAAM,MAAM,mBAAmB;;AAEtC;AACA;AACA;AACA,OAAOC,iBAAiB,MAAM,gCAAgC;AAC9D,OAAOC,SAAS,MAAM,wBAAwB;AAC9C,OAAOC,gCAAgC,MAAM,+CAA+C;AAC5F,OAAOC,gBAAgB,MAAM,+BAA+B;AAC5D,SAASC,WAAW,EAAEC,MAAM,QAAQ,WAAW;;AAE/C;AACA;AACA;AAFA;AAAA;AAKA,IAAMC,eAAe,GAAGP,MAAM,CAACQ,MAAM,ySAEfF,MAAM,CAACG,WAAW,EACdH,MAAM,CAACI,WAAW,EAIxCL,WAAW,CAACM,MAAM,EAGlBN,WAAW,CAACO,KAAK,EAGjBP,WAAW,CAACQ,MAAM,CAGrB;AACD,IAAMC,UAAU,GAAGd,MAAM,CAACe,GAAG,+JACHT,MAAM,CAACU,KAAK,EAElCX,WAAW,CAACM,MAAM,CAGrB;AAiBD,IAAMM,UAAU,GAAG,SAAbA,UAAU,OAaM;EAAA,IAZpBC,EAAE,QAAFA,EAAE;IACFC,QAAQ,QAARA,QAAQ;IACRC,WAAW,QAAXA,WAAW;IACXC,WAAW,QAAXA,WAAW;IACXC,aAAa,QAAbA,aAAa;IACbC,SAAS,QAATA,SAAS;IACTC,qBAAqB,QAArBA,qBAAqB;IACrBC,iCAAiC,QAAjCA,iCAAiC;IACjCC,eAAe,QAAfA,eAAe;IACfC,UAAU,QAAVA,UAAU;IACVC,kBAAkB,QAAlBA,kBAAkB;IACfC,IAAI;EAEP,oBACE,MAAC,eAAe;IAAC,EAAE,EAAEX,EAAG;IAAC,eAAa;EAAmB,GAAKW,IAAI;IAAA,wBAChE,KAAC,SAAS;MAAC,QAAQ,EAAEV,QAAS;MAAC,WAAW,EAAEE,WAAY;MAAC,SAAS,EAAEE;IAAU,EAAG,EAChFI,UAAU,iBAAI,KAAC,gBAAgB;MAAC,MAAM,EAAET,EAAG;MAAC,UAAU,EAAES;IAAW,EAAG,eACvE,KAAC,UAAU,KAAG,EACbF,iCAAiC,iBAChC,KAAC,gCAAgC;MAAC,gBAAgB,EAAED,qBAAsB;MAAC,wBAAwB,EAAEI,kBAAmB;MAAC,eAAe,EAAEF,eAAe,IAAI;IAAG,EACjK,eACD,KAAC,iBAAiB;MAAC,WAAW,EAAEN,WAAY;MAAC,aAAa,EAAEE;IAAc,EAAG;EAAA,GAC7D;AAEtB,CAAC;AAAC;EAvCAJ,EAAE;EACFC,QAAQ;EACRE,WAAW;EACXD,WAAW;EACXE,aAAa;EACbG,iCAAiC;EACjCK,wBAAwB;EACxBJ,eAAe;EACfH,SAAS;EAETC,qBAAqB;EACrBI,kBAAkB;AAAA;AA8BpB,eAAeX,UAAU"}

package/dist/Footer/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -17,8 +16,6 @@ Object.defineProperty(exports, "SiteFooter", {
     return _SiteFooter.default;
   }
 });
-
 var _Footer = _interopRequireDefault(require("./Footer"));
-
 var _SiteFooter = _interopRequireDefault(require("./SiteFooter"));
 //# sourceMappingURL=index.cjs.map

package/dist/Footer/index.cjs.map

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

package/dist/Footer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Footer","SiteFooter"],"sources":["../../src/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\nexport { default as SiteFooter } from './SiteFooter';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAApB,QAAkC,UAAlC;AACA,SAASD,OAAO,IAAIE,UAApB,QAAsC,cAAtC"}
+{"version":3,"file":"index.js","names":["default","Footer","SiteFooter"],"sources":["../../src/Footer/index.ts"],"sourcesContent":["export { default as Footer } from './Footer';\nexport { default as SiteFooter } from './SiteFooter';\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc"}