@laerdal/life-react-components 1.11.0-dev.7.full → 1.11.0-dev.9

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["Wrapper","styled","div","COLORS","neutral_100","DropdownLinkBlock","button","ComponentTextStyle","Bold","white","props","width","neutral_20","primary_700","primary_100","primary_800","invertedFocusStyles","Regular","neutral_800","LinkBlock","FooterDropdownLinks","navSection","React","useState","dropdownActive","setDropdownActive","defaultOnMouseDownHandler","header","links","map","item","index","Math","floor","random","to","target","label"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,0BAAOC,GAAV,kMAEaC,eAAOC,WAFpB,EAKkBD,eAAOC,WALzB,CAAb;;AASA,IAAMC,iBAAiB,GAAGJ,0BAAOK,MAAV,ioBACnB,mCAAkBC,2BAAmBC,IAArC,EAA2CL,eAAOM,KAAlD,CADmB,EAGV,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,GAAc,GAAd,GAAoB,MAApB,GAA6B,MAAzC;AAAA,CAHU,EAaCR,eAAOS,UAbR,EAcVT,eAAOU,WAdG,EAsBCV,eAAOW,WAtBR,EAuBVX,eAAOY,WAvBG,EA2BjBC,2BA3BiB,EAgCjB,mCAAkBT,2BAAmBU,OAArC,EAA8C,SAA9C,CAhCiB,EAqCGd,eAAOS,UArCV,EAsCRT,eAAOe,WAtCC,CAAvB;;AA+CA,IAAMC,SAAS,GAAGlB,0BAAOC,GAAV,gkBAaT,mCAAkBK,2BAAmBC,IAArC,EAA2CL,eAAOM,KAAlD,CAbS,EAsBWN,eAAOS,UAtBlB,EAuBAT,eAAOU,WAvBP,EA4BPG,2BA5BO,EAgCWb,eAAOW,WAhClB,EAiCAX,eAAOY,WAjCP,CAAf;;AA2CA,IAAMK,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAkD;AAAA,MAA/CC,UAA+C,QAA/CA,UAA+C;AAAA,MAAnCV,KAAmC,QAAnCA,KAAmC;;AAC5E,wBAA4CW,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,sBACE,sBAAC,OAAD;AAAA,4BACE,sBAAC,iBAAD;AAAmB,MAAA,KAAK,EAAEd,KAA1B;AACmB,MAAA,SAAS,EAAEa,cAAc,GAAG,MAAH,GAAY,EADxD;AAEmB,MAAA,WAAW,EAAEE,iCAFhC;AAGmB,MAAA,OAAO,EAAE;AAAA,eAAMD,iBAAiB,CAAC,CAACD,cAAF,CAAvB;AAAA,OAH5B;AAAA,8BAIE;AAAA,kBAAKH,UAAU,CAACM;AAAhB,QAJF,EAKGH,cAAc,gBAAG,qBAAC,sBAAD;AAAW,QAAA,IAAI,EAAC;AAAhB,QAAH,gBAA+B,qBAAC,wBAAD;AAAa,QAAA,IAAI,EAAC;AAAlB,QALhD;AAAA,MADF,eAQE,qBAAC,SAAD;AAAW,MAAA,KAAK,EAAEb,KAAlB;AAAyB,MAAA,SAAS,EAAEa,cAAc,GAAG,MAAH,GAAY,EAA9D;AAAA,gBACGH,UAAU,CAACO,KAAX,CAAiBC,GAAjB,CAAqB,UAACC,IAAD,EAAOC,KAAP;AAAA,4BACpB,qBAAC,oBAAD;AACW,UAAA,EAAE,yBAAkBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;AAEW,UAAA,OAAO,EAAE,UAFpB;AAGW,UAAA,IAAI,EAAEJ,IAAI,CAACK,EAHtB;AAIW,UAAA,MAAM,EAAEL,IAAI,CAACM,MAAL,IAAe,QAJlC;AAKW,UAAA,GAAG,EAAC,qBALf;AAAA,oBAMGN,IAAI,CAACO;AANR,WAAgBN,KAAhB,CADoB;AAAA,OAArB;AADH,MARF;AAAA,IADF;AAuBD,CAzBD;;;AAHEpB,EAAAA,K;;eA8BaS,mB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\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 ? <ChevronUp size=\"24px\" /> : <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"],"file":"FooterDropdownLinks.cjs"}
+{"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, focusStyles, invertedFocusStyles} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\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 ? <ChevronUp size=\"24px\" /> : <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;;AAEA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,OAAO,GAAGC,yBAAA,CAAOC,GAAV,kMAEaC,cAAA,CAAOC,WAFpB,EAKkBD,cAAA,CAAOC,WALzB,CAAb;;AASA,IAAMC,iBAAiB,GAAGJ,yBAAA,CAAOK,MAAV,ioBACnB,IAAAC,6BAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CN,cAAA,CAAOO,KAAlD,CADmB,EAGV,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,GAAc,GAAd,GAAoB,MAApB,GAA6B,MAAzC;AAAA,CAHU,EAaCT,cAAA,CAAOU,UAbR,EAcVV,cAAA,CAAOW,WAdG,EAsBCX,cAAA,CAAOY,WAtBR,EAuBVZ,cAAA,CAAOa,WAvBG,EA2BjBC,2BA3BiB,EAgCjB,IAAAC,6BAAA,EAAkBV,0BAAA,CAAmBW,OAArC,EAA8C,SAA9C,CAhCiB,EAqCGhB,cAAA,CAAOU,UArCV,EAsCRV,cAAA,CAAOiB,WAtCC,CAAvB;;AA+CA,IAAMC,SAAS,GAAGpB,yBAAA,CAAOC,GAAV,gkBAaT,IAAAK,6BAAA,EAAkBC,0BAAA,CAAmBC,IAArC,EAA2CN,cAAA,CAAOO,KAAlD,CAbS,EAsBWP,cAAA,CAAOU,UAtBlB,EAuBAV,cAAA,CAAOW,WAvBP,EA4BPG,2BA5BO,EAgCWd,cAAA,CAAOY,WAhClB,EAiCAZ,cAAA,CAAOa,WAjCP,CAAf;;AA2CA,IAAMM,mBAAmB,GAAG,SAAtBA,mBAAsB,OAAkD;EAAA,IAA/CC,UAA+C,QAA/CA,UAA+C;EAAA,IAAnCX,KAAmC,QAAnCA,KAAmC;;EAC5E,sBAA4CY,KAAK,CAACC,QAAN,CAAwB,KAAxB,CAA5C;EAAA;EAAA,IAAOC,cAAP;EAAA,IAAuBC,iBAAvB;;EACA,oBACE,sBAAC,OAAD;IAAA,wBACE,sBAAC,iBAAD;MAAmB,KAAK,EAAEf,KAA1B;MACmB,SAAS,EAAEc,cAAc,GAAG,MAAH,GAAY,EADxD;MAEmB,WAAW,EAAEE,iCAFhC;MAGmB,OAAO,EAAE;QAAA,OAAMD,iBAAiB,CAAC,CAACD,cAAF,CAAvB;MAAA,CAH5B;MAAA,wBAIE;QAAA,UAAKH,UAAU,CAACM;MAAhB,EAJF,EAKGH,cAAc,gBAAG,qBAAC,sBAAD;QAAW,IAAI,EAAC;MAAhB,EAAH,gBAA+B,qBAAC,wBAAD;QAAa,IAAI,EAAC;MAAlB,EALhD;IAAA,EADF,eAQE,qBAAC,SAAD;MAAW,KAAK,EAAEd,KAAlB;MAAyB,SAAS,EAAEc,cAAc,GAAG,MAAH,GAAY,EAA9D;MAAA,UACGH,UAAU,CAACO,KAAX,CAAiBC,GAAjB,CAAqB,UAACC,IAAD,EAAOC,KAAP;QAAA,oBACpB,qBAAC,oBAAD;UACW,EAAE,yBAAkBC,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;UAEW,OAAO,EAAE,UAFpB;UAGW,IAAI,EAAEJ,IAAI,CAACK,EAHtB;UAIW,MAAM,EAAEL,IAAI,CAACM,MAAL,IAAe,QAJlC;UAKW,GAAG,EAAC,qBALf;UAAA,UAMGN,IAAI,CAACO;QANR,GAAgBN,KAAhB,CADoB;MAAA,CAArB;IADH,EARF;EAAA,EADF;AAuBD,CAzBD;;;EAHErB,K;;eA8BaU,mB"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavSection } from '../../types';
 interface FooterNavSectionProps {
     navSection: NavSection;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterDropdownLinks.tsx"],"names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","ChevronDown","ChevronUp","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"],"mappings":"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","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport {COLORS, ComponentTextStyle, focusStyles, invertedFocusStyles} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\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 ? <ChevronUp size=\"24px\" /> : <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"],"file":"FooterDropdownLinks.js"}
