@laerdal/life-react-components 3.4.2 → 3.5.0

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

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.cjs","names":["FooterLinkSection","styled","section","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","Regular","COLORS","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {HyperLink} from '../../HyperLink';\n\nimport {BREAKPOINTS, COLORS} from '../../styles';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterLinkSection = styled.section`\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n  }\n`;\n\nconst FooterLinks = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ${BREAKPOINTS.MEDIUM} {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n`;\n\nconst Copyright = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\n  margin: 16px auto 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: auto 0 auto auto;\n  }\n`;\n\ninterface Link {\n  label: string;\n  to: string;\n  target?: string;\n}\n\ninterface FooterLinkProps {\n  bottomLinks?: Link[];\n  copyrightText?: string;\n}\n\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\n  return (\n    <FooterLinkSection>\n      <FooterLinks>\n        {bottomLinks?.map((bl, i) => (\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\n                     key={i}\n                     href={bl.to} variant=\"inverted\">\n            {bl.label}\n          </HyperLink>\n        ))}\n      </FooterLinks>\n      <Copyright>{copyrightText}</Copyright>\n    </FooterLinkSection>\n  );\n};\n\nexport default FooterBottomLinks;\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAA+E;AAAA;AAAA;AAAA;AAE/E,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,OAAO,oNAMpCC,mBAAW,CAACC,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGJ,yBAAM,CAACK,GAAG,2WAK1BH,mBAAW,CAACC,MAAM,EAMhB,IAAAG,8BAAkB,EAACC,8BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAG/CN,mBAAW,CAACC,MAAM,CAKzB;AAED,IAAMM,SAAS,GAAGT,yBAAM,CAACK,GAAG,6KACxB,IAAAC,8BAAkB,EAACC,8BAAkB,CAACG,OAAO,EAAEC,cAAM,CAACC,KAAK,CAAC,EAG5DV,mBAAW,CAACC,MAAM,CAGrB;AAaD,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiB,OAAwD;EAAA,IAAlDC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;EACrD,oBACE,sBAAC,iBAAiB;IAAA,wBAChB,qBAAC,WAAW;MAAA,UACTD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtB,qBAAC,oBAAS;UAAC,EAAE,uBAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAE7D,IAAI,EAAEJ,EAAE,CAACK,EAAG;UAAC,OAAO,EAAC,UAAU;UAAA,UACvCL,EAAE,CAACM;QAAK,GAFKL,CAAC,CAGL;MAAA,CACb;IAAC,EACU,eACd,qBAAC,SAAS;MAAA,UAAEH;IAAa,EAAa;EAAA,EACpB;AAExB,CAAC;AAAC;EAnBAD,WAAW;IANXS,KAAK;IACLD,EAAE;IACFE,MAAM;EAAA;EAKNT,aAAa;AAAA;AAAA,eAoBAF,iBAAiB;AAAA"}
+{"version":3,"file":"FooterBottomLinks.cjs","names":["FooterLinkSection","styled","section","BREAKPOINTS","MEDIUM","FooterLinks","div","ComponentXSStyling","ComponentTextStyle","Bold","Copyright","Regular","COLORS","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AAA+E;AAAA;AAAA;AAAA;AAE/E,IAAMA,iBAAiB,GAAGC,yBAAM,CAACC,OAAO,oNAMpCC,mBAAW,CAACC,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGJ,yBAAM,CAACK,GAAG,2WAK1BH,mBAAW,CAACC,MAAM,EAMhB,IAAAG,8BAAkB,EAACC,8BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAG/CN,mBAAW,CAACC,MAAM,CAKzB;AAED,IAAMM,SAAS,GAAGT,yBAAM,CAACK,GAAG,6KACxB,IAAAC,8BAAkB,EAACC,8BAAkB,CAACG,OAAO,EAAEC,cAAM,CAACC,KAAK,CAAC,EAG5DV,mBAAW,CAACC,MAAM,CAGrB;AAaD,IAAMU,iBAAiB,GAAG,SAApBA,iBAAiB,OAAwD;EAAA,IAAlDC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;EACrD,oBACE,sBAAC,iBAAiB;IAAA,wBAChB,qBAAC,WAAW;MAAA,UACTD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtB,qBAAC,oBAAS;UAAC,EAAE,uBAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAE7D,IAAI,EAAEJ,EAAE,CAACK,EAAG;UAAC,OAAO,EAAC,UAAU;UAAA,UACvCL,EAAE,CAACM;QAAK,GAFKL,CAAC,CAGL;MAAA,CACb;IAAC,EACU,eACd,qBAAC,SAAS;MAAA,UAAEH;IAAa,EAAa;EAAA,EACpB;AAExB,CAAC;AAAC;EAnBAD,WAAW;IANXS,KAAK;IACLD,EAAE;IACFE,MAAM;EAAA;EAKNT,aAAa;AAAA;AAAA,eAoBAF,iBAAiB;AAAA"}

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

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-interface Link {
-    label: string;
-    to: string;
-    target?: string;
-}
-interface FooterLinkProps {
-    bottomLinks?: Link[];
-    copyrightText?: string;
-}
-declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => JSX.Element;
-export default FooterBottomLinks;
+/// <reference types="react" />
+interface Link {
+    label: string;
+    to: string;
+    target?: string;
+}
+interface FooterLinkProps {
+    bottomLinks?: Link[];
+    copyrightText?: string;
+}
+declare const FooterBottomLinks: ({ bottomLinks, copyrightText }: FooterLinkProps) => JSX.Element;
+export default FooterBottomLinks;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","FooterLinkSection","section","MEDIUM","FooterLinks","div","Bold","Copyright","Regular","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport {HyperLink} from '../../HyperLink';\n\nimport {BREAKPOINTS, COLORS} from '../../styles';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterLinkSection = styled.section`\n  min-height: 64px;\n  color: white;\n  display: flex;\n  flex-direction: column;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n  }\n`;\n\nconst FooterLinks = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    flex-direction: row;\n    margin: auto auto auto 0;\n  }\n\n  a {\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n    &:not(:first-child) {\n      margin: 16px 0 0 0;\n      ${BREAKPOINTS.MEDIUM} {\n        margin: 0 0 0 16px;\n      }\n    }\n  }\n`;\n\nconst Copyright = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\n  margin: 16px auto 0 auto;\n\n  ${BREAKPOINTS.MEDIUM} {\n    margin: auto 0 auto auto;\n  }\n`;\n\ninterface Link {\n  label: string;\n  to: string;\n  target?: string;\n}\n\ninterface FooterLinkProps {\n  bottomLinks?: Link[];\n  copyrightText?: string;\n}\n\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\n  return (\n    <FooterLinkSection>\n      <FooterLinks>\n        {bottomLinks?.map((bl, i) => (\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\n                     key={i}\n                     href={bl.to} variant=\"inverted\">\n            {bl.label}\n          </HyperLink>\n        ))}\n      </FooterLinks>\n      <Copyright>{copyrightText}</Copyright>\n    </FooterLinkSection>\n  );\n};\n\nexport default FooterBottomLinks;\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC;AAAA;AAE/E,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,OAAO,sMAMpCL,WAAW,CAACM,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGT,MAAM,CAACU,GAAG,6VAK1BR,WAAW,CAACM,MAAM,EAMhBH,kBAAkB,CAACD,kBAAkB,CAACO,IAAI,EAAE,IAAI,CAAC,EAG/CT,WAAW,CAACM,MAAM,CAKzB;AAED,IAAMI,SAAS,GAAGZ,MAAM,CAACU,GAAG,+JACxBL,kBAAkB,CAACD,kBAAkB,CAACS,OAAO,EAAEV,MAAM,CAACW,KAAK,CAAC,EAG5DZ,WAAW,CAACM,MAAM,CAGrB;AAaD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiB,OAAwD;EAAA,IAAlDC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;EACrD,oBACE,MAAC,iBAAiB;IAAA,wBAChB,KAAC,WAAW;MAAA,UACTD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtB,KAAC,SAAS;UAAC,EAAE,uBAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAE7D,IAAI,EAAEJ,EAAE,CAACK,EAAG;UAAC,OAAO,EAAC,UAAU;UAAA,UACvCL,EAAE,CAACM;QAAK,GAFKL,CAAC,CAGL;MAAA,CACb;IAAC,EACU,eACd,KAAC,SAAS;MAAA,UAAEH;IAAa,EAAa;EAAA,EACpB;AAExB,CAAC;AAAC;EAnBAD,WAAW;IANXS,KAAK;IACLD,EAAE;IACFE,MAAM;EAAA;EAKNT,aAAa;AAAA;AAoBf,eAAeF,iBAAiB"}
+{"version":3,"file":"FooterBottomLinks.js","names":["React","styled","HyperLink","BREAKPOINTS","COLORS","ComponentTextStyle","ComponentXSStyling","FooterLinkSection","section","MEDIUM","FooterLinks","div","Bold","Copyright","Regular","white","FooterBottomLinks","bottomLinks","copyrightText","map","bl","i","Math","floor","random","to","label","target"],"sources":["../../../src/Footer/Components/FooterBottomLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\nimport {HyperLink} from '../../HyperLink';\r\n\r\nimport {BREAKPOINTS, COLORS} from '../../styles';\r\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\r\n\r\nconst FooterLinkSection = styled.section`\r\n  min-height: 64px;\r\n  color: white;\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n  }\r\n`;\r\n\r\nconst FooterLinks = styled.div`\r\n  display: flex;\r\n  flex-direction: column;\r\n  margin: 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    flex-direction: row;\r\n    margin: auto auto auto 0;\r\n  }\r\n\r\n  a {\r\n    ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n    &:not(:first-child) {\r\n      margin: 16px 0 0 0;\r\n      ${BREAKPOINTS.MEDIUM} {\r\n        margin: 0 0 0 16px;\r\n      }\r\n    }\r\n  }\r\n`;\r\n\r\nconst Copyright = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Regular, COLORS.white)}\r\n  margin: 16px auto 0 auto;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    margin: auto 0 auto auto;\r\n  }\r\n`;\r\n\r\ninterface Link {\r\n  label: string;\r\n  to: string;\r\n  target?: string;\r\n}\r\n\r\ninterface FooterLinkProps {\r\n  bottomLinks?: Link[];\r\n  copyrightText?: string;\r\n}\r\n\r\nconst FooterBottomLinks = ({ bottomLinks, copyrightText }: FooterLinkProps) => {\r\n  return (\r\n    <FooterLinkSection>\r\n      <FooterLinks>\r\n        {bottomLinks?.map((bl, i) => (\r\n          <HyperLink id={`FooterLink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     key={i}\r\n                     href={bl.to} variant=\"inverted\">\r\n            {bl.label}\r\n          </HyperLink>\r\n        ))}\r\n      </FooterLinks>\r\n      <Copyright>{copyrightText}</Copyright>\r\n    </FooterLinkSection>\r\n  );\r\n};\r\n\r\nexport default FooterBottomLinks;\r\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AACtC,SAAQC,SAAS,QAAO,iBAAiB;AAEzC,SAAQC,WAAW,EAAEC,MAAM,QAAO,cAAc;AAChD,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,yBAAyB;AAAC;AAAA;AAE/E,IAAMC,iBAAiB,GAAGN,MAAM,CAACO,OAAO,sMAMpCL,WAAW,CAACM,MAAM,CAGrB;AAED,IAAMC,WAAW,GAAGT,MAAM,CAACU,GAAG,6VAK1BR,WAAW,CAACM,MAAM,EAMhBH,kBAAkB,CAACD,kBAAkB,CAACO,IAAI,EAAE,IAAI,CAAC,EAG/CT,WAAW,CAACM,MAAM,CAKzB;AAED,IAAMI,SAAS,GAAGZ,MAAM,CAACU,GAAG,+JACxBL,kBAAkB,CAACD,kBAAkB,CAACS,OAAO,EAAEV,MAAM,CAACW,KAAK,CAAC,EAG5DZ,WAAW,CAACM,MAAM,CAGrB;AAaD,IAAMO,iBAAiB,GAAG,SAApBA,iBAAiB,OAAwD;EAAA,IAAlDC,WAAW,QAAXA,WAAW;IAAEC,aAAa,QAAbA,aAAa;EACrD,oBACE,MAAC,iBAAiB;IAAA,wBAChB,KAAC,WAAW;MAAA,UACTD,WAAW,aAAXA,WAAW,uBAAXA,WAAW,CAAEE,GAAG,CAAC,UAACC,EAAE,EAAEC,CAAC;QAAA,oBACtB,KAAC,SAAS;UAAC,EAAE,uBAAgBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAE7D,IAAI,EAAEJ,EAAE,CAACK,EAAG;UAAC,OAAO,EAAC,UAAU;UAAA,UACvCL,EAAE,CAACM;QAAK,GAFKL,CAAC,CAGL;MAAA,CACb;IAAC,EACU,eACd,KAAC,SAAS;MAAA,UAAEH;IAAa,EAAa;EAAA,EACpB;AAExB,CAAC;AAAC;EAnBAD,WAAW;IANXS,KAAK;IACLD,EAAE;IACFE,MAAM;EAAA;EAKNT,aAAa;AAAA;AAoBf,eAAeF,iBAAiB"}

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

@@ -1 +1 @@
-{"version":3,"file":"FooterDropdownLinks.cjs","names":["Wrapper","styled","div","COLORS","neutral_100","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","invertedFocusStyles","ComponentMStyling","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","React","useState","dropdownActive","setDropdownActive","defaultOnMouseDownHandler","header","links","map","item","index","Math","floor","random","to","target","label"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\nimport {SystemIcons} from '../../icons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\nimport {HyperLink} from '../../HyperLink';\nimport {defaultOnMouseDownHandler} from '../../common';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nconst DropdownLinkBlock = styled.button<{ width: number }>`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.primary_700};\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &:focus {\n    ${invertedFocusStyles}\n  }\n\n  h3 {\n    margin: auto 0;\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  .open {\n    h3 {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.neutral_800};\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.primary_700};\n      cursor: pointer;\n    }\n\n    &:focus {\n      ${invertedFocusStyles}\n    }\n\n    &:active {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navSection: NavSection;\n  width: number;\n}\n\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\n  return (\n    <Wrapper>\n      <DropdownLinkBlock width={width}\n                         className={dropdownActive ? 'open' : ''}\n                         onMouseDown={defaultOnMouseDownHandler}\n                         onClick={() => setDropdownActive(!dropdownActive)}>\n        <h3>{navSection.header}</h3>\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\n      </DropdownLinkBlock>\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\n        {navSection.links.map((item, index) => (\n          <HyperLink key={index}\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                     variant={'inverted'}\n                     href={item.to}\n                     target={item.target || '_blank'}\n                     rel=\"noreferrer noopener\">\n            {item.label}\n          </HyperLink>\n        ))}\n      </LinkBlock>\n    </Wrapper>\n  );\n};\n\nexport default FooterDropdownLinks;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAGA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,kMAEAC,cAAM,CAACC,WAAW,EAGbD,cAAM,CAACC,WAAW,CAEhD;AAED,IAAMC,iBAAiB,GAAGJ,yBAAM,CAACK,MAAM,ioBACnC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EAE/C,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAUrCT,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAQPX,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,EAIzBC,2BAAmB,EAKnB,IAAAC,yBAAiB,EAACV,0BAAkB,CAACW,OAAO,EAAE,SAAS,CAAC,EAKpChB,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACiB,WAAW,CAOhC;AAED,IAAMC,SAAS,GAAGpB,yBAAM,CAACC,GAAG,gkBAatB,IAAAK,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EASpCP,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAKzBG,2BAAmB,EAIDd,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,CAGhC;AAOD,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmB,OAAqD;EAAA,IAA/CC,UAAU,QAAVA,UAAU;IAAEX,KAAK,QAALA,KAAK;EAC9C,sBAA4CY,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnEC,cAAc;IAAEC,iBAAiB;EACxC,oBACE,sBAAC,OAAO;IAAA,wBACN,sBAAC,iBAAiB;MAAC,KAAK,EAAEf,KAAM;MACb,SAAS,EAAEc,cAAc,GAAG,MAAM,GAAG,EAAG;MACxC,WAAW,EAAEE,iCAA0B;MACvC,OAAO,EAAE;QAAA,OAAMD,iBAAiB,CAAC,CAACD,cAAc,CAAC;MAAA,CAAC;MAAA,wBACnE;QAAA,UAAKH,UAAU,CAACM;MAAM,EAAM,EAC3BH,cAAc,gBAAG,qBAAC,kBAAW,CAAC,SAAS;QAAC,IAAI,EAAC;MAAM,EAAG,gBAAG,qBAAC,kBAAW,CAAC,WAAW;QAAC,IAAI,EAAC;MAAM,EAAG;IAAA,EAC/E,eACpB,qBAAC,SAAS;MAAC,KAAK,EAAEd,KAAM;MAAC,SAAS,EAAEc,cAAc,GAAG,MAAM,GAAG,EAAG;MAAA,UAC9DH,UAAU,CAACO,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAChC,qBAAC,oBAAS;UACC,EAAE,yBAAkBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAC/D,OAAO,EAAE,UAAW;UACpB,IAAI,EAAEJ,IAAI,CAACK,EAAG;UACd,MAAM,EAAEL,IAAI,CAACM,MAAM,IAAI,QAAS;UAChC,GAAG,EAAC,qBAAqB;UAAA,UACjCN,IAAI,CAACO;QAAK,GANGN,KAAK,CAOT;MAAA,CACb;IAAC,EACQ;EAAA,EACJ;AAEd,CAAC;AAAC;EA5BArB,KAAK;AAAA;AAAA,eA8BQU,mBAAmB;AAAA"}
+{"version":3,"file":"FooterDropdownLinks.cjs","names":["Wrapper","styled","div","COLORS","neutral_100","DropdownLinkBlock","button","ComponentSStyling","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","invertedFocusStyles","ComponentMStyling","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","React","useState","dropdownActive","setDropdownActive","defaultOnMouseDownHandler","header","links","map","item","index","Math","floor","random","to","target","label"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAGA;AACA;AAAuD;AAAA;AAAA;AAAA;AAEvD,IAAMA,OAAO,GAAGC,yBAAM,CAACC,GAAG,kMAEAC,cAAM,CAACC,WAAW,EAGbD,cAAM,CAACC,WAAW,CAEhD;AAED,IAAMC,iBAAiB,GAAGJ,yBAAM,CAACK,MAAM,ioBACnC,IAAAC,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EAE/C,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAUrCT,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAQPX,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,EAIzBC,2BAAmB,EAKnB,IAAAC,yBAAiB,EAACV,0BAAkB,CAACW,OAAO,EAAE,SAAS,CAAC,EAKpChB,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACiB,WAAW,CAOhC;AAED,IAAMC,SAAS,GAAGpB,yBAAM,CAACC,GAAG,gkBAatB,IAAAK,yBAAiB,EAACC,0BAAkB,CAACC,IAAI,EAAEN,cAAM,CAACO,KAAK,CAAC,EASpCP,cAAM,CAACU,UAAU,EAC5BV,cAAM,CAACW,WAAW,EAKzBG,2BAAmB,EAIDd,cAAM,CAACY,WAAW,EAC7BZ,cAAM,CAACa,WAAW,CAGhC;AAOD,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAmB,OAAqD;EAAA,IAA/CC,UAAU,QAAVA,UAAU;IAAEX,KAAK,QAALA,KAAK;EAC9C,sBAA4CY,KAAK,CAACC,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnEC,cAAc;IAAEC,iBAAiB;EACxC,oBACE,sBAAC,OAAO;IAAA,wBACN,sBAAC,iBAAiB;MAAC,KAAK,EAAEf,KAAM;MACb,SAAS,EAAEc,cAAc,GAAG,MAAM,GAAG,EAAG;MACxC,WAAW,EAAEE,iCAA0B;MACvC,OAAO,EAAE;QAAA,OAAMD,iBAAiB,CAAC,CAACD,cAAc,CAAC;MAAA,CAAC;MAAA,wBACnE;QAAA,UAAKH,UAAU,CAACM;MAAM,EAAM,EAC3BH,cAAc,gBAAG,qBAAC,kBAAW,CAAC,SAAS;QAAC,IAAI,EAAC;MAAM,EAAG,gBAAG,qBAAC,kBAAW,CAAC,WAAW;QAAC,IAAI,EAAC;MAAM,EAAG;IAAA,EAC/E,eACpB,qBAAC,SAAS;MAAC,KAAK,EAAEd,KAAM;MAAC,SAAS,EAAEc,cAAc,GAAG,MAAM,GAAG,EAAG;MAAA,UAC9DH,UAAU,CAACO,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAChC,qBAAC,oBAAS;UACC,EAAE,yBAAkBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAC/D,OAAO,EAAE,UAAW;UACpB,IAAI,EAAEJ,IAAI,CAACK,EAAG;UACd,MAAM,EAAEL,IAAI,CAACM,MAAM,IAAI,QAAS;UAChC,GAAG,EAAC,qBAAqB;UAAA,UACjCN,IAAI,CAACO;QAAK,GANGN,KAAK,CAOT;MAAA,CACb;IAAC,EACQ;EAAA,EACJ;AAEd,CAAC;AAAC;EA5BArB,KAAK;AAAA;AAAA,eA8BQU,mBAAmB;AAAA"}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { NavSection } from '../../types';
-interface FooterNavSectionProps {
-    navSection: NavSection;
-    width: number;
-}
-declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => JSX.Element;
-export default FooterDropdownLinks;
+/// <reference types="react" />
+import { NavSection } from '../../types';
+interface FooterNavSectionProps {
+    navSection: NavSection;
+    width: number;
+}
+declare const FooterDropdownLinks: ({ navSection, width }: FooterNavSectionProps) => JSX.Element;
+export default FooterDropdownLinks;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","Wrapper","div","neutral_100","DropdownLinkBlock","button","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","useState","dropdownActive","setDropdownActive","header","links","map","item","index","Math","floor","random","to","target","label"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\nimport {SystemIcons} from '../../icons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\nimport {HyperLink} from '../../HyperLink';\nimport {defaultOnMouseDownHandler} from '../../common';\n\nconst Wrapper = styled.div`\n  width: 100%;\n  border-top: 1px solid ${COLORS.neutral_100};\n\n  &:last-child {\n    border-bottom: 1px solid ${COLORS.neutral_100};\n  }\n`;\n\nconst DropdownLinkBlock = styled.button<{ width: number }>`\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\n  justify-content: space-between;\n  width: 100%;\n  height: 48px;\n  background-color: transparent;\n  border: none;\n  padding: 0 16px;\n\n  &:hover,\n  .open {\n    background-color: ${COLORS.neutral_20};\n    color: ${COLORS.primary_700};\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n\n  &:active {\n    background-color: ${COLORS.primary_100};\n    color: ${COLORS.primary_800};\n  }\n\n  &:focus {\n    ${invertedFocusStyles}\n  }\n\n  h3 {\n    margin: auto 0;\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  .open {\n    h3 {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.neutral_800};\n    }\n  }\n\n  svg {\n    margin: auto 0;\n  }\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: none;\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  &.show {\n    display: flex;\n  }\n\n  a {\n    text-decoration: none;\n\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n    \n    display: flex;\n    align-items: center;\n    \n    padding: 0 16px;\n    height: 48px;\n\n    &:hover {\n      background-color: ${COLORS.neutral_20};\n      color: ${COLORS.primary_700};\n      cursor: pointer;\n    }\n\n    &:focus {\n      ${invertedFocusStyles}\n    }\n\n    &:active {\n      background-color: ${COLORS.primary_100};\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navSection: NavSection;\n  width: number;\n}\n\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\n  return (\n    <Wrapper>\n      <DropdownLinkBlock width={width}\n                         className={dropdownActive ? 'open' : ''}\n                         onMouseDown={defaultOnMouseDownHandler}\n                         onClick={() => setDropdownActive(!dropdownActive)}>\n        <h3>{navSection.header}</h3>\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\n      </DropdownLinkBlock>\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\n        {navSection.links.map((item, index) => (\n          <HyperLink key={index}\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                     variant={'inverted'}\n                     href={item.to}\n                     target={item.target || '_blank'}\n                     rel=\"noreferrer noopener\">\n            {item.label}\n          </HyperLink>\n        ))}\n      </LinkBlock>\n    </Wrapper>\n  );\n};\n\nexport default FooterDropdownLinks;\n"],"mappings":"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"}
+{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","SystemIcons","ComponentMStyling","ComponentSStyling","HyperLink","defaultOnMouseDownHandler","Wrapper","div","neutral_100","DropdownLinkBlock","button","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","useState","dropdownActive","setDropdownActive","header","links","map","item","index","Math","floor","random","to","target","label"],"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {COLORS, ComponentTextStyle, invertedFocusStyles} from '../../styles';\r\nimport {SystemIcons} from '../../icons';\r\nimport {NavSection} from '../../types';\r\nimport {ComponentMStyling, ComponentSStyling} from '../../styles';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport {defaultOnMouseDownHandler} from '../../common';\r\n\r\nconst Wrapper = styled.div`\r\n  width: 100%;\r\n  border-top: 1px solid ${COLORS.neutral_100};\r\n\r\n  &:last-child {\r\n    border-bottom: 1px solid ${COLORS.neutral_100};\r\n  }\r\n`;\r\n\r\nconst DropdownLinkBlock = styled.button<{ width: number }>`\r\n  ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n\r\n  display: ${(props) => (props.width > 768 ? 'none' : 'flex')};\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  height: 48px;\r\n  background-color: transparent;\r\n  border: none;\r\n  padding: 0 16px;\r\n\r\n  &:hover,\r\n  .open {\r\n    background-color: ${COLORS.neutral_20};\r\n    color: ${COLORS.primary_700};\r\n  }\r\n\r\n  &:hover {\r\n    cursor: pointer;\r\n  }\r\n\r\n  &:active {\r\n    background-color: ${COLORS.primary_100};\r\n    color: ${COLORS.primary_800};\r\n  }\r\n\r\n  &:focus {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  h3 {\r\n    margin: auto 0;\r\n    ${ComponentMStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  .open {\r\n    h3 {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.neutral_800};\r\n    }\r\n  }\r\n\r\n  svg {\r\n    margin: auto 0;\r\n  }\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: none;\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  &.show {\r\n    display: flex;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n    \r\n    display: flex;\r\n    align-items: center;\r\n    \r\n    padding: 0 16px;\r\n    height: 48px;\r\n\r\n    &:hover {\r\n      background-color: ${COLORS.neutral_20};\r\n      color: ${COLORS.primary_700};\r\n      cursor: pointer;\r\n    }\r\n\r\n    &:focus {\r\n      ${invertedFocusStyles}\r\n    }\r\n\r\n    &:active {\r\n      background-color: ${COLORS.primary_100};\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navSection: NavSection;\r\n  width: number;\r\n}\r\n\r\nconst FooterDropdownLinks = ({ navSection, width }: FooterNavSectionProps) => {\r\n  const [dropdownActive, setDropdownActive] = React.useState<boolean>(false);\r\n  return (\r\n    <Wrapper>\r\n      <DropdownLinkBlock width={width}\r\n                         className={dropdownActive ? 'open' : ''}\r\n                         onMouseDown={defaultOnMouseDownHandler}\r\n                         onClick={() => setDropdownActive(!dropdownActive)}>\r\n        <h3>{navSection.header}</h3>\r\n        {dropdownActive ? <SystemIcons.ChevronUp size=\"24px\" /> : <SystemIcons.ChevronDown size=\"24px\" />}\r\n      </DropdownLinkBlock>\r\n      <LinkBlock width={width} className={dropdownActive ? 'show' : ''}>\r\n        {navSection.links.map((item, index) => (\r\n          <HyperLink key={index}\r\n                     id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                     variant={'inverted'}\r\n                     href={item.to}\r\n                     target={item.target || '_blank'}\r\n                     rel=\"noreferrer noopener\">\r\n            {item.label}\r\n          </HyperLink>\r\n        ))}\r\n      </LinkBlock>\r\n    </Wrapper>\r\n  );\r\n};\r\n\r\nexport default FooterDropdownLinks;\r\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,MAAM,EAAEC,kBAAkB,EAAEC,mBAAmB,QAAO,cAAc;AAC5E,SAAQC,WAAW,QAAO,aAAa;AAEvC,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,cAAc;AACjE,SAAQC,SAAS,QAAO,iBAAiB;AACzC,SAAQC,yBAAyB,QAAO,cAAc;AAAC;AAAA;AAEvD,IAAMC,OAAO,GAAGT,MAAM,CAACU,GAAG,oLAEAT,MAAM,CAACU,WAAW,EAGbV,MAAM,CAACU,WAAW,CAEhD;AAED,IAAMC,iBAAiB,GAAGZ,MAAM,CAACa,MAAM,mnBACnCP,iBAAiB,CAACJ,kBAAkB,CAACY,IAAI,EAAEb,MAAM,CAACc,KAAK,CAAC,EAE/C,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,GAAG,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAUrChB,MAAM,CAACiB,UAAU,EAC5BjB,MAAM,CAACkB,WAAW,EAQPlB,MAAM,CAACmB,WAAW,EAC7BnB,MAAM,CAACoB,WAAW,EAIzBlB,mBAAmB,EAKnBE,iBAAiB,CAACH,kBAAkB,CAACoB,OAAO,EAAE,SAAS,CAAC,EAKpCrB,MAAM,CAACiB,UAAU,EAC5BjB,MAAM,CAACsB,WAAW,CAOhC;AAED,IAAMC,SAAS,GAAGxB,MAAM,CAACU,GAAG,kjBAatBJ,iBAAiB,CAACJ,kBAAkB,CAACY,IAAI,EAAEb,MAAM,CAACc,KAAK,CAAC,EASpCd,MAAM,CAACiB,UAAU,EAC5BjB,MAAM,CAACkB,WAAW,EAKzBhB,mBAAmB,EAIDF,MAAM,CAACmB,WAAW,EAC7BnB,MAAM,CAACoB,WAAW,CAGhC;AAOD,IAAMI,mBAAmB,GAAG,SAAtBA,mBAAmB,OAAqD;EAAA,IAA/CC,UAAU,QAAVA,UAAU;IAAET,KAAK,QAALA,KAAK;EAC9C,sBAA4ClB,KAAK,CAAC4B,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnEC,cAAc;IAAEC,iBAAiB;EACxC,oBACE,MAAC,OAAO;IAAA,wBACN,MAAC,iBAAiB;MAAC,KAAK,EAAEZ,KAAM;MACb,SAAS,EAAEW,cAAc,GAAG,MAAM,GAAG,EAAG;MACxC,WAAW,EAAEpB,yBAA0B;MACvC,OAAO,EAAE;QAAA,OAAMqB,iBAAiB,CAAC,CAACD,cAAc,CAAC;MAAA,CAAC;MAAA,wBACnE;QAAA,UAAKF,UAAU,CAACI;MAAM,EAAM,EAC3BF,cAAc,gBAAG,KAAC,WAAW,CAAC,SAAS;QAAC,IAAI,EAAC;MAAM,EAAG,gBAAG,KAAC,WAAW,CAAC,WAAW;QAAC,IAAI,EAAC;MAAM,EAAG;IAAA,EAC/E,eACpB,KAAC,SAAS;MAAC,KAAK,EAAEX,KAAM;MAAC,SAAS,EAAEW,cAAc,GAAG,MAAM,GAAG,EAAG;MAAA,UAC9DF,UAAU,CAACK,KAAK,CAACC,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK;QAAA,oBAChC,KAAC,SAAS;UACC,EAAE,yBAAkBC,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;UAC/D,OAAO,EAAE,UAAW;UACpB,IAAI,EAAEJ,IAAI,CAACK,EAAG;UACd,MAAM,EAAEL,IAAI,CAACM,MAAM,IAAI,QAAS;UAChC,GAAG,EAAC,qBAAqB;UAAA,UACjCN,IAAI,CAACO;QAAK,GANGN,KAAK,CAOT;MAAA,CACb;IAAC,EACQ;EAAA,EACJ;AAEd,CAAC;AAAC;EA5BAjB,KAAK;AAAA;AA8BP,eAAeQ,mBAAmB"}

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.cjs","names":["NavSection","styled","section","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","white","FooterNavSection","navOptions","React","useState","hasWindow","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","removeEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\nimport FooterDropdownLinks from './FooterDropdownLinks';\nimport {NavOptions} from '../../types';\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\nimport { hasWindow } from '../../utils/utils';\n\nconst NavSection = styled.section`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    width: calc(33% - 24px);\n  }\n  ${BREAKPOINTS.LARGE} {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  a {\n    padding: 8px 0px;\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navOptions: NavOptions;\n  mainId: string;\n}\n\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return (\n    <NavSection>\n      {navOptions.sections?.map((no, index) => {\n        return width > 768 ? (\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\n            <h3>{no.header}</h3>\n            {no.links.map((link, index) => (\n              <HyperLink key={index}\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                         variant={'inverted'}\n                         href={link.to}\n                         target={link.target || '_blank'}\n                         rel=\"noreferrer noopener\">\n                {link.label}\n              </HyperLink>\n            ))}\n          </LinkBlock>\n        ) : (\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\n        );\n      })}\n    </NavSection>\n  );\n};\n\nexport default FooterNavSection;\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAE9C,IAAMA,UAAU,GAAGC,yBAAM,CAACC,OAAO,sNAOhC;AAED,IAAMC,SAAS,GAAGF,yBAAM,CAACG,GAAG,0bACf,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAK1DC,mBAAW,CAACC,MAAM,EAKlBD,mBAAW,CAACE,KAAK,EAGjBF,mBAAW,CAACE,KAAK,EAMf,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,SAAS,CAAC,EAKxD,IAAAC,6BAAiB,EAACF,0BAAkB,CAACG,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAE7D;AAOD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA8C;EAAA;EAAA,IAAxCC,UAAU,QAAVA,UAAU;EACpC,sBAA0BC,KAAK,CAACC,QAAQ,CAAS,IAAAC,gBAAS,GAAE,GAAGC,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EjB,KAAK;IAAEkB,QAAQ;EACtBL,KAAK,CAACM,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACK,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAMJ,MAAM,CAACM,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,qBAAC,UAAU;IAAA,kCACRR,UAAU,CAACW,QAAQ,yDAAnB,qBAAqBC,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK,EAAK;MACvC,OAAO1B,KAAK,GAAG,GAAG,gBAChB,sBAAC,SAAS;QAA4B,KAAK,EAAEA,KAAM;QAAA,wBACjD;UAAA,UAAKyB,EAAE,CAACE;QAAM,EAAM,EACnBF,EAAE,CAACG,KAAK,CAACJ,GAAG,CAAC,UAACK,IAAI,EAAEH,KAAK;UAAA,oBACxB,qBAAC,oBAAS;YACC,EAAE,yBAAkBI,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;YAC/D,OAAO,EAAE,UAAW;YACpB,IAAI,EAAEH,IAAI,CAACI,EAAG;YACd,MAAM,EAAEJ,IAAI,CAACK,MAAM,IAAI,QAAS;YAChC,GAAG,EAAC,qBAAqB;YAAA,UACjCL,IAAI,CAACM;UAAK,GANGT,KAAK,CAOT;QAAA,CACb,CAAC;MAAA,uBAXyBA,KAAK,EAYtB,gBAEZ,qBAAC,4BAAmB;QAAC,eAAa,iBAAkB;QAAoC,UAAU,EAAED,EAAG;QAAC,KAAK,EAAEzB;MAAM,+BAAtC0B,KAAK,EACrF;IACH,CAAC;EAAC,EACS;AAEjB,CAAC;AAAC;EApCAU,MAAM;AAAA;AAAA,eAsCOzB,gBAAgB;AAAA"}
+{"version":3,"file":"FooterNavSection.cjs","names":["NavSection","styled","section","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","white","FooterNavSection","navOptions","React","useState","hasWindow","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","removeEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":";;;;;;;;;;;AAAA;AACA;AAEA;AACA;AAEA;AACA;AACA;AAA8C;AAAA;AAAA;AAAA;AAE9C,IAAMA,UAAU,GAAGC,yBAAM,CAACC,OAAO,sNAOhC;AAED,IAAMC,SAAS,GAAGF,yBAAM,CAACG,GAAG,0bACf,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAK1DC,mBAAW,CAACC,MAAM,EAKlBD,mBAAW,CAACE,KAAK,EAGjBF,mBAAW,CAACE,KAAK,EAMf,IAAAC,6BAAiB,EAACC,0BAAkB,CAACC,OAAO,EAAE,SAAS,CAAC,EAKxD,IAAAC,6BAAiB,EAACF,0BAAkB,CAACG,IAAI,EAAEC,cAAM,CAACC,KAAK,CAAC,CAE7D;AAOD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA8C;EAAA;EAAA,IAAxCC,UAAU,QAAVA,UAAU;EACpC,sBAA0BC,KAAK,CAACC,QAAQ,CAAS,IAAAC,gBAAS,GAAE,GAAGC,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EjB,KAAK;IAAEkB,QAAQ;EACtBL,KAAK,CAACM,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACK,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAMJ,MAAM,CAACM,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,qBAAC,UAAU;IAAA,kCACRR,UAAU,CAACW,QAAQ,yDAAnB,qBAAqBC,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK,EAAK;MACvC,OAAO1B,KAAK,GAAG,GAAG,gBAChB,sBAAC,SAAS;QAA4B,KAAK,EAAEA,KAAM;QAAA,wBACjD;UAAA,UAAKyB,EAAE,CAACE;QAAM,EAAM,EACnBF,EAAE,CAACG,KAAK,CAACJ,GAAG,CAAC,UAACK,IAAI,EAAEH,KAAK;UAAA,oBACxB,qBAAC,oBAAS;YACC,EAAE,yBAAkBI,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;YAC/D,OAAO,EAAE,UAAW;YACpB,IAAI,EAAEH,IAAI,CAACI,EAAG;YACd,MAAM,EAAEJ,IAAI,CAACK,MAAM,IAAI,QAAS;YAChC,GAAG,EAAC,qBAAqB;YAAA,UACjCL,IAAI,CAACM;UAAK,GANGT,KAAK,CAOT;QAAA,CACb,CAAC;MAAA,uBAXyBA,KAAK,EAYtB,gBAEZ,qBAAC,4BAAmB;QAAC,eAAa,iBAAkB;QAAoC,UAAU,EAAED,EAAG;QAAC,KAAK,EAAEzB;MAAM,+BAAtC0B,KAAK,EACrF;IACH,CAAC;EAAC,EACS;AAEjB,CAAC;AAAC;EApCAU,MAAM;AAAA;AAAA,eAsCOzB,gBAAgB;AAAA"}

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-import { NavOptions } from '../../types';
-interface FooterNavSectionProps {
-    navOptions: NavOptions;
-    mainId: string;
-}
-declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => JSX.Element;
-export default FooterNavSection;
+/// <reference types="react" />
+import { NavOptions } from '../../types';
+interface FooterNavSectionProps {
+    navOptions: NavOptions;
+    mainId: string;
+}
+declare const FooterNavSection: ({ navOptions }: FooterNavSectionProps) => JSX.Element;
+export default FooterNavSection;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","NavSection","section","LinkBlock","div","props","width","MEDIUM","LARGE","Regular","Bold","white","FooterNavSection","navOptions","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","removeEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\nimport FooterDropdownLinks from './FooterDropdownLinks';\nimport {NavOptions} from '../../types';\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\nimport {HyperLink} from '../../HyperLink';\nimport { hasWindow } from '../../utils/utils';\n\nconst NavSection = styled.section`\n  display: flex;\n  flex-direction: row;\n  flex-wrap: wrap;\n  flex-flow: flex-start;\n  color: white;\n  margin-bottom: 12px;\n`;\n\nconst LinkBlock = styled.div<{ width: number }>`\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\n  flex-direction: column;\n  font-weight: normal;\n  width: 100%;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 0 24px 24px 0;\n    width: calc(50% - 24px);\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    width: calc(33% - 24px);\n  }\n  ${BREAKPOINTS.LARGE} {\n    padding: 0 32px 32px 0;\n    width: calc(33% - 32px);\n  }\n\n  h3 {\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\n  }\n\n  a {\n    padding: 8px 0px;\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\n  }\n`;\n\ninterface FooterNavSectionProps {\n  navOptions: NavOptions;\n  mainId: string;\n}\n\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return (\n    <NavSection>\n      {navOptions.sections?.map((no, index) => {\n        return width > 768 ? (\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\n            <h3>{no.header}</h3>\n            {no.links.map((link, index) => (\n              <HyperLink key={index}\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\n                         variant={'inverted'}\n                         href={link.to}\n                         target={link.target || '_blank'}\n                         rel=\"noreferrer noopener\">\n                {link.label}\n              </HyperLink>\n            ))}\n          </LinkBlock>\n        ) : (\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\n        );\n      })}\n    </NavSection>\n  );\n};\n\nexport default FooterNavSection;\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAO,cAAc;AACpE,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,yBAAyB;AAC5E,SAAQC,SAAS,QAAO,iBAAiB;AACzC,SAASC,SAAS,QAAQ,mBAAmB;AAAC;AAAA;AAE9C,IAAMC,UAAU,GAAGT,MAAM,CAACU,OAAO,wMAOhC;AAED,IAAMC,SAAS,GAAGX,MAAM,CAACY,GAAG,4aACf,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAK1Db,WAAW,CAACc,MAAM,EAKlBd,WAAW,CAACe,KAAK,EAGjBf,WAAW,CAACe,KAAK,EAMfX,iBAAiB,CAACF,kBAAkB,CAACc,OAAO,EAAE,SAAS,CAAC,EAKxDX,iBAAiB,CAACH,kBAAkB,CAACe,IAAI,EAAEhB,MAAM,CAACiB,KAAK,CAAC,CAE7D;AAOD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA8C;EAAA;EAAA,IAAxCC,UAAU,QAAVA,UAAU;EACpC,sBAA0BtB,KAAK,CAACuB,QAAQ,CAASd,SAAS,EAAE,GAAGe,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EV,KAAK;IAAEW,QAAQ;EACtB1B,KAAK,CAAC2B,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACK,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAMJ,MAAM,CAACM,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,KAAC,UAAU;IAAA,kCACRN,UAAU,CAACS,QAAQ,yDAAnB,qBAAqBC,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK,EAAK;MACvC,OAAOnB,KAAK,GAAG,GAAG,gBAChB,MAAC,SAAS;QAA4B,KAAK,EAAEA,KAAM;QAAA,wBACjD;UAAA,UAAKkB,EAAE,CAACE;QAAM,EAAM,EACnBF,EAAE,CAACG,KAAK,CAACJ,GAAG,CAAC,UAACK,IAAI,EAAEH,KAAK;UAAA,oBACxB,KAAC,SAAS;YACC,EAAE,yBAAkBI,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;YAC/D,OAAO,EAAE,UAAW;YACpB,IAAI,EAAEH,IAAI,CAACI,EAAG;YACd,MAAM,EAAEJ,IAAI,CAACK,MAAM,IAAI,QAAS;YAChC,GAAG,EAAC,qBAAqB;YAAA,UACjCL,IAAI,CAACM;UAAK,GANGT,KAAK,CAOT;QAAA,CACb,CAAC;MAAA,uBAXyBA,KAAK,EAYtB,gBAEZ,KAAC,mBAAmB;QAAC,eAAa,iBAAkB;QAAoC,UAAU,EAAED,EAAG;QAAC,KAAK,EAAElB;MAAM,+BAAtCmB,KAAK,EACrF;IACH,CAAC;EAAC,EACS;AAEjB,CAAC;AAAC;EApCAU,MAAM;AAAA;AAsCR,eAAevB,gBAAgB"}
+{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","hasWindow","NavSection","section","LinkBlock","div","props","width","MEDIUM","LARGE","Regular","Bold","white","FooterNavSection","navOptions","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","removeEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled from 'styled-components';\r\n\r\nimport {BREAKPOINTS, COLORS, ComponentTextStyle} from '../../styles';\r\nimport FooterDropdownLinks from './FooterDropdownLinks';\r\nimport {NavOptions} from '../../types';\r\nimport {ComponentLStyling, ComponentSStyling} from '../../styles/typography';\r\nimport {HyperLink} from '../../HyperLink';\r\nimport { hasWindow } from '../../utils/utils';\r\n\r\nconst NavSection = styled.section`\r\n  display: flex;\r\n  flex-direction: row;\r\n  flex-wrap: wrap;\r\n  flex-flow: flex-start;\r\n  color: white;\r\n  margin-bottom: 12px;\r\n`;\r\n\r\nconst LinkBlock = styled.div<{ width: number }>`\r\n  display: ${(props) => (props.width <= 768 ? 'none' : 'flex')};\r\n  flex-direction: column;\r\n  font-weight: normal;\r\n  width: 100%;\r\n\r\n  ${BREAKPOINTS.MEDIUM} {\r\n    padding: 0 24px 24px 0;\r\n    width: calc(50% - 24px);\r\n  }\r\n\r\n  ${BREAKPOINTS.LARGE} {\r\n    width: calc(33% - 24px);\r\n  }\r\n  ${BREAKPOINTS.LARGE} {\r\n    padding: 0 32px 32px 0;\r\n    width: calc(33% - 32px);\r\n  }\r\n\r\n  h3 {\r\n    ${ComponentLStyling(ComponentTextStyle.Regular, 'inherit')}\r\n  }\r\n\r\n  a {\r\n    padding: 8px 0px;\r\n    ${ComponentSStyling(ComponentTextStyle.Bold, COLORS.white)}\r\n  }\r\n`;\r\n\r\ninterface FooterNavSectionProps {\r\n  navOptions: NavOptions;\r\n  mainId: string;\r\n}\r\n\r\nconst FooterNavSection = ({ navOptions }: FooterNavSectionProps) => {\r\n  const [width, setWidth] = React.useState<number>(hasWindow() ? window.innerWidth : -1);\r\n  React.useEffect(() => {\r\n    function handleResize() {\r\n      setWidth(window.innerWidth);\r\n    }\r\n    window.addEventListener('resize', handleResize);\r\n    return () => window.removeEventListener('resize', handleResize);\r\n  }, []);\r\n\r\n  return (\r\n    <NavSection>\r\n      {navOptions.sections?.map((no, index) => {\r\n        return width > 768 ? (\r\n          <LinkBlock key={`LinkBlock_${index}`} width={width}>\r\n            <h3>{no.header}</h3>\r\n            {no.links.map((link, index) => (\r\n              <HyperLink key={index}\r\n                         id={`dropdownlink_${Math.floor(Math.random() * 999999999999)}`}\r\n                         variant={'inverted'}\r\n                         href={link.to}\r\n                         target={link.target || '_blank'}\r\n                         rel=\"noreferrer noopener\">\r\n                {link.label}\r\n              </HyperLink>\r\n            ))}\r\n          </LinkBlock>\r\n        ) : (\r\n          <FooterDropdownLinks data-testid={'footerDropLinks'} key={`LinkBlockDropdown_${index}`} navSection={no} width={width} />\r\n        );\r\n      })}\r\n    </NavSection>\r\n  );\r\n};\r\n\r\nexport default FooterNavSection;\r\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,MAAM,MAAM,mBAAmB;AAEtC,SAAQC,WAAW,EAAEC,MAAM,EAAEC,kBAAkB,QAAO,cAAc;AACpE,OAAOC,mBAAmB,MAAM,uBAAuB;AAEvD,SAAQC,iBAAiB,EAAEC,iBAAiB,QAAO,yBAAyB;AAC5E,SAAQC,SAAS,QAAO,iBAAiB;AACzC,SAASC,SAAS,QAAQ,mBAAmB;AAAC;AAAA;AAE9C,IAAMC,UAAU,GAAGT,MAAM,CAACU,OAAO,wMAOhC;AAED,IAAMC,SAAS,GAAGX,MAAM,CAACY,GAAG,4aACf,UAACC,KAAK;EAAA,OAAMA,KAAK,CAACC,KAAK,IAAI,GAAG,GAAG,MAAM,GAAG,MAAM;AAAA,CAAC,EAK1Db,WAAW,CAACc,MAAM,EAKlBd,WAAW,CAACe,KAAK,EAGjBf,WAAW,CAACe,KAAK,EAMfX,iBAAiB,CAACF,kBAAkB,CAACc,OAAO,EAAE,SAAS,CAAC,EAKxDX,iBAAiB,CAACH,kBAAkB,CAACe,IAAI,EAAEhB,MAAM,CAACiB,KAAK,CAAC,CAE7D;AAOD,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgB,OAA8C;EAAA;EAAA,IAAxCC,UAAU,QAAVA,UAAU;EACpC,sBAA0BtB,KAAK,CAACuB,QAAQ,CAASd,SAAS,EAAE,GAAGe,MAAM,CAACC,UAAU,GAAG,CAAC,CAAC,CAAC;IAAA;IAA/EV,KAAK;IAAEW,QAAQ;EACtB1B,KAAK,CAAC2B,SAAS,CAAC,YAAM;IACpB,SAASC,YAAY,GAAG;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAU,CAAC;IAC7B;IACAD,MAAM,CAACK,gBAAgB,CAAC,QAAQ,EAAED,YAAY,CAAC;IAC/C,OAAO;MAAA,OAAMJ,MAAM,CAACM,mBAAmB,CAAC,QAAQ,EAAEF,YAAY,CAAC;IAAA;EACjE,CAAC,EAAE,EAAE,CAAC;EAEN,oBACE,KAAC,UAAU;IAAA,kCACRN,UAAU,CAACS,QAAQ,yDAAnB,qBAAqBC,GAAG,CAAC,UAACC,EAAE,EAAEC,KAAK,EAAK;MACvC,OAAOnB,KAAK,GAAG,GAAG,gBAChB,MAAC,SAAS;QAA4B,KAAK,EAAEA,KAAM;QAAA,wBACjD;UAAA,UAAKkB,EAAE,CAACE;QAAM,EAAM,EACnBF,EAAE,CAACG,KAAK,CAACJ,GAAG,CAAC,UAACK,IAAI,EAAEH,KAAK;UAAA,oBACxB,KAAC,SAAS;YACC,EAAE,yBAAkBI,IAAI,CAACC,KAAK,CAACD,IAAI,CAACE,MAAM,EAAE,GAAG,YAAY,CAAC,CAAG;YAC/D,OAAO,EAAE,UAAW;YACpB,IAAI,EAAEH,IAAI,CAACI,EAAG;YACd,MAAM,EAAEJ,IAAI,CAACK,MAAM,IAAI,QAAS;YAChC,GAAG,EAAC,qBAAqB;YAAA,UACjCL,IAAI,CAACM;UAAK,GANGT,KAAK,CAOT;QAAA,CACb,CAAC;MAAA,uBAXyBA,KAAK,EAYtB,gBAEZ,KAAC,mBAAmB;QAAC,eAAa,iBAAkB;QAAoC,UAAU,EAAED,EAAG;QAAC,KAAK,EAAElB;MAAM,+BAAtCmB,KAAK,EACrF;IACH,CAAC;EAAC,EACS;AAEjB,CAAC;AAAC;EApCAU,MAAM;AAAA;AAsCR,eAAevB,gBAAgB"}

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

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

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

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-interface FooterNewsletterAndSocialSection {
-    actionOnNewsletterSignup?: (email: string) => void;
-    newsletterLabel: string;
-    placeholderEmail?: string;
-}
-declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => JSX.Element;
-export default FooterNewsletterAndSocialSection;
+/// <reference types="react" />
+interface FooterNewsletterAndSocialSection {
+    actionOnNewsletterSignup?: (email: string) => void;
+    newsletterLabel: string;
+    placeholderEmail?: string;
+}
+declare const FooterNewsletterAndSocialSection: ({ actionOnNewsletterSignup, newsletterLabel, placeholderEmail }: FooterNewsletterAndSocialSection) => JSX.Element;
+export default FooterNewsletterAndSocialSection;

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

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

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, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {SystemIcons} from '../../icons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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        <SystemIcons.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;AAAwC;AAAA;AAAA;AAAA;AAGxC,IAAMA,gBAAgB,GAAGC,yBAAM,CAACC,OAAO,4LAMtC;AAED,IAAMC,KAAK,GAAGF,yBAAM,CAACG,GAAG,gtBAkBlB,IAAAC,0BAAkB,EAACC,0BAAkB,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,kBAAW,CAAC,WAAW;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEf,cAAM,CAACiB;MAAM,EAAG,eAC5D;QAAA,UAAOR;MAAS,EAAQ;IAAA,EAClB;EAAA,EACS;AAEvB,CAAC;AAAC;EAjCAF,QAAQ;EACRC,WAAW;EACXC,SAAS;AAAA;AAAA,eAiCIH,SAAS;AAAA"}
+{"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';\r\nimport styled 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: ${COLORS.primary_20};\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_700};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${COLORS.primary_100};\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterTopProps {\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  toTopText: string;\r\n}\r\n\r\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  const action = () => {\r\n    animateScrollTo(0);\r\n  };\r\n  return (\r\n    <FooterTopSection>\r\n      <Logo\r\n        name={sitename || ''}\r\n        showBetaTag={showBetaTag}\r\n        color={COLORS.white}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.white}\r\n        betaTagColor={COLORS.neutral_800}\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.white} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AAEA;AACA;AACA;AAAwC;AAAA;AAAA;AAAA;AAGxC,IAAMA,gBAAgB,GAAGC,yBAAM,CAACC,OAAO,4LAMtC;AAED,IAAMC,KAAK,GAAGF,yBAAM,CAACG,GAAG,gtBAkBlB,IAAAC,0BAAkB,EAACC,0BAAkB,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,kBAAW,CAAC,WAAW;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAEf,cAAM,CAACiB;MAAM,EAAG,eAC5D;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.d.ts

@@ -1,8 +1,8 @@
-/// <reference types="react" />
-interface FooterTopProps {
-    sitename?: string;
-    showBetaTag?: boolean;
-    toTopText: string;
-}
-declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => JSX.Element;
-export default FooterTop;
+/// <reference types="react" />
+interface FooterTopProps {
+    sitename?: string;
+    showBetaTag?: boolean;
+    toTopText: string;
+}
+declare const FooterTop: ({ sitename, showBetaTag, toTopText }: FooterTopProps) => JSX.Element;
+export default FooterTop;

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

@@ -1 +1 @@
-{"version":3,"file":"FooterTop.js","names":["React","styled","animateScrollTo","COLORS","invertedFocusStyles","Logo","SystemIcons","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, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {SystemIcons} from '../../icons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles';\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        <SystemIcons.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;AACxD,OAAOC,IAAI,MAAM,gCAAgC;AACjD,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,cAAc;AAAC;AAAA;AAEpE,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,CAAC,WAAW;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAExB,MAAM,CAACyB;MAAM,EAAG,eAC5D;QAAA,UAAOP;MAAS,EAAQ;IAAA,EAClB;EAAA,EACS;AAEvB,CAAC;AAAC;EAjCAF,QAAQ;EACRC,WAAW;EACXC,SAAS;AAAA;AAiCX,eAAeH,SAAS"}
+{"version":3,"file":"FooterTop.js","names":["React","styled","animateScrollTo","COLORS","invertedFocusStyles","Logo","SystemIcons","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';\r\nimport styled 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: ${COLORS.primary_20};\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_700};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_700};\r\n    }\r\n  }\r\n\r\n  &:focus:not(:disabled) {\r\n    ${invertedFocusStyles}\r\n  }\r\n\r\n  &:active:not(:disabled) {\r\n    background: ${COLORS.primary_100};\r\n    svg path,\r\n    svg {\r\n      fill: ${COLORS.primary_800};\r\n    }\r\n    span {\r\n      color: ${COLORS.primary_800};\r\n    }\r\n  }\r\n`;\r\n\r\ninterface FooterTopProps {\r\n  sitename?: string;\r\n  showBetaTag?: boolean;\r\n  toTopText: string;\r\n}\r\n\r\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\r\n  const isPressingEnter = (e: any) => {\r\n    if (e.key === 'Enter') {\r\n      e.preventDefault();\r\n      e.stopPropagation();\r\n      return true;\r\n    }\r\n    return false;\r\n  };\r\n  const action = () => {\r\n    animateScrollTo(0);\r\n  };\r\n  return (\r\n    <FooterTopSection>\r\n      <Logo\r\n        name={sitename || ''}\r\n        showBetaTag={showBetaTag}\r\n        color={COLORS.white}\r\n        inverted={true}\r\n        betaTagBackgroundColor={COLORS.white}\r\n        betaTagColor={COLORS.neutral_800}\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.white} />\r\n        <span>{toTopText}</span>\r\n      </ToTop>\r\n    </FooterTopSection>\r\n  );\r\n};\r\n\r\nexport default FooterTop;\r\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;AACxD,OAAOC,IAAI,MAAM,gCAAgC;AACjD,SAAQC,WAAW,QAAO,aAAa;AACvC,SAAQC,kBAAkB,EAAEC,kBAAkB,QAAO,cAAc;AAAC;AAAA;AAEpE,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,CAAC,WAAW;QAAC,IAAI,EAAC,MAAM;QAAC,KAAK,EAAExB,MAAM,CAACyB;MAAM,EAAG,eAC5D;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.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;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"}
+{"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';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS } from '../styles';\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n`;\r\n\r\nconst FooterGlobalContent = styled.section`\r\n  min-height: 8px;\r\n  background-color: ${COLORS.primary_700};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer 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;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.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-declare const Footer: ({ children }: any) => JSX.Element;
-export default Footer;
+/// <reference types="react" />
+declare const Footer: ({ children }: any) => JSX.Element;
+export default Footer;

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,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"}
+{"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';\r\nimport styled from 'styled-components';\r\n\r\nimport { COLORS } from '../styles';\r\n\r\nconst FooterContainer = styled.footer`\r\n  margin-top: auto;\r\n`;\r\n\r\nconst FooterGlobalContent = styled.section`\r\n  min-height: 8px;\r\n  background-color: ${COLORS.primary_700};\r\n  color: white;\r\n`;\r\n\r\nconst Footer = ({ children }: any) => {\r\n  return (\r\n    <FooterContainer 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;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.map

@@ -1 +1 @@
-{"version":3,"file":"SiteFooter.cjs","names":["FooterContainer","styled","footer","COLORS","neutral_800","neutral_200","BREAKPOINTS","MEDIUM","LARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","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';\nimport {PageWidth} from \"../Layouts\";\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-top: 0;\n  padding-bottom: 16px;\n\n  ${BREAKPOINTS.MEDIUM} {\n    padding: 16px 0;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    padding: 16px 0;\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  useMaxWidth?: boolean;\n  maxWidth?: number;\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  useMaxWidth = true,\n  maxWidth,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <PageWidth unsetMargin={true} useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\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      </PageWidth>\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;;;;;AAGA;AAKA;AAKA;AACA;AACA;AACA;AACA;AAMA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,MAAM,iSAEfC,cAAM,CAACC,WAAW,EACdD,cAAM,CAACE,WAAW,EAKxCC,mBAAW,CAACC,MAAM,EAIlBD,mBAAW,CAACE,KAAK,CAGpB;AACD,IAAMC,UAAU,GAAGR,yBAAM,CAACS,GAAG,6KACHP,cAAM,CAACQ,KAAK,EAElCL,mBAAW,CAACC,MAAM,CAGrB;AAmBD,IAAMK,UAAU,GAAG,SAAbA,UAAU,OAeM;EAAA,IAdpBC,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;IAAA,wBAClBC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAClBC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,qBAAC,eAAe;IAAC,EAAE,EAAEb,EAAG;IAAC,eAAa;EAAmB,GAAKa,IAAI;IAAA,uBAChE,sBAAC,kBAAS;MAAC,WAAW,EAAE,IAAK;MAAC,WAAW,EAAEF,WAAY;MAAC,QAAQ,EAAEC,QAAS;MAAA,wBACzE,qBAAC,kBAAS;QAAC,QAAQ,EAAEX,QAAS;QAAC,WAAW,EAAEE,WAAY;QAAC,SAAS,EAAEE;MAAU,EAAG,EAChFI,UAAU,iBAAI,qBAAC,yBAAgB;QAAC,MAAM,EAAET,EAAG;QAAC,UAAU,EAAES;MAAW,EAAG,eACvE,qBAAC,UAAU,KAAG,EACbF,iCAAiC,iBAChC,qBAAC,yCAAgC;QAAC,gBAAgB,EAAED,qBAAsB;QAAC,wBAAwB,EAAEI,kBAAmB;QAAC,eAAe,EAAEF,eAAe,IAAI;MAAG,EACjK,eACD,qBAAC,0BAAiB;QAAC,WAAW,EAAEN,WAAY;QAAC,aAAa,EAAEE;MAAc,EAAG;IAAA;EACnE,GACI;AAEtB,CAAC;AAAC;EA7CAJ,EAAE;EACFC,QAAQ;EACRE,WAAW;EACXD,WAAW;EACXE,aAAa;EACbG,iCAAiC;EACjCO,wBAAwB;EACxBN,eAAe;EACfH,SAAS;EAETC,qBAAqB;EACrBI,kBAAkB;EAClBC,WAAW;EACXC,QAAQ;AAAA;AAAA,eAkCKb,UAAU;AAAA"}
+{"version":3,"file":"SiteFooter.cjs","names":["FooterContainer","styled","footer","COLORS","neutral_800","neutral_200","BREAKPOINTS","MEDIUM","LARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","useMaxWidth","maxWidth","rest","actionOnNewsletterSignup"],"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: ${COLORS.neutral_800};\r\n  border-top: 8px solid ${COLORS.neutral_200};\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 ${COLORS.white};\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":";;;;;;;;;;;;AAGA;AAKA;AAKA;AACA;AACA;AACA;AACA;AAMA;AAAqC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAErC,IAAMA,eAAe,GAAGC,yBAAM,CAACC,MAAM,iSAEfC,cAAM,CAACC,WAAW,EACdD,cAAM,CAACE,WAAW,EAKxCC,mBAAW,CAACC,MAAM,EAIlBD,mBAAW,CAACE,KAAK,CAGpB;AACD,IAAMC,UAAU,GAAGR,yBAAM,CAACS,GAAG,6KACHP,cAAM,CAACQ,KAAK,EAElCL,mBAAW,CAACC,MAAM,CAGrB;AAmBD,IAAMK,UAAU,GAAG,SAAbA,UAAU,OAeM;EAAA,IAdpBC,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;IAAA,wBAClBC,WAAW;IAAXA,WAAW,iCAAG,IAAI;IAClBC,QAAQ,QAARA,QAAQ;IACLC,IAAI;EAEP,oBACE,qBAAC,eAAe;IAAC,EAAE,EAAEb,EAAG;IAAC,eAAa;EAAmB,GAAKa,IAAI;IAAA,uBAChE,sBAAC,kBAAS;MAAC,WAAW,EAAE,IAAK;MAAC,WAAW,EAAEF,WAAY;MAAC,QAAQ,EAAEC,QAAS;MAAA,wBACzE,qBAAC,kBAAS;QAAC,QAAQ,EAAEX,QAAS;QAAC,WAAW,EAAEE,WAAY;QAAC,SAAS,EAAEE;MAAU,EAAG,EAChFI,UAAU,iBAAI,qBAAC,yBAAgB;QAAC,MAAM,EAAET,EAAG;QAAC,UAAU,EAAES;MAAW,EAAG,eACvE,qBAAC,UAAU,KAAG,EACbF,iCAAiC,iBAChC,qBAAC,yCAAgC;QAAC,gBAAgB,EAAED,qBAAsB;QAAC,wBAAwB,EAAEI,kBAAmB;QAAC,eAAe,EAAEF,eAAe,IAAI;MAAG,EACjK,eACD,qBAAC,0BAAiB;QAAC,WAAW,EAAEN,WAAY;QAAC,aAAa,EAAEE;MAAc,EAAG;IAAA;EACnE,GACI;AAEtB,CAAC;AAAC;EA7CAJ,EAAE;EACFC,QAAQ;EACRE,WAAW;EACXD,WAAW;EACXE,aAAa;EACbG,iCAAiC;EACjCO,wBAAwB;EACxBN,eAAe;EACfH,SAAS;EAETC,qBAAqB;EACrBI,kBAAkB;EAClBC,WAAW;EACXC,QAAQ;AAAA;AAAA,eAkCKb,UAAU;AAAA"}

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) => 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) => JSX.Element;
+export default SiteFooter;