{"version":3,"sources":["webpack:///./src/img/icons/nav-arrow-down.svg","webpack:///./src/stories/Components/CtaLink/CtaLink.tsx","webpack:///./src/stories/Widgets/Footer/LinkList/LinkList.styles.ts","webpack:///./src/stories/Widgets/Footer/Footer.styles.ts","webpack:///./src/stories/Widgets/Footer/LinkList/LinkList.tsx","webpack:///./src/stories/Widgets/Footer/Footer.tsx","webpack:///./src/stories/Components/CtaLink/CtaLink.styles.ts"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","SvgNavArrowDown","props","xmlns","viewBox","d","fill","CtaLink","children","size","variant","otherProps","React","S","Container","LinkListStyles","styled","div","ListHeader","span","fonts","brandonGrotesque","bold","transition","from","Device","TabletLarge","List","ul","ListItem","li","until","brand","greyDark","ListLink","a","regular","black","medium","footer","green","DesktopSmall","Inner","siteWide","FooterLogoWrapper","FooterLogo","img","fluid","MainWrapper","section","Desktop","LogoLink","Logo","LinksWrapper","between","ButtonsWrapper","CtaLinkStyles","LegalWrapper","FooterStyles","LegalCopy","LinkList","active","desktopView","header","links","onClick","SvgArrow","map","link","replace","toLowerCase","FocusRing","focusRingClass","href","url","text","Footer","anchorId","footerButtons","footerLinks","legalCopy","legalLinks","socialLinks","footerLogo","footerLogoLink","logo","openList","setOpenList","handleListClick","id","alt","altText","loading","src","imageUrl","width","SocialLinks","items","button","as","title","height","LinkStyles","css","white"],"mappings":"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","file":"115-fe4cceb185f5e8cca01e.js","sourcesContent":["var _path;\n\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\n\nimport * as React from \"react\";\n\nfunction SvgNavArrowDown(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    xmlns: \"http://www.w3.org/2000/svg\",\n    viewBox: \"0 0 13 7\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M6.5 7l.409-.38L13 .942 12.182 0 6.5 5.3.818 0 0 .942 6.091 6.62z\",\n    fill: \"currentColor\"\n  })));\n}\n\nexport default __webpack_public_path__ + \"4da2431e71f3c6e7524cf933a0bd745c.svg\";\nexport { SvgNavArrowDown as ReactComponent };","import * as React from 'react';\r\nimport S from './CtaLink.styles';\r\nconst CtaLink = ({ children, size = 'default', variant = 'default', ...otherProps }) => {\r\n    return (React.createElement(S.Container, { ...otherProps, \"data-size\": size, \"data-variant\": variant }, children));\r\n};\r\nexport default CtaLink;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div ``;\r\nconst ListHeader = styled.span `\r\n  ${fonts.brandonGrotesque.bold};\r\n  display: flex;\r\n  font-size: 18px;\r\n  line-height: 42px;\r\n  text-transform: uppercase;\r\n  place-content: center;\r\n  gap: 12px;\r\n\r\n  svg {\r\n    width: 16px;\r\n    ${transition('transform')};\r\n\r\n    [data-open='true'] & {\r\n      transform: rotate(0.5turn);\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    line-height: 24px;\r\n    justify-content: flex-start;\r\n\r\n    svg {\r\n      display: none;\r\n    }\r\n\r\n    [data-view='inline'] & {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst List = styled.ul `\r\n  ${transition('max-height', 0.5)};\r\n  height: auto;\r\n  overflow: hidden;\r\n\r\n  [data-open='false'] & {\r\n    max-height: 0px;\r\n  }\r\n\r\n  [data-open='true'] & {\r\n    max-height: 500px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    [data-open] & {\r\n      max-height: 100%;\r\n      overflow: visible;\r\n    }\r\n  }\r\n`;\r\nconst ListItem = styled.li `\r\n  text-align: center;\r\n  margin: 16px 0;\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    &:first-child {\r\n      margin-top: 8px;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    text-align: left;\r\n\r\n    [data-view='inline'] & {\r\n      position: relative;\r\n      display: inline-block;\r\n      margin: 0;\r\n      padding: 0 20px;\r\n\r\n      &:after {\r\n        content: '';\r\n        display: block;\r\n        height: 23px;\r\n        width: 1px;\r\n        background-color: ${brand.greyDark};\r\n        opacity: 0.4;\r\n        position: absolute;\r\n        right: 0;\r\n        top: 0;\r\n      }\r\n\r\n      &:first-child {\r\n        padding-left: 0;\r\n      }\r\n\r\n      &:last-child::after {\r\n        display: none;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst ListLink = styled.a `\r\n  ${fonts.brandonGrotesque.regular};\r\n  color: ${brand.black};\r\n  font-size: 16px;\r\n  line-height: 30px;\r\n  text-transform: uppercase;\r\n  text-decoration: none;\r\n  ${transition('opacity')};\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n  }\r\n\r\n  &:hover {\r\n    opacity: 0.4;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    ${fonts.brandonGrotesque.medium};\r\n\r\n    line-height: 16px;\r\n    margin-bottom: 10px;\r\n  }\r\n`;\r\nconst LinkListStyles = {\r\n    Container,\r\n    ListHeader,\r\n    List,\r\n    ListItem,\r\n    ListLink,\r\n};\r\nexport default LinkListStyles;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { between, Device, from, until } from '@helpers/media';\r\nimport CtaLinkStyles from '@stories/Components/CtaLink/CtaLink.styles';\r\nimport styled from 'styled-components';\r\nimport LinkListStyles from './LinkList/LinkList.styles';\r\nconst Container = styled.footer `\r\n  border-top: 4px solid ${brand.green};\r\n  padding-bottom: 80px;\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    border-width: 3px;\r\n  }\r\n\r\n  @media print {\r\n    display: none;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  ${siteWide};\r\n\r\n  --siteWidth: 1550px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    width: 100%;\r\n    max-width: var(--maxWidth);\r\n  }\r\n`;\r\nconst FooterLogoWrapper = styled.div `\r\n  display: grid;\r\n  place-content: center;\r\n  margin: 0 auto auto;\r\n\r\n  &[data-mobile-only] {\r\n    margin-bottom: 16px;\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      display: none;\r\n    }\r\n  }\r\n\r\n  &[data-desktop-only] {\r\n    @media ${until(Device.TabletLarge)} {\r\n      display: none;\r\n    }\r\n  }\r\n`;\r\nconst FooterLogo = styled.img `\r\n  aspect-ratio: 164 / 131;\r\n  object-fit: contain;\r\n  width: ${fluid(109, 164)};\r\n`;\r\nconst MainWrapper = styled.section `\r\n  display: flex;\r\n  align-items: center;\r\n  column-gap: ${fluid(32, 86)};\r\n  flex-direction: column;\r\n  flex-wrap: wrap;\r\n  justify-content: center;\r\n  padding: ${fluid(50, 80)} 0 0;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    flex-direction: row;\r\n    padding-bottom: ${fluid(0, 105)};\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    justify-content: space-between;\r\n  }\r\n`;\r\nconst LogoLink = styled.a `\r\n  display: block;\r\n  max-width: ${fluid(280, 398)};\r\n\r\n  @media ${until(Device.TabletLarge)} {\r\n    margin: 0 auto;\r\n  }\r\n`;\r\nconst Logo = styled.img `\r\n  display: block;\r\n`;\r\nconst LinksWrapper = styled.div `\r\n  flex-basis: 100%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: center;\r\n\r\n  ${Container}:has(${FooterLogoWrapper}) & {\r\n    @media ${between(Device.TabletLarge, Device.DesktopSmall)} {\r\n      flex-basis: 80%;\r\n      justify-content: space-between;\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    flex-direction: row;\r\n    gap: ${fluid(32, 96)};\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    justify-content: flex-end;\r\n    flex: 1 0 0;\r\n  }\r\n`;\r\nconst ButtonsWrapper = styled.div `\r\n  display: flex;\r\n  gap: 24px;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  padding: 40px 0;\r\n\r\n  ${CtaLinkStyles.Container} {\r\n    text-align: center;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    padding: 0;\r\n\r\n    ${Container}:has(${FooterLogoWrapper}) & {\r\n      align-items: flex-start;\r\n\r\n      ${CtaLinkStyles.Container} {\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    align-items: flex-start;\r\n  }\r\n`;\r\nconst LegalWrapper = styled.section `\r\n  ${LinkListStyles.Container} {\r\n    margin-bottom: ${fluid(16, 29)};\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    ${LinkListStyles.ListLink} {\r\n      ${fonts.brandonGrotesque.bold};\r\n      opacity: 0.4;\r\n\r\n      &:hover {\r\n        opacity: 1;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst LegalCopy = styled.div `\r\n  ${fonts.brandonGrotesque.regular};\r\n  font-size: ${fluid(10, 16)};\r\n  line-height: ${fluid(15, 23)};\r\n  opacity: 0.4;\r\n`;\r\nconst FooterStyles = {\r\n    ButtonsWrapper,\r\n    Container,\r\n    Inner,\r\n    LegalCopy,\r\n    LegalWrapper,\r\n    LinksWrapper,\r\n    Logo,\r\n    LogoLink,\r\n    MainWrapper,\r\n    FooterLogoWrapper,\r\n    FooterLogo,\r\n};\r\nexport default FooterStyles;\r\n","import { ReactComponent as SvgArrow } from '@img/icons/nav-arrow-down.svg';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from './LinkList.styles';\r\nconst LinkList = ({ active, desktopView = 'list', header, links, onClick, }) => {\r\n    return (React.createElement(S.Container, { \"data-view\": desktopView, \"data-open\": active },\r\n        React.createElement(S.ListHeader, { onClick: onClick },\r\n            header,\r\n            \" \",\r\n            React.createElement(SvgArrow, null)),\r\n        React.createElement(S.List, null, links.map((link, i) => (React.createElement(S.ListItem, { key: `${header.replace(' ', '-').toLowerCase()}-footer-link-${i}` },\r\n            React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n                React.createElement(S.ListLink, { href: link.url, target: link.target }, link.text))))))));\r\n};\r\nexport default LinkList;\r\n","import { imageUrl } from '@helpers/image';\r\nimport CtaLink from '@stories/Components/CtaLink/CtaLink';\r\nimport SocialLinks from '@stories/Components/Misc/SocialLinks/SocialLinks';\r\nimport * as React from 'react';\r\nimport S from './Footer.styles';\r\nimport LinkList from './LinkList/LinkList';\r\nconst Footer = ({ anchorId, footerButtons, footerLinks, legalCopy, legalLinks, socialLinks, footerLogo, footerLogoLink, logo, }) => {\r\n    const [openList, setOpenList] = React.useState('');\r\n    const handleListClick = (id) => {\r\n        if (id === openList) {\r\n            setOpenList('');\r\n        }\r\n        else {\r\n            setOpenList(id);\r\n        }\r\n    };\r\n    return (React.createElement(S.Container, { id: anchorId },\r\n        React.createElement(S.Inner, null,\r\n            React.createElement(S.MainWrapper, null,\r\n                React.createElement(\"div\", null,\r\n                    React.createElement(S.LogoLink, { href: \"/\", \"aria-label\": \"Homepage\" },\r\n                        React.createElement(S.Logo, { alt: logo.altText, loading: \"lazy\", src: imageUrl(logo, { width: 308 }) })),\r\n                    React.createElement(SocialLinks, { items: socialLinks })),\r\n                React.createElement(S.LinksWrapper, null,\r\n                    footerLinks.map((links, i) => (React.createElement(LinkList, { key: `footer-links-${i}`, active: openList === `footer-links-${i}`, onClick: () => handleListClick(`footer-links-${i}`), ...links }))),\r\n                    React.createElement(S.ButtonsWrapper, null, footerButtons.map((button, i) => (React.createElement(CtaLink, { key: `footer-button-${i}`, href: button.url, target: button.target, size: \"small\" }, button.text))))),\r\n                footerLogo ? (React.createElement(S.FooterLogoWrapper, { \"data-desktop-only\": true, ...(footerLogoLink\r\n                        ? {\r\n                            as: 'a',\r\n                            href: footerLogoLink.url,\r\n                            title: footerLogoLink.text,\r\n                            target: footerLogoLink.target,\r\n                        }\r\n                        : {}) },\r\n                    React.createElement(S.FooterLogo, { alt: footerLogo.altText, src: imageUrl(footerLogo, { width: 328, height: 262 }) }))) : null),\r\n            React.createElement(S.LegalWrapper, null,\r\n                React.createElement(LinkList, { active: openList === `legal-links`, onClick: () => handleListClick(`legal-links`), ...legalLinks }),\r\n                footerLogo ? (React.createElement(S.FooterLogoWrapper, { \"data-mobile-only\": true, ...(footerLogoLink\r\n                        ? {\r\n                            as: 'a',\r\n                            href: footerLogoLink.url,\r\n                            title: footerLogoLink.text,\r\n                            target: footerLogoLink.target,\r\n                        }\r\n                        : {}) },\r\n                    React.createElement(S.FooterLogo, { alt: footerLogo.altText, src: imageUrl(footerLogo, { width: 218, height: 174 }) }))) : null,\r\n                React.createElement(S.LegalCopy, null, legalCopy)))));\r\n};\r\nexport default Footer;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport styled, { css } from 'styled-components';\r\nexport const LinkStyles = css `\r\n  ${transition('color, text-decoration-color')};\r\n  ${fonts.brandonGrotesque.bold};\r\n\r\n  display: inline-block;\r\n  color: ${brand.black};\r\n  font-size: ${fluid(16, 20)};\r\n  line-height: 1.5;\r\n  text-decoration: underline;\r\n  text-decoration-color: ${brand.green};\r\n  text-transform: uppercase;\r\n  text-underline-position: under;\r\n\r\n  &[data-size='small'] {\r\n    font-size: ${fluid(14, 18)};\r\n  }\r\n\r\n  &[data-variant='white'] {\r\n    color: ${brand.white};\r\n    text-decoration-color: ${brand.white};\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration-color: ${brand.black};\r\n  }\r\n`;\r\nconst Container = styled.a `\r\n  ${LinkStyles};\r\n`;\r\nconst CtaLinkStyles = {\r\n    Container,\r\n};\r\nexport default CtaLinkStyles;\r\n"],"sourceRoot":""}