+{"version":3,"file":"FooterDropdownLinks.js","names":["React","styled","COLORS","ComponentTextStyle","invertedFocusStyles","ChevronDown","ChevronUp","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, focusStyles, invertedFocusStyles} from '../../styles';\nimport {ChevronDown, ChevronUp} from '../../icons/systemicons/SystemIcons';\nimport {NavSection} from '../../types';\nimport {ComponentMStyling, ComponentSStyling} from '../../styles/typography';\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 ? <ChevronUp size=\"24px\" /> : <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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"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"names":["NavSection","styled","section","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","XLARGE","ComponentTextStyle","Regular","Bold","COLORS","white","FooterNavSection","navOptions","React","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"mappings":";;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AAEA;;AACA;;;;;;;;;;AAEA,IAAMA,UAAU,GAAGC,0BAAOC,OAAV,sNAAhB;;AASA,IAAMC,SAAS,GAAGF,0BAAOG,GAAV,0bACF,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,IAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CADE,EAMXC,oBAAYC,MAND,EAWXD,oBAAYE,KAXD,EAcXF,oBAAYG,MAdD,EAoBT,mCAAkBC,2BAAmBC,OAArC,EAA8C,SAA9C,CApBS,EAyBT,mCAAkBD,2BAAmBE,IAArC,EAA2CC,eAAOC,KAAlD,CAzBS,CAAf;;AAkCA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA2C;AAAA;;AAAA,MAAxCC,UAAwC,QAAxCA,UAAwC;;AAClE,wBAA0BC,KAAK,CAACC,QAAN,CAAuBC,MAAM,CAACC,UAA9B,CAA1B;AAAA;AAAA,MAAOf,KAAP;AAAA,MAAcgB,QAAd;;AACAJ,EAAAA,KAAK,CAACK,SAAN,CAAgB,YAAM;AACpB,aAASC,YAAT,GAAwB;AACtBF,MAAAA,QAAQ,CAACF,MAAM,CAACC,UAAR,CAAR;AACD;;AACDD,IAAAA,MAAM,CAACK,gBAAP,CAAwB,QAAxB,EAAkCD,YAAlC;AACD,GALD;AAOA,sBACE,qBAAC,UAAD;AAAA,sCACGP,UAAU,CAACS,QADd,yDACG,qBAAqBC,GAArB,CAAyB,UAACC,EAAD,EAAKC,KAAL,EAAe;AACvC,aAAOvB,KAAK,GAAG,GAAR,gBACL,sBAAC,SAAD;AAAsC,QAAA,KAAK,EAAEA,KAA7C;AAAA,gCACE;AAAA,oBAAKsB,EAAE,CAACE;AAAR,UADF,EAEGF,EAAE,CAACG,KAAH,CAASJ,GAAT,CAAa,UAACK,IAAD,EAAOH,KAAP;AAAA,8BACZ,qBAAC,oBAAD;AACW,YAAA,EAAE,yBAAkBI,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;AAEW,YAAA,OAAO,EAAE,UAFpB;AAGW,YAAA,IAAI,EAAEH,IAAI,CAACI,EAHtB;AAIW,YAAA,MAAM,EAAEJ,IAAI,CAACK,MAAL,IAAe,QAJlC;AAKW,YAAA,GAAG,EAAC,qBALf;AAAA,sBAMGL,IAAI,CAACM;AANR,aAAgBT,KAAhB,CADY;AAAA,SAAb,CAFH;AAAA,6BAA6BA,KAA7B,EADK,gBAeL,qBAAC,4BAAD;AAAqB,uBAAa,iBAAlC;AAAwF,QAAA,UAAU,EAAED,EAApG;AAAwG,QAAA,KAAK,EAAEtB;AAA/G,qCAA+EuB,KAA/E,EAfF;AAiBD,KAlBA;AADH,IADF;AAuBD,CAhCD;;;AAHEU,EAAAA,M;;eAqCavB,gB","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';\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.XLARGE} {\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>(window.innerWidth);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('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"],"file":"FooterNavSection.cjs"}
+{"version":3,"file":"FooterNavSection.cjs","names":["NavSection","styled","section","LinkBlock","div","props","width","BREAKPOINTS","MEDIUM","LARGE","XLARGE","ComponentLStyling","ComponentTextStyle","Regular","ComponentSStyling","Bold","COLORS","white","FooterNavSection","navOptions","React","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","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';\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.XLARGE} {\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>(window.innerWidth);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('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;;;;;;;;;;AAEA,IAAMA,UAAU,GAAGC,yBAAA,CAAOC,OAAV,sNAAhB;;AASA,IAAMC,SAAS,GAAGF,yBAAA,CAAOG,GAAV,0bACF,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,IAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CADE,EAMXC,mBAAA,CAAYC,MAND,EAWXD,mBAAA,CAAYE,KAXD,EAcXF,mBAAA,CAAYG,MAdD,EAoBT,IAAAC,6BAAA,EAAkBC,0BAAA,CAAmBC,OAArC,EAA8C,SAA9C,CApBS,EAyBT,IAAAC,6BAAA,EAAkBF,0BAAA,CAAmBG,IAArC,EAA2CC,cAAA,CAAOC,KAAlD,CAzBS,CAAf;;AAkCA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA2C;EAAA;;EAAA,IAAxCC,UAAwC,QAAxCA,UAAwC;;EAClE,sBAA0BC,KAAK,CAACC,QAAN,CAAuBC,MAAM,CAACC,UAA9B,CAA1B;EAAA;EAAA,IAAOjB,KAAP;EAAA,IAAckB,QAAd;;EACAJ,KAAK,CAACK,SAAN,CAAgB,YAAM;IACpB,SAASC,YAAT,GAAwB;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAR,CAAR;IACD;;IACDD,MAAM,CAACK,gBAAP,CAAwB,QAAxB,EAAkCD,YAAlC;EACD,CALD;EAOA,oBACE,qBAAC,UAAD;IAAA,kCACGP,UAAU,CAACS,QADd,yDACG,qBAAqBC,GAArB,CAAyB,UAACC,EAAD,EAAKC,KAAL,EAAe;MACvC,OAAOzB,KAAK,GAAG,GAAR,gBACL,sBAAC,SAAD;QAAsC,KAAK,EAAEA,KAA7C;QAAA,wBACE;UAAA,UAAKwB,EAAE,CAACE;QAAR,EADF,EAEGF,EAAE,CAACG,KAAH,CAASJ,GAAT,CAAa,UAACK,IAAD,EAAOH,KAAP;UAAA,oBACZ,qBAAC,oBAAD;YACW,EAAE,yBAAkBI,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;YAEW,OAAO,EAAE,UAFpB;YAGW,IAAI,EAAEH,IAAI,CAACI,EAHtB;YAIW,MAAM,EAAEJ,IAAI,CAACK,MAAL,IAAe,QAJlC;YAKW,GAAG,EAAC,qBALf;YAAA,UAMGL,IAAI,CAACM;UANR,GAAgBT,KAAhB,CADY;QAAA,CAAb,CAFH;MAAA,uBAA6BA,KAA7B,EADK,gBAeL,qBAAC,4BAAD;QAAqB,eAAa,iBAAlC;QAAwF,UAAU,EAAED,EAApG;QAAwG,KAAK,EAAExB;MAA/G,+BAA+EyB,KAA/E,EAfF;IAiBD,CAlBA;EADH,EADF;AAuBD,CAhCD;;;EAHEU,M;;eAqCavB,gB"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { NavOptions } from '../../types';
 interface FooterNavSectionProps {
     navOptions: NavOptions;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterNavSection.tsx"],"names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","NavSection","section","LinkBlock","div","props","width","MEDIUM","LARGE","XLARGE","Regular","Bold","white","FooterNavSection","navOptions","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","sections","map","no","index","header","links","link","Math","floor","random","to","target","label","mainId"],"mappings":";;;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAAQC,WAAR,EAAqBC,MAArB,EAA6BC,kBAA7B,QAAsD,cAAtD;AACA,OAAOC,mBAAP,MAAgC,uBAAhC;AAEA,SAAQC,iBAAR,EAA2BC,iBAA3B,QAAmD,yBAAnD;AACA,SAAQC,SAAR,QAAwB,iBAAxB;;;AAEA,IAAMC,UAAU,GAAGR,MAAM,CAACS,OAAV,wMAAhB;AASA,IAAMC,SAAS,GAAGV,MAAM,CAACW,GAAV,4aACF,UAACC,KAAD;AAAA,SAAYA,KAAK,CAACC,KAAN,IAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CADE,EAMXZ,WAAW,CAACa,MAND,EAWXb,WAAW,CAACc,KAXD,EAcXd,WAAW,CAACe,MAdD,EAoBTX,iBAAiB,CAACF,kBAAkB,CAACc,OAApB,EAA6B,SAA7B,CApBR,EAyBTX,iBAAiB,CAACH,kBAAkB,CAACe,IAApB,EAA0BhB,MAAM,CAACiB,KAAjC,CAzBR,CAAf;;AAkCA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA2C;AAAA;;AAAA,MAAxCC,UAAwC,QAAxCA,UAAwC;;AAClE,wBAA0BtB,KAAK,CAACuB,QAAN,CAAuBC,MAAM,CAACC,UAA9B,CAA1B;AAAA;AAAA,MAAOX,KAAP;AAAA,MAAcY,QAAd;;AACA1B,EAAAA,KAAK,CAAC2B,SAAN,CAAgB,YAAM;AACpB,aAASC,YAAT,GAAwB;AACtBF,MAAAA,QAAQ,CAACF,MAAM,CAACC,UAAR,CAAR;AACD;;AACDD,IAAAA,MAAM,CAACK,gBAAP,CAAwB,QAAxB,EAAkCD,YAAlC;AACD,GALD;AAOA,sBACE,KAAC,UAAD;AAAA,sCACGN,UAAU,CAACQ,QADd,yDACG,qBAAqBC,GAArB,CAAyB,UAACC,EAAD,EAAKC,KAAL,EAAe;AACvC,aAAOnB,KAAK,GAAG,GAAR,gBACL,MAAC,SAAD;AAAsC,QAAA,KAAK,EAAEA,KAA7C;AAAA,gCACE;AAAA,oBAAKkB,EAAE,CAACE;AAAR,UADF,EAEGF,EAAE,CAACG,KAAH,CAASJ,GAAT,CAAa,UAACK,IAAD,EAAOH,KAAP;AAAA,8BACZ,KAAC,SAAD;AACW,YAAA,EAAE,yBAAkBI,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;AAEW,YAAA,OAAO,EAAE,UAFpB;AAGW,YAAA,IAAI,EAAEH,IAAI,CAACI,EAHtB;AAIW,YAAA,MAAM,EAAEJ,IAAI,CAACK,MAAL,IAAe,QAJlC;AAKW,YAAA,GAAG,EAAC,qBALf;AAAA,sBAMGL,IAAI,CAACM;AANR,aAAgBT,KAAhB,CADY;AAAA,SAAb,CAFH;AAAA,6BAA6BA,KAA7B,EADK,gBAeL,KAAC,mBAAD;AAAqB,uBAAa,iBAAlC;AAAwF,QAAA,UAAU,EAAED,EAApG;AAAwG,QAAA,KAAK,EAAElB;AAA/G,qCAA+EmB,KAA/E,EAfF;AAiBD,KAlBA;AADH,IADF;AAuBD,CAhCD;;;AAHEU,EAAAA,M;;AAqCF,eAAetB,gBAAf","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';\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.XLARGE} {\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>(window.innerWidth);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('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"],"file":"FooterNavSection.js"}
+{"version":3,"file":"FooterNavSection.js","names":["React","styled","BREAKPOINTS","COLORS","ComponentTextStyle","FooterDropdownLinks","ComponentLStyling","ComponentSStyling","HyperLink","NavSection","section","LinkBlock","div","props","width","MEDIUM","LARGE","XLARGE","Regular","Bold","white","FooterNavSection","navOptions","useState","window","innerWidth","setWidth","useEffect","handleResize","addEventListener","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';\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.XLARGE} {\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>(window.innerWidth);\n  React.useEffect(() => {\n    function handleResize() {\n      setWidth(window.innerWidth);\n    }\n    window.addEventListener('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,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAAQC,WAAR,EAAqBC,MAArB,EAA6BC,kBAA7B,QAAsD,cAAtD;AACA,OAAOC,mBAAP,MAAgC,uBAAhC;AAEA,SAAQC,iBAAR,EAA2BC,iBAA3B,QAAmD,yBAAnD;AACA,SAAQC,SAAR,QAAwB,iBAAxB;;;AAEA,IAAMC,UAAU,GAAGR,MAAM,CAACS,OAAV,wMAAhB;AASA,IAAMC,SAAS,GAAGV,MAAM,CAACW,GAAV,4aACF,UAACC,KAAD;EAAA,OAAYA,KAAK,CAACC,KAAN,IAAe,GAAf,GAAqB,MAArB,GAA8B,MAA1C;AAAA,CADE,EAMXZ,WAAW,CAACa,MAND,EAWXb,WAAW,CAACc,KAXD,EAcXd,WAAW,CAACe,MAdD,EAoBTX,iBAAiB,CAACF,kBAAkB,CAACc,OAApB,EAA6B,SAA7B,CApBR,EAyBTX,iBAAiB,CAACH,kBAAkB,CAACe,IAApB,EAA0BhB,MAAM,CAACiB,KAAjC,CAzBR,CAAf;;AAkCA,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAmB,OAA2C;EAAA;;EAAA,IAAxCC,UAAwC,QAAxCA,UAAwC;;EAClE,sBAA0BtB,KAAK,CAACuB,QAAN,CAAuBC,MAAM,CAACC,UAA9B,CAA1B;EAAA;EAAA,IAAOX,KAAP;EAAA,IAAcY,QAAd;;EACA1B,KAAK,CAAC2B,SAAN,CAAgB,YAAM;IACpB,SAASC,YAAT,GAAwB;MACtBF,QAAQ,CAACF,MAAM,CAACC,UAAR,CAAR;IACD;;IACDD,MAAM,CAACK,gBAAP,CAAwB,QAAxB,EAAkCD,YAAlC;EACD,CALD;EAOA,oBACE,KAAC,UAAD;IAAA,kCACGN,UAAU,CAACQ,QADd,yDACG,qBAAqBC,GAArB,CAAyB,UAACC,EAAD,EAAKC,KAAL,EAAe;MACvC,OAAOnB,KAAK,GAAG,GAAR,gBACL,MAAC,SAAD;QAAsC,KAAK,EAAEA,KAA7C;QAAA,wBACE;UAAA,UAAKkB,EAAE,CAACE;QAAR,EADF,EAEGF,EAAE,CAACG,KAAH,CAASJ,GAAT,CAAa,UAACK,IAAD,EAAOH,KAAP;UAAA,oBACZ,KAAC,SAAD;YACW,EAAE,yBAAkBI,IAAI,CAACC,KAAL,CAAWD,IAAI,CAACE,MAAL,KAAgB,YAA3B,CAAlB,CADb;YAEW,OAAO,EAAE,UAFpB;YAGW,IAAI,EAAEH,IAAI,CAACI,EAHtB;YAIW,MAAM,EAAEJ,IAAI,CAACK,MAAL,IAAe,QAJlC;YAKW,GAAG,EAAC,qBALf;YAAA,UAMGL,IAAI,CAACM;UANR,GAAgBT,KAAhB,CADY;QAAA,CAAb,CAFH;MAAA,uBAA6BA,KAA7B,EADK,gBAeL,KAAC,mBAAD;QAAqB,eAAa,iBAAlC;QAAwF,UAAU,EAAED,EAApG;QAAwG,KAAK,EAAElB;MAA/G,+BAA+EmB,KAA/E,EAfF;IAiBD,CAlBA;EADH,EADF;AAuBD,CAhCD;;;EAHEU,M;;AAqCF,eAAetB,gBAAf"}

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

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

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface FooterNewsletterAndSocialSection {
     actionOnNewsletterSignup?: (email: string) => void;
     newsletterLabel: string;

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterTop.tsx"],"names":["FooterTopSection","styled","section","ToTop","div","ComponentTextStyle","UppercaseBold","COLORS","primary_20","primary_700","invertedFocusStyles","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","white","neutral_800"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAGC,0BAAOC,OAAV,4LAAtB;;AAQA,IAAMC,KAAK,GAAGF,0BAAOG,GAAV,gtBAkBL,oCAAmBC,+BAAmBC,aAAtC,EAAqD,SAArD,CAlBK,EAsBaC,eAAOC,UAtBpB,EAyBGD,eAAOE,WAzBV,EA4BIF,eAAOE,WA5BX,EAiCLC,2BAjCK,EAqCOH,eAAOI,WArCd,EAwCGJ,eAAOK,WAxCV,EA2CIL,eAAOK,WA3CX,CAAX;;AAsDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;AAAA,MAAvDC,QAAuD,QAAvDA,QAAuD;AAAA,MAA7CC,WAA6C,QAA7CA,WAA6C;AAAA,MAAhCC,SAAgC,QAAhCA,SAAgC;;AAC1E,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;AAClC,QAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,MAAAA,CAAC,CAACE,cAAF;AACAF,MAAAA,CAAC,CAACG,eAAF;AACA,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GAPD;;AAQA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnB,mCAAgB,CAAhB;AACD,GAFD;;AAGA,sBACE,sBAAC,gBAAD;AAAA,4BACE,qBAAC,aAAD;AACE,MAAA,IAAI,EAAER,QAAQ,IAAI,EADpB;AAEE,MAAA,WAAW,EAAEC,WAFf;AAGE,MAAA,KAAK,EAAER,eAAOgB,KAHhB;AAIE,MAAA,QAAQ,EAAE,IAJZ;AAKE,MAAA,sBAAsB,EAAEhB,eAAOgB,KALjC;AAME,MAAA,YAAY,EAAEhB,eAAOiB;AANvB,MADF,eASE,sBAAC,KAAD;AAAO,qBAAa,iBAApB;AAAuC,MAAA,QAAQ,EAAE,CAAjD;AAAoD,MAAA,SAAS,EAAE,mBAACN,CAAD;AAAA,eAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;AAAA,OAA/D;AAAmH,MAAA,OAAO,EAAEA,MAA5H;AAAA,8BACE,qBAAC,wBAAD;AAAa,QAAA,IAAI,EAAC,MAAlB;AAAyB,QAAA,KAAK,EAAEf,eAAOgB;AAAvC,QADF,eAEE;AAAA,kBAAOP;AAAP,QAFF;AAAA,MATF;AAAA,IADF;AAgBD,CA5BD;;;AALEF,EAAAA,Q;AACAC,EAAAA,W;AACAC,EAAAA,S;;eAiCaH,S","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"file":"FooterTop.cjs"}
+{"version":3,"file":"FooterTop.cjs","names":["FooterTopSection","styled","section","ToTop","div","ComponentXSStyling","ComponentTextStyle","UppercaseBold","COLORS","primary_20","primary_700","invertedFocusStyles","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","animateScrollTo","white","neutral_800"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"mappings":";;;;;;;;;;;;;;;AAAA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;AAEA,IAAMA,gBAAgB,GAAGC,yBAAA,CAAOC,OAAV,4LAAtB;;AAQA,IAAMC,KAAK,GAAGF,yBAAA,CAAOG,GAAV,gtBAkBL,IAAAC,8BAAA,EAAmBC,8BAAA,CAAmBC,aAAtC,EAAqD,SAArD,CAlBK,EAsBaC,cAAA,CAAOC,UAtBpB,EAyBGD,cAAA,CAAOE,WAzBV,EA4BIF,cAAA,CAAOE,WA5BX,EAiCLC,2BAjCK,EAqCOH,cAAA,CAAOI,WArCd,EAwCGJ,cAAA,CAAOK,WAxCV,EA2CIL,cAAA,CAAOK,WA3CX,CAAX;;AAsDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;EAAA,IAAvDC,QAAuD,QAAvDA,QAAuD;EAAA,IAA7CC,WAA6C,QAA7CA,WAA6C;EAAA,IAAhCC,SAAgC,QAAhCA,SAAgC;;EAC1E,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;IAClC,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;MACrBD,CAAC,CAACE,cAAF;MACAF,CAAC,CAACG,eAAF;MACA,OAAO,IAAP;IACD;;IACD,OAAO,KAAP;EACD,CAPD;;EAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnB,IAAAC,yBAAA,EAAgB,CAAhB;EACD,CAFD;;EAGA,oBACE,sBAAC,gBAAD;IAAA,wBACE,qBAAC,aAAD;MACE,IAAI,EAAET,QAAQ,IAAI,EADpB;MAEE,WAAW,EAAEC,WAFf;MAGE,KAAK,EAAER,cAAA,CAAOiB,KAHhB;MAIE,QAAQ,EAAE,IAJZ;MAKE,sBAAsB,EAAEjB,cAAA,CAAOiB,KALjC;MAME,YAAY,EAAEjB,cAAA,CAAOkB;IANvB,EADF,eASE,sBAAC,KAAD;MAAO,eAAa,iBAApB;MAAuC,QAAQ,EAAE,CAAjD;MAAoD,SAAS,EAAE,mBAACP,CAAD;QAAA,OAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;MAAA,CAA/D;MAAmH,OAAO,EAAEA,MAA5H;MAAA,wBACE,qBAAC,wBAAD;QAAa,IAAI,EAAC,MAAlB;QAAyB,KAAK,EAAEf,cAAA,CAAOiB;MAAvC,EADF,eAEE;QAAA,UAAOR;MAAP,EAFF;IAAA,EATF;EAAA,EADF;AAgBD,CA5BD;;;EALEF,Q;EACAC,W;EACAC,S;;eAiCaH,S"}

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface FooterTopProps {
     sitename?: string;
     showBetaTag?: boolean;

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/Footer/Components/FooterTop.tsx"],"names":["React","styled","animateScrollTo","COLORS","invertedFocusStyles","Logo","ArrowLineUp","ComponentTextStyle","ComponentXSStyling","FooterTopSection","section","ToTop","div","UppercaseBold","primary_20","primary_700","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","white","neutral_800"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AAEA,SAAQC,MAAR,EAA6BC,mBAA7B,QAAuD,cAAvD;AACA,OAAOC,IAAP,MAAiB,gCAAjB;AACA,SAAQC,WAAR,QAA0B,qCAA1B;AACA,SAAQC,kBAAR,EAA4BC,kBAA5B,QAAqD,yBAArD;;;AAEA,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,OAAV,8KAAtB;AAQA,IAAMC,KAAK,GAAGV,MAAM,CAACW,GAAV,ksBAkBLJ,kBAAkB,CAACD,kBAAkB,CAACM,aAApB,EAAmC,SAAnC,CAlBb,EAsBaV,MAAM,CAACW,UAtBpB,EAyBGX,MAAM,CAACY,WAzBV,EA4BIZ,MAAM,CAACY,WA5BX,EAiCLX,mBAjCK,EAqCOD,MAAM,CAACa,WArCd,EAwCGb,MAAM,CAACc,WAxCV,EA2CId,MAAM,CAACc,WA3CX,CAAX;;AAsDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;AAAA,MAAvDC,QAAuD,QAAvDA,QAAuD;AAAA,MAA7CC,WAA6C,QAA7CA,WAA6C;AAAA,MAAhCC,SAAgC,QAAhCA,SAAgC;;AAC1E,MAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;AAClC,QAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;AACrBD,MAAAA,CAAC,CAACE,cAAF;AACAF,MAAAA,CAAC,CAACG,eAAF;AACA,aAAO,IAAP;AACD;;AACD,WAAO,KAAP;AACD,GAPD;;AAQA,MAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;AACnBzB,IAAAA,eAAe,CAAC,CAAD,CAAf;AACD,GAFD;;AAGA,sBACE,MAAC,gBAAD;AAAA,4BACE,KAAC,IAAD;AACE,MAAA,IAAI,EAAEiB,QAAQ,IAAI,EADpB;AAEE,MAAA,WAAW,EAAEC,WAFf;AAGE,MAAA,KAAK,EAAEjB,MAAM,CAACyB,KAHhB;AAIE,MAAA,QAAQ,EAAE,IAJZ;AAKE,MAAA,sBAAsB,EAAEzB,MAAM,CAACyB,KALjC;AAME,MAAA,YAAY,EAAEzB,MAAM,CAAC0B;AANvB,MADF,eASE,MAAC,KAAD;AAAO,qBAAa,iBAApB;AAAuC,MAAA,QAAQ,EAAE,CAAjD;AAAoD,MAAA,SAAS,EAAE,mBAACN,CAAD;AAAA,eAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;AAAA,OAA/D;AAAmH,MAAA,OAAO,EAAEA,MAA5H;AAAA,8BACE,KAAC,WAAD;AAAa,QAAA,IAAI,EAAC,MAAlB;AAAyB,QAAA,KAAK,EAAExB,MAAM,CAACyB;AAAvC,QADF,eAEE;AAAA,kBAAOP;AAAP,QAFF;AAAA,MATF;AAAA,IADF;AAgBD,CA5BD;;;AALEF,EAAAA,Q;AACAC,EAAAA,W;AACAC,EAAAA,S;;AAiCF,eAAeH,SAAf","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"file":"FooterTop.js"}
+{"version":3,"file":"FooterTop.js","names":["React","styled","animateScrollTo","COLORS","invertedFocusStyles","Logo","ArrowLineUp","ComponentTextStyle","ComponentXSStyling","FooterTopSection","section","ToTop","div","UppercaseBold","primary_20","primary_700","primary_100","primary_800","FooterTop","sitename","showBetaTag","toTopText","isPressingEnter","e","key","preventDefault","stopPropagation","action","white","neutral_800"],"sources":["../../../src/Footer/Components/FooterTop.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\nimport animateScrollTo from 'animated-scroll-to';\n\nimport {COLORS, focusStyles, invertedFocusStyles} from '../../styles';\nimport Logo from '../../GlobalNavigationBar/Logo';\nimport {ArrowLineUp} from '../../icons/systemicons/SystemIcons';\nimport {ComponentTextStyle, ComponentXSStyling} from '../../styles/typography';\n\nconst FooterTopSection = styled.section`\n  min-height: 8px;\n  color: white;\n  display: flex;\n  flex-direction: row;\n  margin-bottom: 16px;\n`;\n\nconst ToTop = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin: auto 0 auto auto;\n  border-radius: 4px;\n  height: 48px;\n  width: 48px;\n  padding: 8px;\n\n  svg {\n    margin: 0 auto;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n  span {\n    margin: 14px auto 0 auto;\n    ${ComponentXSStyling(ComponentTextStyle.UppercaseBold, 'inherit')}\n  }\n\n  &:hover:not(:disabled) {\n    background-color: ${COLORS.primary_20};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_700};\n    }\n    span {\n      color: ${COLORS.primary_700};\n    }\n  }\n\n  &:focus:not(:disabled) {\n    ${invertedFocusStyles}\n  }\n\n  &:active:not(:disabled) {\n    background: ${COLORS.primary_100};\n    svg path,\n    svg {\n      fill: ${COLORS.primary_800};\n    }\n    span {\n      color: ${COLORS.primary_800};\n    }\n  }\n`;\n\ninterface FooterTopProps {\n  sitename?: string;\n  showBetaTag?: boolean;\n  toTopText: string;\n}\n\nconst FooterTop = ({ sitename, showBetaTag, toTopText }: FooterTopProps) => {\n  const isPressingEnter = (e: any) => {\n    if (e.key === 'Enter') {\n      e.preventDefault();\n      e.stopPropagation();\n      return true;\n    }\n    return false;\n  };\n  const action = () => {\n    animateScrollTo(0);\n  };\n  return (\n    <FooterTopSection>\n      <Logo\n        name={sitename || ''}\n        showBetaTag={showBetaTag}\n        color={COLORS.white}\n        inverted={true}\n        betaTagBackgroundColor={COLORS.white}\n        betaTagColor={COLORS.neutral_800}\n      />\n      <ToTop data-testid={'toTopNavigation'} tabIndex={0} onKeyDown={(e: any) => (isPressingEnter(e) ? action() : null)} onClick={action}>\n        <ArrowLineUp size=\"24px\" color={COLORS.white} />\n        <span>{toTopText}</span>\n      </ToTop>\n    </FooterTopSection>\n  );\n};\n\nexport default FooterTop;\n"],"mappings":";;;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AACA,OAAOC,eAAP,MAA4B,oBAA5B;AAEA,SAAQC,MAAR,EAA6BC,mBAA7B,QAAuD,cAAvD;AACA,OAAOC,IAAP,MAAiB,gCAAjB;AACA,SAAQC,WAAR,QAA0B,qCAA1B;AACA,SAAQC,kBAAR,EAA4BC,kBAA5B,QAAqD,yBAArD;;;AAEA,IAAMC,gBAAgB,GAAGR,MAAM,CAACS,OAAV,8KAAtB;AAQA,IAAMC,KAAK,GAAGV,MAAM,CAACW,GAAV,ksBAkBLJ,kBAAkB,CAACD,kBAAkB,CAACM,aAApB,EAAmC,SAAnC,CAlBb,EAsBaV,MAAM,CAACW,UAtBpB,EAyBGX,MAAM,CAACY,WAzBV,EA4BIZ,MAAM,CAACY,WA5BX,EAiCLX,mBAjCK,EAqCOD,MAAM,CAACa,WArCd,EAwCGb,MAAM,CAACc,WAxCV,EA2CId,MAAM,CAACc,WA3CX,CAAX;;AAsDA,IAAMC,SAAS,GAAG,SAAZA,SAAY,OAA0D;EAAA,IAAvDC,QAAuD,QAAvDA,QAAuD;EAAA,IAA7CC,WAA6C,QAA7CA,WAA6C;EAAA,IAAhCC,SAAgC,QAAhCA,SAAgC;;EAC1E,IAAMC,eAAe,GAAG,SAAlBA,eAAkB,CAACC,CAAD,EAAY;IAClC,IAAIA,CAAC,CAACC,GAAF,KAAU,OAAd,EAAuB;MACrBD,CAAC,CAACE,cAAF;MACAF,CAAC,CAACG,eAAF;MACA,OAAO,IAAP;IACD;;IACD,OAAO,KAAP;EACD,CAPD;;EAQA,IAAMC,MAAM,GAAG,SAATA,MAAS,GAAM;IACnBzB,eAAe,CAAC,CAAD,CAAf;EACD,CAFD;;EAGA,oBACE,MAAC,gBAAD;IAAA,wBACE,KAAC,IAAD;MACE,IAAI,EAAEiB,QAAQ,IAAI,EADpB;MAEE,WAAW,EAAEC,WAFf;MAGE,KAAK,EAAEjB,MAAM,CAACyB,KAHhB;MAIE,QAAQ,EAAE,IAJZ;MAKE,sBAAsB,EAAEzB,MAAM,CAACyB,KALjC;MAME,YAAY,EAAEzB,MAAM,CAAC0B;IANvB,EADF,eASE,MAAC,KAAD;MAAO,eAAa,iBAApB;MAAuC,QAAQ,EAAE,CAAjD;MAAoD,SAAS,EAAE,mBAACN,CAAD;QAAA,OAAaD,eAAe,CAACC,CAAD,CAAf,GAAqBI,MAAM,EAA3B,GAAgC,IAA7C;MAAA,CAA/D;MAAmH,OAAO,EAAEA,MAA5H;MAAA,wBACE,KAAC,WAAD;QAAa,IAAI,EAAC,MAAlB;QAAyB,KAAK,EAAExB,MAAM,CAACyB;MAAvC,EADF,eAEE;QAAA,UAAOP;MAAP,EAFF;IAAA,EATF;EAAA,EADF;AAgBD,CA5BD;;;EALEF,Q;EACAC,W;EACAC,S;;AAiCF,eAAeH,SAAf"}

package/dist/Footer/Footer.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Footer/Footer.tsx"],"names":["FooterContainer","styled","footer","FooterGlobalContent","section","COLORS","primary_700","Footer","children"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAGC,0BAAOC,MAAV,0GAArB;;AAIA,IAAMC,mBAAmB,GAAGF,0BAAOG,OAAV,wJAEHC,eAAOC,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AACpC,sBACE,sBAAC,eAAD;AAAA,eACGA,QADH,eAEE,qBAAC,mBAAD;AAAqB,qBAAa;AAAlC,MAFF;AAAA,IADF;AAMD,CAPD;;eASeD,M","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>\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"file":"Footer.cjs"}
+{"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>\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;;;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;AAEA,IAAMA,eAAe,GAAGC,yBAAA,CAAOC,MAAV,0GAArB;;AAIA,IAAMC,mBAAmB,GAAGF,yBAAA,CAAOG,OAAV,wJAEHC,cAAA,CAAOC,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EACpC,oBACE,sBAAC,eAAD;IAAA,WACGA,QADH,eAEE,qBAAC,mBAAD;MAAqB,eAAa;IAAlC,EAFF;EAAA,EADF;AAMD,CAPD;;eASeD,M"}

package/dist/Footer/Footer.d.ts

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

package/dist/Footer/Footer.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Footer/Footer.tsx"],"names":["React","styled","COLORS","FooterContainer","footer","FooterGlobalContent","section","primary_700","Footer","children"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,QAAuB,WAAvB;;;AAEA,IAAMC,eAAe,GAAGF,MAAM,CAACG,MAAV,4FAArB;AAIA,IAAMC,mBAAmB,GAAGJ,MAAM,CAACK,OAAV,0IAEHJ,MAAM,CAACK,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;AAAA,MAApBC,QAAoB,QAApBA,QAAoB;AACpC,sBACE,MAAC,eAAD;AAAA,eACGA,QADH,eAEE,KAAC,mBAAD;AAAqB,qBAAa;AAAlC,MAFF;AAAA,IADF;AAMD,CAPD;;AASA,eAAeD,MAAf","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>\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"file":"Footer.js"}
+{"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>\n      {children}\n      <FooterGlobalContent data-testid={'footer-content'} />\n    </FooterContainer>\n  );\n};\n\nexport default Footer;\n"],"mappings":";;;;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA,SAASC,MAAT,QAAuB,WAAvB;;;AAEA,IAAMC,eAAe,GAAGF,MAAM,CAACG,MAAV,4FAArB;AAIA,IAAMC,mBAAmB,GAAGJ,MAAM,CAACK,OAAV,0IAEHJ,MAAM,CAACK,WAFJ,CAAzB;;AAMA,IAAMC,MAAM,GAAG,SAATA,MAAS,OAAuB;EAAA,IAApBC,QAAoB,QAApBA,QAAoB;EACpC,oBACE,MAAC,eAAD;IAAA,WACGA,QADH,eAEE,KAAC,mBAAD;MAAqB,eAAa;IAAlC,EAFF;EAAA,EADF;AAMD,CAPD;;AASA,eAAeD,MAAf"}

package/dist/Footer/SiteFooter.cjs

@@ -41,9 +41,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var FooterContainer = _styledComponents.default.footer(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  margin-top: auto;\n  background-color: ", ";\n  border-top: 8px solid ", ";\n\n  padding: 16px 16px;\n  \n  ", "{\n    padding: 24px 32px;\n  }\n  ", "{\n    padding: 24px 56px;\n  }\n  ", "{\n    padding: 32px 56px;\n  }\n"])), _styles.COLORS.neutral_800, _styles.COLORS.neutral_200, _styles.BREAKPOINTS.MEDIUM, _styles.BREAKPOINTS.LARGE, _styles.BREAKPOINTS.XLARGE);
 

package/dist/Footer/SiteFooter.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Footer/SiteFooter.tsx"],"names":["FooterContainer","styled","footer","COLORS","neutral_800","neutral_200","BREAKPOINTS","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","rest","actionOnNewsletterSignup"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOA,IAAMA,eAAe,GAAGC,0BAAOC,MAAV,uTAECC,eAAOC,WAFR,EAGKD,eAAOE,WAHZ,EAOjBC,oBAAYC,MAPK,EAUjBD,oBAAYE,KAVK,EAajBF,oBAAYG,MAbK,CAArB;;AAiBA,IAAMC,UAAU,GAAGT,0BAAOU,GAAV,6KACUR,eAAOS,KADjB,EAGZN,oBAAYC,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAaG;AAAA,MAZpBC,EAYoB,QAZpBA,EAYoB;AAAA,MAXpBC,QAWoB,QAXpBA,QAWoB;AAAA,MAVpBC,WAUoB,QAVpBA,WAUoB;AAAA,MATpBC,WASoB,QATpBA,WASoB;AAAA,MARpBC,aAQoB,QARpBA,aAQoB;AAAA,MAPpBC,SAOoB,QAPpBA,SAOoB;AAAA,MANpBC,qBAMoB,QANpBA,qBAMoB;AAAA,MALpBC,iCAKoB,QALpBA,iCAKoB;AAAA,MAJpBC,eAIoB,QAJpBA,eAIoB;AAAA,MAHpBC,UAGoB,QAHpBA,UAGoB;AAAA,MAFpBC,kBAEoB,QAFpBA,kBAEoB;AAAA,MADjBC,IACiB;AACpB,sBACE,sBAAC,eAAD;AAAiB,IAAA,EAAE,EAAEX,EAArB;AAAyB,mBAAa;AAAtC,KAA8DW,IAA9D;AAAA,4BACE,qBAAC,kBAAD;AAAW,MAAA,QAAQ,EAAEV,QAArB;AAA+B,MAAA,WAAW,EAAEE,WAA5C;AAAyD,MAAA,SAAS,EAAEE;AAApE,MADF,EAEGI,UAAU,iBAAI,qBAAC,yBAAD;AAAkB,MAAA,MAAM,EAAET,EAA1B;AAA8B,MAAA,UAAU,EAAES;AAA1C,MAFjB,eAGE,qBAAC,UAAD,KAHF,EAIGF,iCAAiC,iBAChC,qBAAC,yCAAD;AAAkC,MAAA,gBAAgB,EAAED,qBAApD;AAA2E,MAAA,wBAAwB,EAAEI,kBAArG;AAAyH,MAAA,eAAe,EAAEF,eAAe,IAAI;AAA7J,MALJ,eAOE,qBAAC,0BAAD;AAAmB,MAAA,WAAW,EAAEN,WAAhC;AAA6C,MAAA,aAAa,EAAEE;AAA5D,MAPF;AAAA,KADF;AAWD,CAzBD;;;AAdEJ,EAAAA,E;AACAC,EAAAA,Q;AACAE,EAAAA,W;AACAD,EAAAA,W;AACAE,EAAAA,a;AACAG,EAAAA,iC;AACAK,EAAAA,wB;AACAJ,EAAAA,e;AACAH,EAAAA,S;AAEAC,EAAAA,qB;AACAI,EAAAA,kB;;eA8BaX,U","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"file":"SiteFooter.cjs"}
+{"version":3,"file":"SiteFooter.cjs","names":["FooterContainer","styled","footer","COLORS","neutral_800","neutral_200","BREAKPOINTS","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;;;;;;;;;;;;AAGA;;AAKA;;AAKA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;;;AAOA,IAAMA,eAAe,GAAGC,yBAAA,CAAOC,MAAV,uTAECC,cAAA,CAAOC,WAFR,EAGKD,cAAA,CAAOE,WAHZ,EAOjBC,mBAAA,CAAYC,MAPK,EAUjBD,mBAAA,CAAYE,KAVK,EAajBF,mBAAA,CAAYG,MAbK,CAArB;;AAiBA,IAAMC,UAAU,GAAGT,yBAAA,CAAOU,GAAV,6KACUR,cAAA,CAAOS,KADjB,EAGZN,mBAAA,CAAYC,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAaG;EAAA,IAZpBC,EAYoB,QAZpBA,EAYoB;EAAA,IAXpBC,QAWoB,QAXpBA,QAWoB;EAAA,IAVpBC,WAUoB,QAVpBA,WAUoB;EAAA,IATpBC,WASoB,QATpBA,WASoB;EAAA,IARpBC,aAQoB,QARpBA,aAQoB;EAAA,IAPpBC,SAOoB,QAPpBA,SAOoB;EAAA,IANpBC,qBAMoB,QANpBA,qBAMoB;EAAA,IALpBC,iCAKoB,QALpBA,iCAKoB;EAAA,IAJpBC,eAIoB,QAJpBA,eAIoB;EAAA,IAHpBC,UAGoB,QAHpBA,UAGoB;EAAA,IAFpBC,kBAEoB,QAFpBA,kBAEoB;EAAA,IADjBC,IACiB;EACpB,oBACE,sBAAC,eAAD;IAAiB,EAAE,EAAEX,EAArB;IAAyB,eAAa;EAAtC,GAA8DW,IAA9D;IAAA,wBACE,qBAAC,kBAAD;MAAW,QAAQ,EAAEV,QAArB;MAA+B,WAAW,EAAEE,WAA5C;MAAyD,SAAS,EAAEE;IAApE,EADF,EAEGI,UAAU,iBAAI,qBAAC,yBAAD;MAAkB,MAAM,EAAET,EAA1B;MAA8B,UAAU,EAAES;IAA1C,EAFjB,eAGE,qBAAC,UAAD,KAHF,EAIGF,iCAAiC,iBAChC,qBAAC,yCAAD;MAAkC,gBAAgB,EAAED,qBAApD;MAA2E,wBAAwB,EAAEI,kBAArG;MAAyH,eAAe,EAAEF,eAAe,IAAI;IAA7J,EALJ,eAOE,qBAAC,0BAAD;MAAmB,WAAW,EAAEN,WAAhC;MAA6C,aAAa,EAAEE;IAA5D,EAPF;EAAA,GADF;AAWD,CAzBD;;;EAdEJ,E;EACAC,Q;EACAE,W;EACAD,W;EACAE,a;EACAG,iC;EACAK,wB;EACAJ,e;EACAH,S;EAEAC,qB;EACAI,kB;;eA8BaX,U"}

package/dist/Footer/SiteFooter.js

@@ -6,9 +6,9 @@ var _excluded = ["id", "sitename", "bottomLinks", "showBetaTag", "copyrightText"
 
 var _templateObject, _templateObject2;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * Import React libraries.

package/dist/Footer/SiteFooter.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/Footer/SiteFooter.tsx"],"names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","FooterContainer","footer","neutral_800","neutral_200","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","rest","actionOnNewsletterSignup"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,SAAP,MAAsB,wBAAtB;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,WAApC;AAEA;AACA;AACA;;;;AAGA,IAAMC,eAAe,GAAGP,MAAM,CAACQ,MAAV,ySAECF,MAAM,CAACG,WAFR,EAGKH,MAAM,CAACI,WAHZ,EAOjBL,WAAW,CAACM,MAPK,EAUjBN,WAAW,CAACO,KAVK,EAajBP,WAAW,CAACQ,MAbK,CAArB;AAiBA,IAAMC,UAAU,GAAGd,MAAM,CAACe,GAAV,+JACUT,MAAM,CAACU,KADjB,EAGZX,WAAW,CAACM,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAaG;AAAA,MAZpBC,EAYoB,QAZpBA,EAYoB;AAAA,MAXpBC,QAWoB,QAXpBA,QAWoB;AAAA,MAVpBC,WAUoB,QAVpBA,WAUoB;AAAA,MATpBC,WASoB,QATpBA,WASoB;AAAA,MARpBC,aAQoB,QARpBA,aAQoB;AAAA,MAPpBC,SAOoB,QAPpBA,SAOoB;AAAA,MANpBC,qBAMoB,QANpBA,qBAMoB;AAAA,MALpBC,iCAKoB,QALpBA,iCAKoB;AAAA,MAJpBC,eAIoB,QAJpBA,eAIoB;AAAA,MAHpBC,UAGoB,QAHpBA,UAGoB;AAAA,MAFpBC,kBAEoB,QAFpBA,kBAEoB;AAAA,MADjBC,IACiB;;AACpB,sBACE,MAAC,eAAD;AAAiB,IAAA,EAAE,EAAEX,EAArB;AAAyB,mBAAa;AAAtC,KAA8DW,IAA9D;AAAA,4BACE,KAAC,SAAD;AAAW,MAAA,QAAQ,EAAEV,QAArB;AAA+B,MAAA,WAAW,EAAEE,WAA5C;AAAyD,MAAA,SAAS,EAAEE;AAApE,MADF,EAEGI,UAAU,iBAAI,KAAC,gBAAD;AAAkB,MAAA,MAAM,EAAET,EAA1B;AAA8B,MAAA,UAAU,EAAES;AAA1C,MAFjB,eAGE,KAAC,UAAD,KAHF,EAIGF,iCAAiC,iBAChC,KAAC,gCAAD;AAAkC,MAAA,gBAAgB,EAAED,qBAApD;AAA2E,MAAA,wBAAwB,EAAEI,kBAArG;AAAyH,MAAA,eAAe,EAAEF,eAAe,IAAI;AAA7J,MALJ,eAOE,KAAC,iBAAD;AAAmB,MAAA,WAAW,EAAEN,WAAhC;AAA6C,MAAA,aAAa,EAAEE;AAA5D,MAPF;AAAA,KADF;AAWD,CAzBD;;;AAdEJ,EAAAA,E;AACAC,EAAAA,Q;AACAE,EAAAA,W;AACAD,EAAAA,W;AACAE,EAAAA,a;AACAG,EAAAA,iC;AACAK,EAAAA,wB;AACAJ,EAAAA,e;AACAH,EAAAA,S;AAEAC,EAAAA,qB;AACAI,EAAAA,kB;;AA8BF,eAAeX,UAAf","sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"file":"SiteFooter.js"}
+{"version":3,"file":"SiteFooter.js","names":["React","styled","FooterBottomLinks","FooterTop","FooterNewsletterAndSocialSection","FooterNavSection","BREAKPOINTS","COLORS","FooterContainer","footer","neutral_800","neutral_200","MEDIUM","LARGE","XLARGE","FooterLine","div","white","SiteFooter","id","sitename","bottomLinks","showBetaTag","copyrightText","toTopText","placeholderEmailField","includeNewsletterAndSocialSection","newsletterLabel","navOptions","onNewsletterSignup","rest","actionOnNewsletterSignup"],"sources":["../../src/Footer/SiteFooter.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom components.\n */\nimport FooterBottomLinks from './Components/FooterBottomLinks';\nimport FooterTop from './Components/FooterTop';\nimport FooterNewsletterAndSocialSection from './Components/FooterNewsletterAndSocialSection';\nimport FooterNavSection from './Components/FooterNavSection';\nimport { BREAKPOINTS, COLORS } from '../styles';\n\n/**\n * Import custom styles.\n */\nimport { NavLink, NavOptions } from '../types';\n\nconst FooterContainer = styled.footer`\n  margin-top: auto;\n  background-color: ${COLORS.neutral_800};\n  border-top: 8px solid ${COLORS.neutral_200};\n\n  padding: 16px 16px;\n  \n  ${BREAKPOINTS.MEDIUM}{\n    padding: 24px 32px;\n  }\n  ${BREAKPOINTS.LARGE}{\n    padding: 24px 56px;\n  }\n  ${BREAKPOINTS.XLARGE}{\n    padding: 32px 56px;\n  }\n`;\nconst FooterLine = styled.div`\n  border-top: 1px solid ${COLORS.white};\n  display: none;\n  ${BREAKPOINTS.MEDIUM} {\n    display: block;\n  }\n`;\n\ninterface NewFooterProps  extends Omit<React.HTMLAttributes<HTMLElement>, 'id'> {\n  id: string;\n  sitename?: string;\n  showBetaTag?: boolean;\n  bottomLinks?: NavLink[];\n  copyrightText?: string;\n  includeNewsletterAndSocialSection?: boolean;\n  actionOnNewsletterSignup?: (email: string) => void;\n  newsletterLabel?: string;\n  toTopText: string;\n  navOptions?: NavOptions;\n  placeholderEmailField?: string;\n  onNewsletterSignup?: (email: string) => void;\n}\n\nconst SiteFooter = ({\n  id,\n  sitename,\n  bottomLinks,\n  showBetaTag,\n  copyrightText,\n  toTopText,\n  placeholderEmailField,\n  includeNewsletterAndSocialSection,\n  newsletterLabel,\n  navOptions,\n  onNewsletterSignup,\n  ...rest\n}: NewFooterProps) => {\n  return (\n    <FooterContainer id={id} data-testid={'footer-container'} {...rest}>\n      <FooterTop sitename={sitename} showBetaTag={showBetaTag} toTopText={toTopText} />\n      {navOptions && <FooterNavSection mainId={id} navOptions={navOptions} />}\n      <FooterLine />\n      {includeNewsletterAndSocialSection && (\n        <FooterNewsletterAndSocialSection placeholderEmail={placeholderEmailField} actionOnNewsletterSignup={onNewsletterSignup} newsletterLabel={newsletterLabel || ''} />\n      )}\n      <FooterBottomLinks bottomLinks={bottomLinks} copyrightText={copyrightText} />\n    </FooterContainer>\n  );\n};\n\nexport default SiteFooter;\n"],"mappings":";;;;;;;;;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AAEA;AACA;AACA;;AACA,OAAOC,MAAP,MAAmB,mBAAnB;AAEA;AACA;AACA;;AACA,OAAOC,iBAAP,MAA8B,gCAA9B;AACA,OAAOC,SAAP,MAAsB,wBAAtB;AACA,OAAOC,gCAAP,MAA6C,+CAA7C;AACA,OAAOC,gBAAP,MAA6B,+BAA7B;AACA,SAASC,WAAT,EAAsBC,MAAtB,QAAoC,WAApC;AAEA;AACA;AACA;;;;AAGA,IAAMC,eAAe,GAAGP,MAAM,CAACQ,MAAV,ySAECF,MAAM,CAACG,WAFR,EAGKH,MAAM,CAACI,WAHZ,EAOjBL,WAAW,CAACM,MAPK,EAUjBN,WAAW,CAACO,KAVK,EAajBP,WAAW,CAACQ,MAbK,CAArB;AAiBA,IAAMC,UAAU,GAAGd,MAAM,CAACe,GAAV,+JACUT,MAAM,CAACU,KADjB,EAGZX,WAAW,CAACM,MAHA,CAAhB;;AAuBA,IAAMM,UAAU,GAAG,SAAbA,UAAa,OAaG;EAAA,IAZpBC,EAYoB,QAZpBA,EAYoB;EAAA,IAXpBC,QAWoB,QAXpBA,QAWoB;EAAA,IAVpBC,WAUoB,QAVpBA,WAUoB;EAAA,IATpBC,WASoB,QATpBA,WASoB;EAAA,IARpBC,aAQoB,QARpBA,aAQoB;EAAA,IAPpBC,SAOoB,QAPpBA,SAOoB;EAAA,IANpBC,qBAMoB,QANpBA,qBAMoB;EAAA,IALpBC,iCAKoB,QALpBA,iCAKoB;EAAA,IAJpBC,eAIoB,QAJpBA,eAIoB;EAAA,IAHpBC,UAGoB,QAHpBA,UAGoB;EAAA,IAFpBC,kBAEoB,QAFpBA,kBAEoB;EAAA,IADjBC,IACiB;;EACpB,oBACE,MAAC,eAAD;IAAiB,EAAE,EAAEX,EAArB;IAAyB,eAAa;EAAtC,GAA8DW,IAA9D;IAAA,wBACE,KAAC,SAAD;MAAW,QAAQ,EAAEV,QAArB;MAA+B,WAAW,EAAEE,WAA5C;MAAyD,SAAS,EAAEE;IAApE,EADF,EAEGI,UAAU,iBAAI,KAAC,gBAAD;MAAkB,MAAM,EAAET,EAA1B;MAA8B,UAAU,EAAES;IAA1C,EAFjB,eAGE,KAAC,UAAD,KAHF,EAIGF,iCAAiC,iBAChC,KAAC,gCAAD;MAAkC,gBAAgB,EAAED,qBAApD;MAA2E,wBAAwB,EAAEI,kBAArG;MAAyH,eAAe,EAAEF,eAAe,IAAI;IAA7J,EALJ,eAOE,KAAC,iBAAD;MAAmB,WAAW,EAAEN,WAAhC;MAA6C,aAAa,EAAEE;IAA5D,EAPF;EAAA,GADF;AAWD,CAzBD;;;EAdEJ,E;EACAC,Q;EACAE,W;EACAD,W;EACAE,a;EACAG,iC;EACAK,wB;EACAJ,e;EACAH,S;EAEAC,qB;EACAI,kB;;AA8BF,eAAeX,UAAf"}

package/dist/Footer/index.cjs.map

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

package/dist/Footer/index.js.map

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

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs

@@ -55,9 +55,9 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var HeaderWrapper = _styledComponents.default.header(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  background: white;\n  box-sizing: border-box;\n  border-bottom: 1px solid ", ";\n\n  z-index: ", ";\n  position: relative;\n\n  height: 48px;\n\n  ", " {\n    height: 56px;\n  }\n\n  ", " {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n"])), _styles.COLORS.neutral_200, _styles.Z_INDEXES.sticky_menu, _styles.BREAKPOINTS.SMALL, _styles.BREAKPOINTS.LARGE);
 

package/dist/GlobalNavigationBar/GlobalNavigationBar.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"names":["HeaderWrapper","styled","header","COLORS","neutral_200","Z_INDEXES","sticky_menu","BREAKPOINTS","SMALL","LARGE","RowLayout","div","HamburgerButton","RightSide","XSMALL","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","UserMenuWrapper","white","props","offsetRight","window","innerWidth","GlobalNavigationBar","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","maxWidth","React","useState","showMobileMenu","setShowMobileMenu","wasMobileMenuOpen","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","a","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","userMenuRef","mobileMenuRef","useEffect","handleResize","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","showBetaTag","onClick","to","items","filter","pinned","reverseRightSideOrder","action","user","some"],"mappings":";;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AACA;;AAOA;;AACA;;AACA;;AACA;;;;;;;;;;;;;;AAEA,IAAMA,aAAa,GAAGC,0BAAOC,MAAV,0aAGUC,eAAOC,WAHjB,EAKNC,kBAAUC,WALJ,EAUfC,oBAAYC,KAVG,EAcfD,oBAAYE,KAdG,CAAnB;;AA2BA,IAAMC,SAAS,GAAGT,0BAAOU,GAAV,iIAAf;;AAMA,IAAMC,eAAe,GAAGX,0BAAOU,GAAV,sKACjBJ,oBAAYC,KADK,EAKjBD,oBAAYE,KALK,CAArB;;AAUA,IAAMI,SAAS,GAAGZ,0BAAOU,GAAV,2QAIXJ,oBAAYO,MAJD,EASTF,eATS,CAAf;;AAiBA,IAAMG,kBAAkB,GAAGd,0BAAOU,GAAV,ohBAWXN,kBAAUW,QAXC,EAiBPC,oBAjBO,EAsBPC,qBAtBO,EAyBpBX,oBAAYE,KAzBQ,CAAxB;;AA8BA,IAAMU,eAAe,GAAGlB,0BAAOU,GAAV,+MACCR,eAAOiB,KADR,EAKjBb,oBAAYE,KALK,EAOR,UAACY,KAAD;AAAA,SAAYA,KAAK,CAACC,WAAN,aAAuBC,MAAM,CAACC,UAAP,GAAoBH,KAAK,CAACC,WAA1B,GAAwC,GAA/D,UAAyE,KAArF;AAAA,CAPQ,CAArB;;AA4BA;AACA;AACA;AACA;AACA;AACA,IAAMG,mBAAmB,GAAG,SAAtBA,mBAAsB,OAU+E;AAAA;;AAAA,MAT5EC,IAS4E,QAT5EA,IAS4E;AAAA,MAR5EC,eAQ4E,QAR5EA,eAQ4E;AAAA,MAP5EC,IAO4E,QAP5EA,IAO4E;AAAA,MAN5EC,OAM4E,QAN5EA,OAM4E;AAAA,MAL5EC,MAK4E,QAL5EA,MAK4E;AAAA,MAJ5EC,OAI4E,QAJ5EA,OAI4E;AAAA,MAH5EC,MAG4E,QAH5EA,MAG4E;AAAA,8BAF5EC,WAE4E;AAAA,MAF5EA,WAE4E,iCAF9D,IAE8D;AAAA,MAD5EC,QAC4E,QAD5EA,QAC4E;;AACzG,wBAA4CC,KAAK,CAACC,QAAN,CAAe,KAAf,CAA5C;AAAA;AAAA,MAAOC,cAAP;AAAA,MAAuBC,iBAAvB;;AACA,MAAMC,iBAAiB,GAAG,iCAAqBF,cAArB,CAA1B;;AAEA,yBAAwCF,KAAK,CAACC,QAAN,CAAe,KAAf,CAAxC;AAAA;AAAA,MAAOI,YAAP;AAAA,MAAqBC,eAArB;;AAEA,MAAMC,UAAU,GAAGP,KAAK,CAACQ,MAAN,CAAgC,IAAhC,CAAnB;AACA,MAAMC,gBAAgB,GAAGT,KAAK,CAACQ,MAAN,EAAzB;AACAC,EAAAA,gBAAgB,CAACC,OAAjB,GAA2BH,UAA3B,aAA2BA,UAA3B,8CAA2BA,UAAU,CAAEG,OAAvC,iFAA2B,oBAAqBC,OAAhD,oFAA2B,sBAA8BC,IAA9B,CAAmC,UAAAC,CAAC;AAAA,WAAIA,CAAC,CAACC,IAAF,KAAW,SAAf;AAAA,GAApC,CAA3B,qFAA2B,uBAA+DC,GAA1F,2DAA2B,uBAAoEL,OAA/F;AAEA,MAAMM,mBAAmB,GAAGhB,KAAK,CAACQ,MAAN,CAAgC,IAAhC,CAA5B;AAEA,MAAMS,YAAY,GAAGjB,KAAK,CAACQ,MAAN,CAAa,IAAb,CAArB;;AACA,yBAAsCR,KAAK,CAACC,QAAN,CAAuB,CAAvB,CAAtC;AAAA;AAAA,MAAOiB,WAAP;AAAA,MAAoBC,cAApB;;AAGA,MAAMC,WAAW,GAAG,gCAAmB;AAAA,WAAMd,eAAe,CAAC,KAAD,CAArB;AAAA,GAAnB,EAAiD,CAACG,gBAAD,CAAjD,CAApB;AACA,MAAMY,aAAa,GAAG,gCAAmB;AAAA,WAAMlB,iBAAiB,CAAC,KAAD,CAAvB;AAAA,GAAnB,EAAmD,CAACa,mBAAD,CAAnD,CAAtB;AAEAhB,EAAAA,KAAK,CAACsB,SAAN,CAAgB,YAAM;AACpB,QAAI,CAACb,gBAAgB,CAACC,OAAtB,EAA+B;;AAE/B,QAAMa,YAAY,GAAG,SAAfA,YAAe,GAAM;AAAA;;AACzB,UAAMC,kBAAkB,4BAAGf,gBAAgB,CAACC,OAApB,oFAAG,sBAA0Be,qBAA1B,EAAH,2DAAG,uBAAmDC,KAA9E;AACAP,MAAAA,cAAc,CAACK,kBAAkB,IAAI,CAAvB,CAAd;AACD,KAHD;;AAKAD,IAAAA,YAAY;AACZnC,IAAAA,MAAM,CAACuC,gBAAP,CAAwB,QAAxB,EAAkCJ,YAAlC;AACA,WAAO;AAAA,aAAMnC,MAAM,CAACwC,mBAAP,CAA2B,QAA3B,EAAqCL,YAArC,CAAN;AAAA,KAAP;AACD,GAXD,EAWG,CAACd,gBAAgB,CAACC,OAAlB,CAXH;AAcA,sBACE;AAAA,4BACE,qBAAC,aAAD;AAAe,qBAAab,MAA5B;AAAA,6BACE,qBAAC,kBAAD;AAAW,QAAA,WAAW,EAAEC,WAAxB;AAAqC,QAAA,QAAQ,EAAEC,QAA/C;AAAA,+BACE,sBAAC,SAAD;AAAA,kCACE,qBAAC,aAAD;AAAM,YAAA,IAAI,EAAER,IAAI,IAAI,EAApB;AAAwB,YAAA,WAAW,EAAEE,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEoC,WAA3C;AAAwD,YAAA,OAAO,EAAEpC,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEqC,OAAvE;AAAgF,YAAA,EAAE,EAAErC,IAAF,aAAEA,IAAF,uBAAEA,IAAI,CAAEsC;AAA1F,YADF,EAGIvC,eAAe,iBACf,qBAAC,iBAAD;AAAU,YAAA,KAAK,EAAE,CAAAI,OAAO,SAAP,IAAAA,OAAO,WAAP,YAAAA,OAAO,CAAEoC,KAAT,CAAeC,MAAf,CAAsB,UAAApB,CAAC;AAAA,qBAAI,CAACA,CAAC,CAACqB,MAAP;AAAA,aAAvB,MAAyC,EAA1D;AAA8D,YAAA,YAAY,EAAEjB;AAA5E,YAJJ,eAME,sBAAC,SAAD;AAAW,YAAA,SAAS,YAAKrB,OAAO,SAAP,IAAAA,OAAO,WAAP,IAAAA,OAAO,CAAEuC,qBAAT,GAAiC,SAAjC,GAA6C,EAAlD,CAApB;AACW,YAAA,GAAG,EAAElB,YADhB;AAAA,oCAEE,qBAAC,qBAAD;AAAc,cAAA,KAAK,EAAErB,OAAF,aAAEA,OAAF,yCAAEA,OAAO,CAAEoC,KAAX,mDAAE,eAAgBC,MAAhB,CAAuB,UAAApB,CAAC;AAAA,uBAAIA,CAAC,CAACqB,MAAN;AAAA,eAAxB,CAArB;AAA4D,cAAA,MAAM,EAAEtC,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEwC;AAA7E,cAFF,eAGE,qBAAC,uBAAD;AAAgB,cAAA,GAAG,EAAE7B,UAArB;AACgB,cAAA,OAAO,EAAEX,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAEe,OADlC;AAEgB,cAAA,cAAc,EAAE;AAAA,uBAAML,eAAe,CAAC,CAACD,YAAF,CAArB;AAAA,eAFhC;AAGgB,cAAA,IAAI,EAAEX,OAAF,aAAEA,OAAF,uBAAEA,OAAO,CAAE2C;AAH/B,cAHF,eAOE,qBAAC,eAAD;AAAiB,cAAA,MAAM,EAAE,CAAC7C,eAA1B;AAAA,qCACE,qBAAC,kBAAD;AAAY,gBAAA,MAAM,EAAE;AAAA,yBAAMW,iBAAiB,CAAC,CAACD,cAAF,CAAvB;AAAA,iBAApB;AACY,gBAAA,GAAG,EAAEc,mBADjB;AAEY,gBAAA,KAAK,EAAE,UAFnB;AAGY,gBAAA,OAAO,EAAE,WAHrB;AAAA,uCAIE,qBAAC,iBAAD;AAAM,kBAAA,IAAI,EAAC;AAAX;AAJF;AADF,cAPF;AAAA,YANF;AAAA;AADF;AADF,MADF,eA4BE,qBAAC,kBAAD;AAAoB,MAAA,SAAS,EAAEd,cAAc,GAAG,MAAH,GAAY,CAACG,YAAD,IAAiBD,iBAAjB,GAAqC,QAArC,GAAgD,EAAzG;AAAA,6BACE,qBAAC,kBAAD;AAAmB,QAAA,GAAG,EAAEiB,aAAxB;AACmB,QAAA,IAAI,EAAC,MADxB;AAEmB,2BAAgB,gBAFnC;AAAA,+BAGE,qBAAC,mBAAD,kCAAgB1B,MAAhB;AACY,UAAA,IAAI,EAAEO,cADlB;AAEY,UAAA,OAAO,EAAE;AAAA,mBAAMC,iBAAiB,CAAC,KAAD,CAAvB;AAAA,WAFrB;AAGY,UAAA,OAAO,EAAET;AAHrB;AAHF;AADF,MA5BF,EAuCI,CAAAE,OAAO,SAAP,IAAAA,OAAO,WAAP,gCAAAA,OAAO,CAAEe,OAAT,sEAAkB2B,IAAlB,CAAuB,UAAAzB,CAAC;AAAA,aAAIA,CAAC,CAACC,IAAF,KAAW,SAAf;AAAA,KAAxB,MAAqD,CAAC,CAACpB,OAAvD,iBACA,qBAAC,eAAD;AAAiB,MAAA,GAAG,EAAE0B,WAAtB;AACiB,MAAA,WAAW,EAAEF,WAD9B;AAEiB,qBAAY,qBAF7B;AAAA,6BAGE,qBAAC,iBAAD,kCAAcxB,OAAd;AACU,QAAA,IAAI,EAAEW,YADhB;AAEU,QAAA,cAAc,EAAE;AAAA,iBAAMC,eAAe,CAAC,KAAD,CAArB;AAAA;AAF1B;AAHF,MAxCJ;AAAA,IADF;AAmDD,CA9FD;;;AApBEd,EAAAA,e;AACAM,EAAAA,W;AACAC,EAAAA,Q;AAEAR,EAAAA,I;AACAE,EAAAA,I;AAASqC,IAAAA,O;AAAsBC,IAAAA,E;AAAaF,IAAAA,W;;AAO5ChC,EAAAA,M;;eAwGaP,mB","sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport Logo from './Logo';\nimport MainMenu from './desktop/MainMenu';\nimport {PageWidth} from '../Layouts';\nimport {COLORS, BREAKPOINTS} from '../styles';\nimport RightSideNav from './desktop/RightSideNav';\nimport MobileMenu from './mobile/MobileMenu';\nimport {Menu} from '../icons/systemicons/SystemIcons';\nimport UserMenu from './desktop/UserMenu';\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\nimport {Z_INDEXES} from '../styles';\nimport {\n  DesktopNavigationMenuProps, MenuProfileButton,\n  MobileNavigationMenuProps,\n  ProfileMenu\n} from './types';\nimport {IconButton} from '../Button';\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\nimport {usePreviousImmediate} from 'rooks';\nimport {useClickOutsideRef} from '../common';\n\nconst HeaderWrapper = styled.header`\n  background: white;\n  box-sizing: border-box;\n  border-bottom: 1px solid ${COLORS.neutral_200};\n\n  z-index: ${Z_INDEXES.sticky_menu};\n  position: relative;\n\n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n`;\n\nconst RowLayout = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\n\nconst HamburgerButton = styled.div`\n  ${BREAKPOINTS.SMALL} button {\n    height: 56px;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    display: none;\n  }\n`;\n\nconst RightSide = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${BREAKPOINTS.XSMALL} {\n    margin: 0 0 0 auto;\n  }\n\n  &.reverse {\n    ${HamburgerButton} {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n`;\n\nconst MobileMenuBackdrop = styled.div`\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  height: 100vh;\n  width: 100vw;\n  overflow: hidden;\n  z-index: ${Z_INDEXES.backdrop};\n  visibility: hidden;\n\n\n  &.open {\n    visibility: visible;\n    animation: ${fadeIn} 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ${fadeOut} 0.3s ease-in-out;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    visibility: hidden !important;\n  }\n`;\n\nconst UserMenuWrapper = styled.div<{ offsetRight?: number }>`\n  background-color: ${COLORS.white};\n  display: flex;\n  position: absolute;\n\n  ${BREAKPOINTS.LARGE} {\n    top: 56px;\n    right: ${(props) => (props.offsetRight ? `${window.innerWidth - props.offsetRight + 296}px` : '10%')};\n  }\n`;\n\n\ntype GlobalNavigationBarProps = {\n  isAuthenticated?: boolean;\n  useMaxWidth?: boolean;\n  maxWidth?: number;\n\n  name?: string;\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\n\n  profile?: ProfileMenu;\n\n  mobile?: MobileNavigationMenuProps;\n  desktop?: DesktopNavigationMenuProps;\n\n  testId?: string;\n};\n\n/**\n * @param props\n * @constructor\n * @description This component is a global navigation header bar\n */\nconst GlobalNavigationBar = ({\n                               name,\n                               isAuthenticated,\n                               logo,\n                               profile,\n                               mobile,\n                               desktop,\n                               testId,\n                               useMaxWidth = true,\n                               maxWidth,\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\n\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\n\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\n\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const rightSideRef = React.useRef(null);\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\n\n\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\n\n  React.useEffect(() => {\n    if (!profileButtonRef.current) return;\n\n    const handleResize = () => {\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\n      setAvatarRight(profileRightOffset || 0);\n    };\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [profileButtonRef.current]);\n\n\n  return (\n    <>\n      <HeaderWrapper data-testid={testId}>\n        <PageWidth useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\n          <RowLayout>\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\n            {\n              isAuthenticated &&\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\n            }\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\n                       ref={rightSideRef}>\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned)} action={desktop?.action}/>\n              <DesktopActions ref={actionsRef}\n                              buttons={desktop?.buttons}\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\n                              user={profile?.user}/>\n              <HamburgerButton hidden={!isAuthenticated}>\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\n                            ref={mobileMenuButtonRef}\n                            shape={'circular'}\n                            variant={'secondary'}>\n                  <Menu size=\"24px\"/>\n                </IconButton>\n              </HamburgerButton>\n            </RightSide>\n          </RowLayout>\n        </PageWidth>\n      </HeaderWrapper>\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\n        <MobileMenuWrapper ref={mobileMenuRef}\n                           role=\"menu\"\n                           aria-labelledby=\"UserMenuButton\">\n          <MobileMenu {...mobile}\n                      show={showMobileMenu}\n                      onClose={() => setShowMobileMenu(false)}\n                      profile={profile}/>\n        </MobileMenuWrapper>\n      </MobileMenuBackdrop>\n      {\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\n        <UserMenuWrapper ref={userMenuRef}\n                         offsetRight={avatarRight}\n                         data-testid=\"testUserMenuWrapper\">\n          <UserMenu {...profile}\n                    show={showUserMenu}\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\n        </UserMenuWrapper>\n      }\n    </>\n  );\n};\n\nexport default GlobalNavigationBar;\n"],"file":"GlobalNavigationBar.cjs"}
+{"version":3,"file":"GlobalNavigationBar.cjs","names":["HeaderWrapper","styled","header","COLORS","neutral_200","Z_INDEXES","sticky_menu","BREAKPOINTS","SMALL","LARGE","RowLayout","div","HamburgerButton","RightSide","XSMALL","MobileMenuBackdrop","backdrop","fadeIn","fadeOut","UserMenuWrapper","white","props","offsetRight","window","innerWidth","GlobalNavigationBar","name","isAuthenticated","logo","profile","mobile","desktop","testId","useMaxWidth","maxWidth","React","useState","showMobileMenu","setShowMobileMenu","wasMobileMenuOpen","usePreviousImmediate","showUserMenu","setShowUserMenu","actionsRef","useRef","profileButtonRef","current","buttons","find","a","type","ref","mobileMenuButtonRef","rightSideRef","avatarRight","setAvatarRight","userMenuRef","useClickOutsideRef","mobileMenuRef","useEffect","handleResize","profileRightOffset","getBoundingClientRect","right","addEventListener","removeEventListener","showBetaTag","onClick","to","items","filter","pinned","reverseRightSideOrder","action","user","some"],"sources":["../../src/GlobalNavigationBar/GlobalNavigationBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled from 'styled-components';\n\nimport Logo from './Logo';\nimport MainMenu from './desktop/MainMenu';\nimport {PageWidth} from '../Layouts';\nimport {COLORS, BREAKPOINTS} from '../styles';\nimport RightSideNav from './desktop/RightSideNav';\nimport MobileMenu from './mobile/MobileMenu';\nimport {Menu} from '../icons/systemicons/SystemIcons';\nimport UserMenu from './desktop/UserMenu';\nimport {fadeIn, fadeOut, Menu as MobileMenuWrapper} from './mobile/CommonStyles';\nimport {Z_INDEXES} from '../styles';\nimport {\n  DesktopNavigationMenuProps, MenuProfileButton,\n  MobileNavigationMenuProps,\n  ProfileMenu\n} from './types';\nimport {IconButton} from '../Button';\nimport DesktopActions, {DesktopActionsRef} from './desktop/DesktopActions';\nimport {usePreviousImmediate} from 'rooks';\nimport {useClickOutsideRef} from '../common';\n\nconst HeaderWrapper = styled.header`\n  background: white;\n  box-sizing: border-box;\n  border-bottom: 1px solid ${COLORS.neutral_200};\n\n  z-index: ${Z_INDEXES.sticky_menu};\n  position: relative;\n\n  height: 48px;\n\n  ${BREAKPOINTS.SMALL} {\n    height: 56px;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    height: 64px;\n  }\n\n  @media all and (-ms-high-contrast: none) {\n    height: auto;\n  }\n\n  @media print {\n    border-bottom: none;\n  }\n`;\n\nconst RowLayout = styled.div`\n  display: flex;\n  align-items: center;\n`;\n\n\nconst HamburgerButton = styled.div`\n  ${BREAKPOINTS.SMALL} button {\n    height: 56px;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    display: none;\n  }\n`;\n\nconst RightSide = styled.div`\n  display: flex;\n  align-items: center;\n\n  ${BREAKPOINTS.XSMALL} {\n    margin: 0 0 0 auto;\n  }\n\n  &.reverse {\n    ${HamburgerButton} {\n      order: -1;\n    }\n\n    flex-direction: row-reverse;\n  }\n`;\n\nconst MobileMenuBackdrop = styled.div`\n  background: rgba(0, 0, 0, 0.5);\n  display: flex;\n  position: fixed;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  right: 0;\n  height: 100vh;\n  width: 100vw;\n  overflow: hidden;\n  z-index: ${Z_INDEXES.backdrop};\n  visibility: hidden;\n\n\n  &.open {\n    visibility: visible;\n    animation: ${fadeIn} 0.3s ease-in-out;\n  }\n\n  &.closed {\n    visibility: hidden;\n    animation: ${fadeOut} 0.3s ease-in-out;\n  }\n\n  ${BREAKPOINTS.LARGE} {\n    visibility: hidden !important;\n  }\n`;\n\nconst UserMenuWrapper = styled.div<{ offsetRight?: number }>`\n  background-color: ${COLORS.white};\n  display: flex;\n  position: absolute;\n\n  ${BREAKPOINTS.LARGE} {\n    top: 56px;\n    right: ${(props) => (props.offsetRight ? `${window.innerWidth - props.offsetRight + 296}px` : '10%')};\n  }\n`;\n\n\ntype GlobalNavigationBarProps = {\n  isAuthenticated?: boolean;\n  useMaxWidth?: boolean;\n  maxWidth?: number;\n\n  name?: string;\n  logo?: { onClick?: () => void; to?: string; showBetaTag?: boolean; };\n\n  profile?: ProfileMenu;\n\n  mobile?: MobileNavigationMenuProps;\n  desktop?: DesktopNavigationMenuProps;\n\n  testId?: string;\n};\n\n/**\n * @param props\n * @constructor\n * @description This component is a global navigation header bar\n */\nconst GlobalNavigationBar = ({\n                               name,\n                               isAuthenticated,\n                               logo,\n                               profile,\n                               mobile,\n                               desktop,\n                               testId,\n                               useMaxWidth = true,\n                               maxWidth,\n                             }: GlobalNavigationBarProps): React.ReactElement<GlobalNavigationBarProps> => {\n  const [showMobileMenu, setShowMobileMenu] = React.useState(false);\n  const wasMobileMenuOpen = usePreviousImmediate(showMobileMenu);\n\n  const [showUserMenu, setShowUserMenu] = React.useState(false);\n\n  const actionsRef = React.useRef<DesktopActionsRef>(null);\n  const profileButtonRef = React.useRef<HTMLButtonElement | null>() as React.MutableRefObject<HTMLButtonElement | null | undefined>;\n  profileButtonRef.current = actionsRef?.current?.buttons?.find(a => a.type === 'profile')?.ref?.current;\n\n  const mobileMenuButtonRef = React.useRef<HTMLButtonElement>(null);\n\n  const rightSideRef = React.useRef(null);\n  const [avatarRight, setAvatarRight] = React.useState<number>(0);\n\n\n  const userMenuRef = useClickOutsideRef(() => setShowUserMenu(false), [profileButtonRef]);\n  const mobileMenuRef = useClickOutsideRef(() => setShowMobileMenu(false), [mobileMenuButtonRef]);\n\n  React.useEffect(() => {\n    if (!profileButtonRef.current) return;\n\n    const handleResize = () => {\n      const profileRightOffset = profileButtonRef.current?.getBoundingClientRect()?.right;\n      setAvatarRight(profileRightOffset || 0);\n    };\n\n    handleResize();\n    window.addEventListener('resize', handleResize);\n    return () => window.removeEventListener('resize', handleResize);\n  }, [profileButtonRef.current]);\n\n\n  return (\n    <>\n      <HeaderWrapper data-testid={testId}>\n        <PageWidth useMaxWidth={useMaxWidth} maxWidth={maxWidth}>\n          <RowLayout>\n            <Logo name={name || ''} showBetaTag={logo?.showBetaTag} onClick={logo?.onClick} to={logo?.to}/>\n            {\n              isAuthenticated &&\n              <MainMenu items={desktop?.items.filter(a => !a.pinned) || []} rightSideRef={rightSideRef}/>\n            }\n            <RightSide className={`${desktop?.reverseRightSideOrder ? 'reverse' : ''}`}\n                       ref={rightSideRef}>\n              <RightSideNav items={desktop?.items?.filter(a => a.pinned)} action={desktop?.action}/>\n              <DesktopActions ref={actionsRef}\n                              buttons={desktop?.buttons}\n                              onShowUserMenu={() => setShowUserMenu(!showUserMenu)}\n                              user={profile?.user}/>\n              <HamburgerButton hidden={!isAuthenticated}>\n                <IconButton action={() => setShowMobileMenu(!showMobileMenu)}\n                            ref={mobileMenuButtonRef}\n                            shape={'circular'}\n                            variant={'secondary'}>\n                  <Menu size=\"24px\"/>\n                </IconButton>\n              </HamburgerButton>\n            </RightSide>\n          </RowLayout>\n        </PageWidth>\n      </HeaderWrapper>\n      <MobileMenuBackdrop className={showMobileMenu ? 'open' : !showUserMenu && wasMobileMenuOpen ? 'closed' : ''}>\n        <MobileMenuWrapper ref={mobileMenuRef}\n                           role=\"menu\"\n                           aria-labelledby=\"UserMenuButton\">\n          <MobileMenu {...mobile}\n                      show={showMobileMenu}\n                      onClose={() => setShowMobileMenu(false)}\n                      profile={profile}/>\n        </MobileMenuWrapper>\n      </MobileMenuBackdrop>\n      {\n        desktop?.buttons?.some(a => a.type === 'profile') && !!profile &&\n        <UserMenuWrapper ref={userMenuRef}\n                         offsetRight={avatarRight}\n                         data-testid=\"testUserMenuWrapper\">\n          <UserMenu {...profile}\n                    show={showUserMenu}\n                    onHideUserMenu={() => setShowUserMenu(false)}/>\n        </UserMenuWrapper>\n      }\n    </>\n  );\n};\n\nexport default GlobalNavigationBar;\n"],"mappings":"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"}

package/dist/GlobalNavigationBar/GlobalNavigationBar.js

@@ -5,9 +5,9 @@ import _pt from "prop-types";
 
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import * as React from 'react';
 import styled from 'styled-components';