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

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';
@@ -9,8 +7,60 @@ import Logo from '../../GlobalNavigationBar/Logo';
 import { SystemIcons } from '../../icons';
 import { ComponentTextStyle, ComponentXSStyling } from '../../styles';
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const 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"])));
-const 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'), props => COLORS.getColor('primary_20', props.theme), props => COLORS.getColor('primary_700', props.theme), props => COLORS.getColor('primary_700', props.theme), invertedFocusStyles, props => COLORS.getColor('primary_100', props.theme), props => COLORS.getColor('primary_800', props.theme), props => COLORS.getColor('primary_800', props.theme));
+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,

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

@@ -5,16 +5,20 @@ 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(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(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: auto;\n"])));
-const FooterGlobalContent = _styledComponents.default.section(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"])), props => _styles.COLORS.getColor('primary_700', props.theme));
+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

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","default","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,CAAAC,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,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,CAAAxB,eAAA,KAAAA,eAAA,OAAAyB,uBAAA,CAAAjB,OAAA,gCAEpC;AAED,MAAMkB,mBAAmB,GAAGH,yBAAM,CAACI,OAAO,CAAA1B,gBAAA,KAAAA,gBAAA,OAAAwB,uBAAA,CAAAjB,OAAA,4EAEpBoB,KAAK,IAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC,CAEzE;AAED,MAAMC,MAAM,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EAC/B,oBACE,IAAAlC,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,GAAAC,OAAA,CAAA/B,OAAA,GAEawB,MAAM","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,11 +1,15 @@
-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, jsxs as _jsxs } from "react/jsx-runtime";
-const FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n"])));
-const FooterGlobalContent = styled.section(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  min-height: 8px;\n  background-color: ", ";\n  color: white;\n"])), props => COLORS.getColor('primary_700', props.theme));
+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

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,EAAAC,IAAA,IAAAC,KAAA;AAEnC,MAAMC,eAAe,GAAGN,MAAM,CAACO,MAAM,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,+BAEpC;AAED,MAAMC,mBAAmB,GAAGV,MAAM,CAACW,OAAO,CAAAC,gBAAA,KAAAA,gBAAA,GAAAH,sBAAA,2EAEpBI,KAAK,IAAIZ,MAAM,CAACa,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC,CAEzE;AAED,MAAMC,MAAM,GAAGC,IAAA,IAAuB;EAAA,IAAtB;IAAEC;EAAc,CAAC,GAAAD,IAAA;EAC/B,oBACEZ,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":[]}

package/dist/Footer/SiteFooter.cjs

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 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"));
@@ -19,7 +18,6 @@ var _styles = require("../styles");
 var _Layouts = require("../Layouts");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"];
-var _templateObject, _templateObject2;
 /**
  * Import React libraries.
  */
@@ -36,8 +34,29 @@ function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return
 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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2.default)(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-const FooterContainer = _styledComponents.default.footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), props => _styles.COLORS.getColor('neutral_800', props.theme), props => _styles.COLORS.getColor('neutral_200', props.theme), _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE);
-const FooterLine = _styledComponents.default.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2.default)(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), props => _styles.COLORS.getColor('white', props.theme), _styles.BREAKPOINTS.MEDIUM);
+const FooterContainer = _styledComponents.default.footer`
+  margin-top: auto;
+  background-color: ${props => _styles.COLORS.getColor('neutral_800', props.theme)};
+  border-top: 8px solid ${props => _styles.COLORS.getColor('neutral_200', props.theme)};
+
+  padding-top: 0;
+  padding-bottom: 16px;
+
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    padding: 16px 0;
+  }
+
+  ${_styles.BREAKPOINTS.LARGE} {
+    padding: 16px 0;
+  }
+`;
+const FooterLine = _styledComponents.default.div`
+  border-top: 1px solid ${props => _styles.COLORS.getColor('white', props.theme)};
+  display: none;
+  ${_styles.BREAKPOINTS.MEDIUM} {
+    display: block;
+  }
+`;
 const SiteFooter = _ref => {
   let {
       id,

package/dist/Footer/SiteFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_FooterBottomLinks","_FooterTop","_FooterNewsletterAndSocialSection","_FooterNavSection","_styles","_Layouts","_jsxRuntime","_excluded","_templateObject","_templateObject2","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FooterContainer","styled","footer","_taggedTemplateLiteral2","props","COLORS","getColor","theme","BREAKPOINTS","MEDIUM","LARGE","FooterLine","div","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","_objectWithoutProperties2","jsx","children","jsxs","PageWidth","$unsetMargin","$useMaxWidth","$maxWidth","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_propTypes","string","isRequired","bool","array","func","number","_default","exports"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth $unsetMargin={true} $useMaxWidth={useMaxWidth} $maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SiteFooter.cjs","names":["React","_interopRequireWildcard","require","_styledComponents","_interopRequireDefault","_FooterBottomLinks","_FooterTop","_FooterNewsletterAndSocialSection","_FooterNavSection","_styles","_Layouts","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","FooterContainer","styled","footer","props","COLORS","getColor","theme","BREAKPOINTS","MEDIUM","LARGE","FooterLine","div","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","_objectWithoutProperties2","jsx","children","jsxs","PageWidth","$unsetMargin","$useMaxWidth","$maxWidth","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_propTypes","string","isRequired","bool","array","func","number","_default","exports"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth $unsetMargin={true} $useMaxWidth={useMaxWidth} $maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/SiteFooter.d.ts

@@ -1,26 +1,26 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom styles.
- */
-import { NavLink, NavOptions } from '../types';
-interface NewFooterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {
-    id: string;
-    sitename?: string;
-    showBetaTag?: boolean;
-    bottomLinks?: NavLink[];
-    copyrightText?: string;
-    includeNewsletterAndSocialSection?: boolean;
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel?: string;
-    toTopText: string;
-    navOptions?: NavOptions;
-    placeholderEmailField?: string;
-    onNewsletterSignup?: (email: string) => void;
-    useMaxWidth?: boolean;
-    maxWidth?: number;
-}
-declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => React.JSX.Element;
-export default SiteFooter;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom styles.
+ */
+import { NavLink, NavOptions } from '../types';
+interface NewFooterProps extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {
+    id: string;
+    sitename?: string;
+    showBetaTag?: boolean;
+    bottomLinks?: NavLink[];
+    copyrightText?: string;
+    includeNewsletterAndSocialSection?: boolean;
+    actionOnNewsletterSignup?: (email: string) => void;
+    newsletterLabel?: string;
+    toTopText: string;
+    navOptions?: NavOptions;
+    placeholderEmailField?: string;
+    onNewsletterSignup?: (email: string) => void;
+    useMaxWidth?: boolean;
+    maxWidth?: number;
+}
+declare const SiteFooter: ({ id, sitename, bottomLinks, showBetaTag, copyrightText, toTopText, placeholderEmailField, includeNewsletterAndSocialSection, newsletterLabel, navOptions, onNewsletterSignup, useMaxWidth, maxWidth, ...rest }: NewFooterProps) => React.JSX.Element;
+export default SiteFooter;

package/dist/Footer/SiteFooter.js

@@ -1,9 +1,7 @@
 import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
 import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 import _pt from "prop-types";
 const _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText", "toTopText", "placeholderEmailField", "includeNewsletterAndSocialSection", "newsletterLabel", "navOptions", "onNewsletterSignup", "useMaxWidth", "maxWidth"];
-var _templateObject, _templateObject2;
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 /**
@@ -31,8 +29,29 @@ import { BREAKPOINTS, COLORS } from '../styles';
 
 import { PageWidth } from "../Layouts";
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-const FooterContainer = styled.footer(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding-top: 0;\n  padding-bottom: 16px;\n\n  ", " {\n    padding: 16px 0;\n  }\n\n  ", " {\n    padding: 16px 0;\n  }\n"])), props => COLORS.getColor('neutral_800', props.theme), props => COLORS.getColor('neutral_200', props.theme), BREAKPOINTS.MEDIUM, BREAKPOINTS.LARGE);
-const FooterLine = styled.div(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  border-top: 1px solid ", ";\n  display: none;\n  ", " {\n    display: block;\n  }\n"])), props => COLORS.getColor('white', props.theme), BREAKPOINTS.MEDIUM);
+const FooterContainer = styled.footer`
+  margin-top: auto;
+  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};
+  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};
+
+  padding-top: 0;
+  padding-bottom: 16px;
+
+  ${BREAKPOINTS.MEDIUM} {
+    padding: 16px 0;
+  }
+
+  ${BREAKPOINTS.LARGE} {
+    padding: 16px 0;
+  }
+`;
+const FooterLine = styled.div`
+  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};
+  display: none;
+  ${BREAKPOINTS.MEDIUM} {
+    display: block;
+  }
+`;
 const SiteFooter = _ref => {
   let {
       id,

package/dist/Footer/SiteFooter.js.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","_templateObject","_taggedTemplateLiteral","props","getColor","theme","MEDIUM","LARGE","FooterLine","div","_templateObject2","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_objectSpread","children","$unsetMargin","$useMaxWidth","$maxWidth","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_pt","string","isRequired","bool","array","func","number"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth $unsetMargin={true} $useMaxWidth={useMaxWidth} $maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","PageWidth","jsx","_jsx","jsxs","_jsxs","FooterContainer","footer","props","getColor","theme","MEDIUM","LARGE","FooterLine","div","SiteFooter","_ref","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","_objectSpread","children","$unsetMargin","$useMaxWidth","$maxWidth","mainId","placeholderEmail","actionOnNewsletterSignup","propTypes","_pt","string","isRequired","bool","array","func","number"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport FooterBottomLinks from './Components/FooterBottomLinks';\r\nimport FooterTop from './Components/FooterTop';\r\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\r\nimport FooterNavSection from './Components/FooterNavSection';\r\nimport { BREAKPOINTS, COLORS } from '../styles';\r\n\r\n/**\r\n * Import custom styles.\r\n */\r\nimport { NavLink, NavOptions } from '../types';\r\nimport {PageWidth} from \"../Layouts\";\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n  background-color: ${props => COLORS.getColor('neutral_800', props.theme)};\r\n  border-top: 8px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n\r\n  padding-top: 0;\r\n  padding-bottom: 16px;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 16px 0;\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 16px 0;\r\n  }\r\n`;\r\nconst FooterLine = styled.div`\r\n  border-top: 1px solid ${props => COLORS.getColor('white', props.theme)};\r\n  display: none;\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    display: block;\r\n  }\r\n`;\r\n\r\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\r\n  id: string;\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  bottomLinks?: NavLink[];\r\n  copyrightText?: string;\r\n  includeNewsletterAndSocialSection?: boolean;\r\n  actionOnNewsletterSignup?: (email: string) => void;\r\n  newsletterLabel?: string;\r\n  toTopText: string;\r\n  navOptions?: NavOptions;\r\n  placeholderEmailField?: string;\r\n  onNewsletterSignup?: (email: string) => void;\r\n  useMaxWidth?: boolean;\r\n  maxWidth?: number;\r\n}\r\n\r\nconst SiteFooter = ({\r\n  id,\r\n  sitename,\r\n  bottomLinks,\r\n  showBetaTag,\r\n  copyrightText,\r\n  toTopText,\r\n  placeholderEmailField,\r\n  includeNewsletterAndSocialSection,\r\n  newsletterLabel,\r\n  navOptions,\r\n  onNewsletterSignup,\r\n  useMaxWidth = true,\r\n  maxWidth,\r\n  ...rest\r\n}: NewFooterProps) => {\r\n  return (\r\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\r\n      <PageWidth $unsetMargin={true} $useMaxWidth={useMaxWidth} $maxWidth={maxWidth}>\r\n        <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\r\n        {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\r\n        <FooterLine />\r\n        {includeNewsletterAndSocialSection && (\r\n          <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\r\n        )}\r\n        <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\r\n      </PageWidth>\r\n    </FooterContainer>\r\n  );\r\n};\r\n\r\nexport default SiteFooter;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Footer/index.d.ts

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