{"version":3,"sources":["webpack:///./src/stories/Components/Buttons/ButtonShared.styles.ts","webpack:///./src/stories/Widgets/Header/Header.styles.ts","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.styles.ts","webpack:///./node_modules/body-scroll-lock/lib/bodyScrollLock.esm.js","webpack:///./src/hooks/useBodyScrollLock.ts","webpack:///./node_modules/react-use/esm/useClickAway.js","webpack:///./src/stories/Components/NavigationDropdown/NavigationDropdown.styles.ts","webpack:///./src/stories/Components/NavigationDropdown/NavigationDropdown.tsx","webpack:///./src/stories/Components/Navigation/Navigation.styles.ts","webpack:///./src/stories/Components/Navigation/Navigation.tsx","webpack:///./src/stories/Components/NavigationMobile/NavigationMobile.styles.ts","webpack:///./src/stories/Components/NavigationMobile/NavigationMobile.tsx","webpack:///./node_modules/hamburger-react/dist-esm/Burger.js","webpack:///./node_modules/hamburger-react/dist-esm/Divide.js","webpack:///./node_modules/react-use/esm/useIsomorphicLayoutEffect.js","webpack:///./src/stories/Widgets/Header/Header.tsx","webpack:///./src/img/icons/arrow-right.svg","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.tsx","webpack:///./src/helpers/layers.ts","webpack:///./node_modules/react-use/esm/misc/util.js"],"names":["buttonTheme","theme","css","bgColor","borderColor","fgColor","sharedButtonStyles","Icon","from","Device","Tablet","styled","span","Text","fonts","crimsonText","regular","Container","header","themeOption","themes","cssVar","Layers","Header","transparent","reduced","visible","until","Inner","SiteWide","LogoLink","a","Logo","TabletLarge","CtaWrapper","div","LinkButtonStyles","Button","Overlay","Desktop","rgba","brand","magenta","white","purple","black","hasPassiveEvents","window","passiveTestOptions","addEventListener","removeEventListener","isIosDevice","navigator","platform","test","maxTouchPoints","locks","documentListenerAdded","initialClientY","previousBodyOverflowSetting","previousBodyPaddingRight","allowTouchMove","el","some","lock","options","preventDefault","rawEvent","e","event","target","touches","length","restoreOverflowSetting","undefined","document","body","style","paddingRight","overflow","disableBodyScroll","targetElement","concat","arr","Array","isArray","i","arr2","_toConsumableArray","ontouchstart","targetTouches","clientY","ontouchmove","scrollTop","scrollHeight","clientHeight","isTargetElementTotallyScrolled","stopPropagation","handleScroll","passive","_reserveScrollBarGap","reserveScrollBarGap","scrollBarGap","innerWidth","documentElement","clientWidth","setOverflowHidden","console","error","clearAllBodyScrollLocks","forEach","enableBodyScroll","filter","useBodyScrollLock","trigger","ref","useRef","useEffect","current","defaultEvents","onClickAway","events","savedCallback","handler","contains","_i","events_1","eventName","events_2","m","section","ColumnLeft","Image","img","ColumnRight","Title","h2","TitleLink","gold","List","ul","Item","li","Link","NavigationDropdown","image","items","title","url","activeId","setActiveId","React","S","initial","animate","variants","hidden","opacity","transitionEnd","display","transition","duration","ease","type","alt","loading","role","src","map","item","key","id","href","tabIndex","child","onMouseEnter","onMouseLeave","text","Navigation","nav","NavigationList","NavigationItem","NavigationLink","setIsDesktopNavigationActive","refContainer","useClickAway","isActive","onClick","children","NavigationMobile","NavigationOverflow","NavigationIcon","ChildList","ChildItem","ChildLink","cta","hasChildren","x","y","closed","rotate","opened","SvgChevronDown","height","LinkButton","icon","SvgArrowRight","Burger","color","direction","distance","easing","hideOutline","label","lines","onToggle","render","rounded","size","toggle","toggled","toggledInternal","toggleInternal","width","Math","max","min","room","round","barHeightRaw","barHeight","marginRaw","margin","topOffset","move","parseFloat","toFixed","time","burgerStyles","cursor","position","userSelect","barStyles","background","left","toggleFunction","isToggled","isLeft","_extends","Object","assign","arguments","source","prototype","hasOwnProperty","call","apply","this","Divide","props","createElement","o","className","onKeyUp","borderRadius","top","transform","withMotion","autoHide","navigation","initialThemeOption","activeNavigationId","setActiveNavigationId","hasScrolled","setHasScrolled","isMobileNavActive","setIsMobileNavActive","isDesktopNavigationActive","headerRef","handleClickOutside","useIsomorphicLayoutEffect","scrollY","onScroll","as","SvgHeaderLogo","Hamburger","_g","xmlns","viewBox","fill","stroke","d","iconPosition","otherProps","iconComponent","SBS","PeopleDetail","Modal","on","obj","args","off","isBrowser"],"mappings":"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","file":"47-fd6caa31dbd81bcfa3f5.js","sourcesContent":["import fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nexport function buttonTheme(theme) {\r\n const value = css `\r\n ${theme.bgColor &&\r\n css `\r\n --buttonBgColor: ${theme.bgColor};\r\n `}\r\n\r\n ${theme.borderColor &&\r\n css `\r\n --buttonBorderColor: ${theme.borderColor};\r\n `}\r\n\r\n ${theme.fgColor &&\r\n css `\r\n --buttonColor: ${theme.fgColor};\r\n `}\r\n `;\r\n return value;\r\n}\r\nexport const buttonShape = css `\r\n border-radius: 8px 0px 8px 0px;\r\n height: 48px;\r\n width: auto;\r\n`;\r\nexport const buttonShapeReverse = css `\r\n border-radius: 0px 8px 0px 8px;\r\n height: 48px;\r\n width: auto;\r\n`;\r\nexport const sharedButtonStyles = css `\r\n display: inline-flex;\r\n align-items: center;\r\n border: 0;\r\n background-color: var(--buttonBgColor);\r\n border: 1px solid var(--buttonBorderColor);\r\n border-radius: 8px 0px 8px 0px;\r\n color: var(--buttonColor);\r\n height: 40px;\r\n justify-content: flex-start;\r\n margin: 0;\r\n outline: none;\r\n padding: 0 12px;\r\n place-content: center;\r\n place-items: center;\r\n text-decoration: none;\r\n transition: background-color 0.15s ease-out, background-size 0.15s ease-out,\r\n border-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out,\r\n transform 0.15s ease-out;\r\n user-select: none;\r\n width: auto;\r\n\r\n &:disabled {\r\n opacity: 0.5;\r\n }\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n ${() => Icon} {\r\n margin-left: 12px;\r\n }\r\n\r\n &[data-icon-position='left'] ${() => Icon} {\r\n margin-left: 0;\r\n margin-right: 12px;\r\n }\r\n\r\n @media ${from(Device.Tablet)} {\r\n height: 48px;\r\n }\r\n`;\r\nexport const Icon = styled.span `\r\n display: block;\r\n height: 20px;\r\n width: 20px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n height: 24px;\r\n width: 24px;\r\n }\r\n`;\r\nexport const Text = styled.span `\r\n color: currentColor;\r\n ${fonts.crimsonText.regular};\r\n font-size: 18px;\r\n line-height: 25px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 23px;\r\n line-height: 32px;\r\n }\r\n`;\r\n","import { themes } from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport { Layers } from '@helpers/layers';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { Icon } from '@stories/Components/Buttons/ButtonShared.styles';\r\nimport LinkButtonStyles from '@stories/Components/Buttons/LinkButton/LinkButton.styles';\r\nimport SiteWide from '@stories/Components/Global/SiteWide/SiteWide';\r\nimport styled, { css } from 'styled-components';\r\nconst Container = styled.header `\r\n ${({ themeOption }) => themeOption &&\r\n css `\r\n ${themes[themeOption]}\r\n `}\r\n\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n display: grid;\r\n background: ${cssVar('bgColor')};\r\n color: ${cssVar('fgColor')};\r\n height: 174px;\r\n transform: translateY(-100%);\r\n transition: background-color 0.3s ease-out, box-shadow 0.3s ease-out, color 0.3s ease-out,\r\n height 0.3s ease-out, transform 0.3s ease-out;\r\n width: 100%;\r\n z-index: ${Layers.Header};\r\n\r\n ${({ transparent }) => transparent &&\r\n css `\r\n background: none;\r\n `}\r\n\r\n ${({ reduced }) => reduced &&\r\n css `\r\n background: ${cssVar('bgColor')};\r\n box-shadow: 0px 3px 12px rgba(0, 0, 0, 0.11);\r\n color: ${cssVar('fgColor')};\r\n height: 104px;\r\n `}\r\n\r\n ${({ visible }) => visible &&\r\n css `\r\n transform: translateY(0px);\r\n `}\r\n\r\n .hamburger-react {\r\n display: none;\r\n margin-left: auto;\r\n }\r\n\r\n @media ${until(Device.Tablet)} {\r\n height: 78px;\r\n\r\n .hamburger-react {\r\n display: block;\r\n }\r\n }\r\n`;\r\nconst Inner = styled(SiteWide) `\r\n display: flex;\r\n align-items: center;\r\n`;\r\nconst LogoLink = styled.a `\r\n display: block;\r\n color: currentColor;\r\n\r\n &:focus {\r\n outline: auto;\r\n outline-offset: 5px;\r\n }\r\n`;\r\nconst Logo = styled.span `\r\n display: block;\r\n height: 38px;\r\n margin-right: 16px;\r\n width: 106px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n height: 42px;\r\n width: 120px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n height: 58px;\r\n width: 166px;\r\n }\r\n`;\r\nconst CtaWrapper = styled.div `\r\n margin-left: 16px;\r\n\r\n @media ${until(Device.Tablet)} {\r\n display: none;\r\n }\r\n\r\n ${LinkButtonStyles.Button} {\r\n padding-right: 20px;\r\n\r\n ${Icon} {\r\n transition: transform 200ms ease-out;\r\n }\r\n\r\n &:hover ${Icon} {\r\n transform: translateX(8px);\r\n }\r\n\r\n @media ${until(Device.TabletLarge)} {\r\n font-size: 18px;\r\n line-height: 24px;\r\n }\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-left: 82px;\r\n }\r\n`;\r\nconst Overlay = styled.div `\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n background: rgba(0, 0, 0, 0.85);\r\n opacity: 0;\r\n pointer-events: none;\r\n transition: opacity 0.3s ease-out;\r\n z-index: 199;\r\n\r\n &[data-active='true'] {\r\n opacity: 1;\r\n pointer-events: all;\r\n }\r\n\r\n @media ${until(Device.Desktop)} {\r\n display: none;\r\n }\r\n`;\r\nexport default {\r\n Container,\r\n CtaWrapper,\r\n Inner,\r\n Logo,\r\n LogoLink,\r\n Overlay,\r\n};\r\n","import brand from '@helpers/brand';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nimport { buttonTheme, sharedButtonStyles } from '../ButtonShared.styles';\r\nconst Button = styled.a `\r\n ${sharedButtonStyles};\r\n\r\n ${({ themeOption }) => themeOption === 'magenta' &&\r\n css `\r\n ${buttonTheme({\r\n bgColor: rgba(brand.magenta, 0),\r\n borderColor: brand.magenta,\r\n fgColor: brand.magenta,\r\n })}\r\n\r\n &:focus,\r\n &:hover {\r\n ${buttonTheme({\r\n bgColor: brand.magenta,\r\n borderColor: brand.magenta,\r\n fgColor: brand.white,\r\n })}\r\n }\r\n `}\r\n\r\n ${({ themeOption }) => themeOption === 'purple' &&\r\n css `\r\n ${buttonTheme({\r\n bgColor: rgba(brand.purple, 0),\r\n borderColor: brand.purple,\r\n fgColor: brand.purple,\r\n })}\r\n\r\n &:focus,\r\n &:hover {\r\n ${buttonTheme({\r\n bgColor: brand.purple,\r\n borderColor: brand.purple,\r\n fgColor: brand.white,\r\n })}\r\n }\r\n `}\r\n\r\n ${({ themeOption }) => themeOption === 'white' &&\r\n css `\r\n ${buttonTheme({\r\n bgColor: rgba(brand.white, 0),\r\n borderColor: brand.white,\r\n fgColor: brand.white,\r\n })}\r\n\r\n &:focus,\r\n &:hover {\r\n ${buttonTheme({\r\n bgColor: brand.white,\r\n borderColor: brand.white,\r\n fgColor: brand.black,\r\n })}\r\n }\r\n `}\r\n`;\r\nexport default {\r\n Button,\r\n};\r\n","function _toConsumableArray(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } else { return Array.from(arr); } }\n\n// Older browsers don't support event options, feature detect it.\n\n// Adopted and modified solution from Bohdan Didukh (2017)\n// https://stackoverflow.com/questions/41594997/ios-10-safari-prevent-scrolling-behind-a-fixed-overlay-and-maintain-scroll-posi\n\nvar hasPassiveEvents = false;\nif (typeof window !== 'undefined') {\n var passiveTestOptions = {\n get passive() {\n hasPassiveEvents = true;\n return undefined;\n }\n };\n window.addEventListener('testPassive', null, passiveTestOptions);\n window.removeEventListener('testPassive', null, passiveTestOptions);\n}\n\nvar isIosDevice = typeof window !== 'undefined' && window.navigator && window.navigator.platform && (/iP(ad|hone|od)/.test(window.navigator.platform) || window.navigator.platform === 'MacIntel' && window.navigator.maxTouchPoints > 1);\n\n\nvar locks = [];\nvar documentListenerAdded = false;\nvar initialClientY = -1;\nvar previousBodyOverflowSetting = void 0;\nvar previousBodyPaddingRight = void 0;\n\n// returns true if `el` should be allowed to receive touchmove events.\nvar allowTouchMove = function allowTouchMove(el) {\n return locks.some(function (lock) {\n if (lock.options.allowTouchMove && lock.options.allowTouchMove(el)) {\n return true;\n }\n\n return false;\n });\n};\n\nvar preventDefault = function preventDefault(rawEvent) {\n var e = rawEvent || window.event;\n\n // For the case whereby consumers adds a touchmove event listener to document.\n // Recall that we do document.addEventListener('touchmove', preventDefault, { passive: false })\n // in disableBodyScroll - so if we provide this opportunity to allowTouchMove, then\n // the touchmove event on document will break.\n if (allowTouchMove(e.target)) {\n return true;\n }\n\n // Do not prevent if the event has more than one touch (usually meaning this is a multi touch gesture like pinch to zoom).\n if (e.touches.length > 1) return true;\n\n if (e.preventDefault) e.preventDefault();\n\n return false;\n};\n\nvar setOverflowHidden = function setOverflowHidden(options) {\n // If previousBodyPaddingRight is already set, don't set it again.\n if (previousBodyPaddingRight === undefined) {\n var _reserveScrollBarGap = !!options && options.reserveScrollBarGap === true;\n var scrollBarGap = window.innerWidth - document.documentElement.clientWidth;\n\n if (_reserveScrollBarGap && scrollBarGap > 0) {\n previousBodyPaddingRight = document.body.style.paddingRight;\n document.body.style.paddingRight = scrollBarGap + 'px';\n }\n }\n\n // If previousBodyOverflowSetting is already set, don't set it again.\n if (previousBodyOverflowSetting === undefined) {\n previousBodyOverflowSetting = document.body.style.overflow;\n document.body.style.overflow = 'hidden';\n }\n};\n\nvar restoreOverflowSetting = function restoreOverflowSetting() {\n if (previousBodyPaddingRight !== undefined) {\n document.body.style.paddingRight = previousBodyPaddingRight;\n\n // Restore previousBodyPaddingRight to undefined so setOverflowHidden knows it\n // can be set again.\n previousBodyPaddingRight = undefined;\n }\n\n if (previousBodyOverflowSetting !== undefined) {\n document.body.style.overflow = previousBodyOverflowSetting;\n\n // Restore previousBodyOverflowSetting to undefined\n // so setOverflowHidden knows it can be set again.\n previousBodyOverflowSetting = undefined;\n }\n};\n\n// https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollHeight#Problems_and_solutions\nvar isTargetElementTotallyScrolled = function isTargetElementTotallyScrolled(targetElement) {\n return targetElement ? targetElement.scrollHeight - targetElement.scrollTop <= targetElement.clientHeight : false;\n};\n\nvar handleScroll = function handleScroll(event, targetElement) {\n var clientY = event.targetTouches[0].clientY - initialClientY;\n\n if (allowTouchMove(event.target)) {\n return false;\n }\n\n if (targetElement && targetElement.scrollTop === 0 && clientY > 0) {\n // element is at the top of its scroll.\n return preventDefault(event);\n }\n\n if (isTargetElementTotallyScrolled(targetElement) && clientY < 0) {\n // element is at the bottom of its scroll.\n return preventDefault(event);\n }\n\n event.stopPropagation();\n return true;\n};\n\nexport var disableBodyScroll = function disableBodyScroll(targetElement, options) {\n // targetElement must be provided\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.');\n return;\n }\n\n // disableBodyScroll must not have been called on this targetElement before\n if (locks.some(function (lock) {\n return lock.targetElement === targetElement;\n })) {\n return;\n }\n\n var lock = {\n targetElement: targetElement,\n options: options || {}\n };\n\n locks = [].concat(_toConsumableArray(locks), [lock]);\n\n if (isIosDevice) {\n targetElement.ontouchstart = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n initialClientY = event.targetTouches[0].clientY;\n }\n };\n targetElement.ontouchmove = function (event) {\n if (event.targetTouches.length === 1) {\n // detect single touch.\n handleScroll(event, targetElement);\n }\n };\n\n if (!documentListenerAdded) {\n document.addEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = true;\n }\n } else {\n setOverflowHidden(options);\n }\n};\n\nexport var clearAllBodyScrollLocks = function clearAllBodyScrollLocks() {\n if (isIosDevice) {\n // Clear all locks ontouchstart/ontouchmove handlers, and the references.\n locks.forEach(function (lock) {\n lock.targetElement.ontouchstart = null;\n lock.targetElement.ontouchmove = null;\n });\n\n if (documentListenerAdded) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n\n // Reset initial clientY.\n initialClientY = -1;\n } else {\n restoreOverflowSetting();\n }\n\n locks = [];\n};\n\nexport var enableBodyScroll = function enableBodyScroll(targetElement) {\n if (!targetElement) {\n // eslint-disable-next-line no-console\n console.error('enableBodyScroll unsuccessful - targetElement must be provided when calling enableBodyScroll on IOS devices.');\n return;\n }\n\n locks = locks.filter(function (lock) {\n return lock.targetElement !== targetElement;\n });\n\n if (isIosDevice) {\n targetElement.ontouchstart = null;\n targetElement.ontouchmove = null;\n\n if (documentListenerAdded && locks.length === 0) {\n document.removeEventListener('touchmove', preventDefault, hasPassiveEvents ? { passive: false } : undefined);\n documentListenerAdded = false;\n }\n } else if (!locks.length) {\n restoreOverflowSetting();\n }\n};\n\n","import { useEffect, useRef } from 'react';\r\nimport { clearAllBodyScrollLocks, disableBodyScroll, enableBodyScroll } from 'body-scroll-lock';\r\nconst useBodyScrollLock = (trigger) => {\r\n const ref = useRef(null);\r\n useEffect(() => {\r\n if (ref.current === null) {\r\n clearAllBodyScrollLocks();\r\n return;\r\n }\r\n if (trigger === true) {\r\n disableBodyScroll(ref.current);\r\n }\r\n else {\r\n enableBodyScroll(ref.current);\r\n }\r\n return () => {\r\n if (ref.current !== null) {\r\n enableBodyScroll(ref.current);\r\n }\r\n };\r\n }, [trigger]);\r\n return ref;\r\n};\r\nexport default useBodyScrollLock;\r\n","import { useEffect, useRef } from 'react';\nimport { off, on } from './misc/util';\nvar defaultEvents = ['mousedown', 'touchstart'];\nvar useClickAway = function (ref, onClickAway, events) {\n if (events === void 0) { events = defaultEvents; }\n var savedCallback = useRef(onClickAway);\n useEffect(function () {\n savedCallback.current = onClickAway;\n }, [onClickAway]);\n useEffect(function () {\n var handler = function (event) {\n var el = ref.current;\n el && !el.contains(event.target) && savedCallback.current(event);\n };\n for (var _i = 0, events_1 = events; _i < events_1.length; _i++) {\n var eventName = events_1[_i];\n on(document, eventName, handler);\n }\n return function () {\n for (var _i = 0, events_2 = events; _i < events_2.length; _i++) {\n var eventName = events_2[_i];\n off(document, eventName, handler);\n }\n };\n }, [events, ref]);\n};\nexport default useClickAway;\n","import brand from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport { m } from 'framer-motion';\r\nimport styled from 'styled-components';\r\nconst Container = styled(m.section) `\r\n position: absolute;\r\n top: 100%;\r\n left: 0;\r\n display: grid;\r\n background: ${cssVar('bgColor')};\r\n grid-template-columns: 1fr 1fr;\r\n min-height: 560px;\r\n width: 100%;\r\n`;\r\nconst ColumnLeft = styled.div `\r\n position: relative;\r\n display: grid;\r\n`;\r\nconst Image = styled(m.img) `\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n grid-column: 1;\r\n grid-row: 1;\r\n height: 100%;\r\n object-fit: cover;\r\n object-position: center center;\r\n width: 100%;\r\n`;\r\nconst ColumnRight = styled.div `\r\n --line-size: 32px;\r\n --padding-size: 48px;\r\n --offset-amount: calc(var(--padding-size) - var(--line-size));\r\n\r\n display: block;\r\n padding: 24px 24px 24px 48px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n --line-size: 140px;\r\n --padding-size: 168px;\r\n\r\n padding: 36px 36px 36px 168px;\r\n }\r\n`;\r\nconst Title = styled.h2 `\r\n display: block;\r\n ${fonts.crimsonText.regular};\r\n font-size: 42px;\r\n line-height: 54px;\r\n margin: 0 0 24px;\r\n`;\r\nconst TitleLink = styled.a `\r\n position: relative;\r\n color: currentColor;\r\n text-decoration: none;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: 100%;\r\n height: 1px;\r\n background: ${brand.gold};\r\n transform: translateY(-50%) translateX(calc(var(--offset-amount) * -1)) scaleX(0);\r\n transform-origin: right center;\r\n transition: transform 0.3s ease-out;\r\n width: var(--line-size);\r\n }\r\n\r\n &:focus,\r\n &:hover {\r\n outline: none;\r\n text-decoration: none;\r\n\r\n &::before {\r\n transform: translateY(-50%) translateX(calc(var(--offset-amount) * -1)) scaleX(1);\r\n }\r\n }\r\n`;\r\nconst List = styled.ul `\r\n display: flex;\r\n align-items: flex-start;\r\n flex-direction: column;\r\n`;\r\nconst Item = styled.li `\r\n display: block;\r\n margin: 0 0 16px;\r\n`;\r\nconst Link = styled.a `\r\n position: relative;\r\n display: block;\r\n color: ${cssVar('fgColor')};\r\n ${fonts.crimsonText.regular};\r\n font-size: 22px;\r\n line-height: 28px;\r\n text-decoration: none;\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 50%;\r\n right: 100%;\r\n height: 1px;\r\n background: ${brand.gold};\r\n transform: translateY(-50%) translateX(calc(var(--offset-amount) * -1)) scaleX(0);\r\n transform-origin: right center;\r\n transition: transform 0.3s ease-out;\r\n width: var(--line-size);\r\n }\r\n\r\n &:focus,\r\n &:hover {\r\n outline: none;\r\n text-decoration: none;\r\n\r\n &::before {\r\n transform: translateY(-50%) translateX(calc(var(--offset-amount) * -1)) scaleX(1);\r\n }\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n }\r\n`;\r\nexport default {\r\n ColumnLeft,\r\n ColumnRight,\r\n Container,\r\n Image,\r\n Item,\r\n Link,\r\n List,\r\n Title,\r\n TitleLink,\r\n};\r\n","import * as React from 'react';\r\nimport S from './NavigationDropdown.styles';\r\nconst NavigationDropdown = ({ image, items, title, url, visible, }) => {\r\n const [activeId, setActiveId] = React.useState('');\r\n return (React.createElement(S.Container, { \"aria-hidden\": !visible, initial: \"hidden\", animate: visible ? 'visible' : 'hidden', variants: {\r\n hidden: {\r\n opacity: 0,\r\n transitionEnd: {\r\n display: 'none',\r\n },\r\n },\r\n visible: {\r\n display: 'grid',\r\n opacity: 1,\r\n },\r\n }, transition: {\r\n duration: 0.3,\r\n ease: 'easeOut',\r\n type: 'tween',\r\n } },\r\n React.createElement(S.ColumnLeft, null,\r\n React.createElement(S.Image, { alt: \"\", loading: \"lazy\", role: \"presentation\", src: image, initial: \"hidden\", animate: !activeId ? 'visible' : 'hidden', variants: {\r\n hidden: {\r\n opacity: 0,\r\n },\r\n visible: {\r\n opacity: 1,\r\n },\r\n }, transition: {\r\n duration: 0.3,\r\n ease: 'easeOut',\r\n type: 'tween',\r\n } }),\r\n items.map((item) => (React.createElement(S.Image, { key: item.id, alt: \"\", loading: \"lazy\", role: \"presentation\", src: item.image, initial: \"hidden\", animate: item.id === activeId ? 'visible' : 'hidden', variants: {\r\n hidden: {\r\n opacity: 0,\r\n },\r\n visible: {\r\n opacity: 1,\r\n },\r\n } })))),\r\n React.createElement(S.ColumnRight, null,\r\n title && (React.createElement(S.Title, null,\r\n React.createElement(S.TitleLink, { href: url, tabIndex: visible ? 0 : -1 }, title))),\r\n React.createElement(S.List, null, items.map((child) => (React.createElement(S.Item, { key: child.id },\r\n React.createElement(S.Link, { href: child.url, tabIndex: visible ? 0 : -1, target: child.target, onMouseEnter: () => {\r\n if (child.image) {\r\n setActiveId(child.id);\r\n }\r\n }, onMouseLeave: () => {\r\n setActiveId('');\r\n } }, child.text))))))));\r\n};\r\nexport default NavigationDropdown;\r\n","import 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 Navigation = styled.nav `\r\n display: block;\r\n margin-left: auto;\r\n\r\n @media ${until(Device.Tablet)} {\r\n display: none;\r\n }\r\n`;\r\nconst NavigationList = styled.ul `\r\n display: flex;\r\n align-items: center;\r\n`;\r\nconst NavigationItem = styled.li `\r\n display: block;\r\n\r\n & + & {\r\n margin-left: 16px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n & + & {\r\n margin-left: 54px;\r\n }\r\n }\r\n`;\r\nconst NavigationLink = styled.a `\r\n display: block;\r\n color: currentColor;\r\n ${fonts.crimsonText.regular};\r\n font-size: 18px;\r\n line-height: 24px;\r\n text-decoration: none;\r\n text-underline-position: under;\r\n\r\n &[data-active='true'] {\r\n text-decoration: underline;\r\n }\r\n\r\n &:focus,\r\n &:hover {\r\n color: ${brand.gold};\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n font-size: 23px;\r\n line-height: 31px;\r\n }\r\n`;\r\nexport default {\r\n Navigation,\r\n NavigationItem,\r\n NavigationLink,\r\n NavigationList,\r\n};\r\n","import * as React from 'react';\r\nimport { useClickAway } from 'react-use';\r\nimport NavigationDropdown from '../NavigationDropdown/NavigationDropdown';\r\nimport S from './Navigation.styles';\r\nconst Navigation = ({ items, activeId, setActiveId, setIsDesktopNavigationActive, }) => {\r\n const refContainer = React.useRef(null);\r\n useClickAway(refContainer, () => {\r\n setIsDesktopNavigationActive(false);\r\n return setActiveId('');\r\n });\r\n return (React.createElement(S.Navigation, { ref: refContainer },\r\n React.createElement(S.NavigationList, null, items.map((item) => (React.createElement(S.NavigationItem, { key: item.id },\r\n React.createElement(S.NavigationLink, { \"data-active\": item.isActive, href: item.url, target: item.target, onClick: (event) => {\r\n setIsDesktopNavigationActive(true);\r\n if (!item.children?.length) {\r\n return setActiveId('');\r\n }\r\n event.preventDefault();\r\n if (item.id === activeId) {\r\n setIsDesktopNavigationActive(false);\r\n setActiveId('');\r\n }\r\n else {\r\n setActiveId(item.id);\r\n }\r\n } }, item.text),\r\n !!item.children?.length && (React.createElement(NavigationDropdown, { items: item.children, title: item.text, image: item.image, url: item.url, visible: item.id === activeId }))))))));\r\n};\r\nexport default Navigation;\r\n","import { themes } from '@helpers/brand';\r\nimport { cssVar } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Layers } from '@helpers/layers';\r\nimport { m } from 'framer-motion';\r\nimport styled, { css } from 'styled-components';\r\nconst Navigation = styled(m.nav) `\r\n ${({ themeOption }) => themeOption &&\r\n css `\r\n ${themes[themeOption]}\r\n `}\r\n\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n display: block;\r\n background: ${cssVar('bgColor')};\r\n color: ${cssVar('fgColor')};\r\n height: 100%;\r\n padding: 78px 0 0;\r\n width: 100%;\r\n z-index: ${Layers.NavigationMobile};\r\n`;\r\nconst NavigationOverflow = styled.div `\r\n height: 100%;\r\n overflow-y: auto;\r\n`;\r\nconst NavigationList = styled.ul `\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n padding: 56px 0;\r\n`;\r\nconst NavigationItem = styled(m.li) `\r\n display: flex;\r\n align-items: center;\r\n flex-direction: column;\r\n margin: 0;\r\n\r\n & + & {\r\n margin-top: 24px;\r\n }\r\n`;\r\nconst NavigationLink = styled.a `\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n color: currentColor;\r\n ${fonts.crimsonText.regular};\r\n font-size: 28px;\r\n line-height: 36px;\r\n text-align: center;\r\n text-decoration: none;\r\n\r\n &:focus,\r\n &:hover {\r\n outline: none;\r\n text-decoration: underline;\r\n }\r\n`;\r\nconst NavigationIcon = styled(m.span) `\r\n position: absolute;\r\n top: 50%;\r\n right: 0;\r\n display: block;\r\n height: 15px;\r\n width: 15px;\r\n\r\n > svg {\r\n display: block;\r\n height: 15px;\r\n width: 15px;\r\n }\r\n`;\r\nconst ChildList = styled(m.ul) `\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n overflow: hidden;\r\n`;\r\nconst ChildItem = styled.div `\r\n display: block;\r\n margin: 24px 0 0;\r\n`;\r\nconst ChildLink = styled.a `\r\n display: block;\r\n color: currentColor;\r\n ${fonts.crimsonText.regular};\r\n font-size: 18px;\r\n line-height: 24px;\r\n text-align: center;\r\n text-decoration: none;\r\n\r\n &:focus,\r\n &:hover {\r\n outline: none;\r\n text-decoration: underline;\r\n }\r\n`;\r\nconst CtaWrapper = styled.li `\r\n margin-top: 48px;\r\n`;\r\nexport default {\r\n ChildItem,\r\n ChildLink,\r\n ChildList,\r\n CtaWrapper,\r\n Navigation,\r\n NavigationOverflow,\r\n NavigationIcon,\r\n NavigationItem,\r\n NavigationLink,\r\n NavigationList,\r\n};\r\n","import useBodyScrollLock from '@hooks/useBodyScrollLock';\r\nimport { ReactComponent as SvgArrowRight } from '@img/icons/arrow-right.svg';\r\nimport { ReactComponent as SvgChevronDown } from '@img/icons/chevron-down.svg';\r\nimport * as React from 'react';\r\nimport LinkButton from '../Buttons/LinkButton/LinkButton';\r\nimport S from './NavigationMobile.styles';\r\nconst NavigationMobile = ({ cta, items, themeOption = 'light', visible, }) => {\r\n const [activeId, setActiveId] = React.useState('');\r\n useBodyScrollLock(visible);\r\n return (React.createElement(S.Navigation, { \"aria-hidden\": !visible, themeOption: themeOption, initial: \"hidden\", animate: visible ? 'visible' : 'hidden', variants: {\r\n hidden: {\r\n opacity: 0,\r\n transitionEnd: {\r\n display: 'none',\r\n },\r\n },\r\n visible: {\r\n display: 'block',\r\n opacity: 1,\r\n },\r\n }, transition: {\r\n duration: 0.3,\r\n ease: 'easeOut',\r\n type: 'tween',\r\n } },\r\n React.createElement(S.NavigationOverflow, null,\r\n React.createElement(S.NavigationList, null,\r\n items.map((item) => {\r\n const isActive = activeId === item.id;\r\n const hasChildren = !!item.children?.length;\r\n return (React.createElement(S.NavigationItem, { key: item.id, initial: \"closed\", animate: isActive ? 'opened' : 'closed' },\r\n React.createElement(S.NavigationLink, { href: item.url, tabIndex: visible ? 0 : -1, target: item.target, onClick: (event) => {\r\n if (!hasChildren) {\r\n return setActiveId('');\r\n }\r\n event.preventDefault();\r\n if (isActive) {\r\n return setActiveId('');\r\n }\r\n else {\r\n return setActiveId(item.id);\r\n }\r\n } },\r\n item.text,\r\n hasChildren && (React.createElement(S.NavigationIcon, { style: { x: 'calc(100% + 16px)', y: 'calc(-50% + 2px)' }, variants: {\r\n closed: {\r\n rotate: 0,\r\n },\r\n opened: {\r\n rotate: 180,\r\n },\r\n } },\r\n React.createElement(SvgChevronDown, null)))),\r\n !!item.children?.length && (React.createElement(S.ChildList, { variants: {\r\n closed: {\r\n height: 0,\r\n },\r\n opened: {\r\n height: 'auto',\r\n },\r\n }, transition: {\r\n duration: 0.3,\r\n ease: 'easeOut',\r\n type: 'tween',\r\n } },\r\n item.url && (React.createElement(S.ChildItem, { key: item.id },\r\n React.createElement(S.ChildLink, { href: item.url, tabIndex: visible ? 0 : -1, target: item.target }, \"Overview\"))),\r\n item.children.map((item) => (React.createElement(S.ChildItem, { key: item.id },\r\n React.createElement(S.ChildLink, { href: item.url, tabIndex: visible ? 0 : -1, target: item.target }, item.text))))))));\r\n }),\r\n cta?.text && (React.createElement(S.CtaWrapper, null,\r\n React.createElement(LinkButton, { themeOption: themeOption === 'light' ? 'purple' : 'white', href: cta.url, icon: SvgArrowRight, target: cta.target, title: cta.text })))))));\r\n};\r\nexport default NavigationMobile;\r\n","import { useState } from 'react';\nconst area = 48;\nexport const Burger = ({\n color = 'currentColor',\n direction = 'left',\n distance = 'md',\n duration = 0.4,\n easing = 'cubic-bezier(0, 0, 0, 1)',\n hideOutline = true,\n label,\n lines = 3,\n onToggle,\n render,\n rounded = false,\n size = 32,\n toggle,\n toggled\n}) => {\n const [toggledInternal, toggleInternal] = useState(false);\n const width = Math.max(12, Math.min(area, size));\n const room = Math.round((area - width) / 2);\n const barHeightRaw = width / 12;\n const barHeight = Math.round(barHeightRaw);\n const space = distance === 'lg' ? 0.25 : distance === 'sm' ? 0.75 : 0.5;\n const marginRaw = width / (lines * (space + (lines === 3 ? 1 : 1.25)));\n const margin = Math.round(marginRaw);\n const height = barHeight * lines + margin * (lines - 1);\n const topOffset = Math.round((area - height) / 2);\n const translate = lines === 3 ? distance === 'lg' ? 4.0425 : distance === 'sm' ? 5.1625 : 4.6325 : distance === 'lg' ? 6.7875 : distance === 'sm' ? 8.4875 : 7.6675;\n const deviation = (barHeightRaw - barHeight + (marginRaw - margin)) / (lines === 3 ? 1 : 2);\n const move = parseFloat((width / translate - deviation / (4 / 3)).toFixed(2));\n const time = Math.max(0, duration);\n const burgerStyles = {\n cursor: 'pointer',\n height: `${area}px`,\n position: 'relative',\n transition: `${time}s ${easing}`,\n userSelect: 'none',\n width: `${area}px`\n };\n const barStyles = {\n background: color,\n height: `${barHeight}px`,\n left: `${room}px`,\n position: 'absolute'\n };\n\n if (hideOutline) {\n burgerStyles['outline'] = 'none';\n }\n\n if (rounded) {\n barStyles['borderRadius'] = '9em';\n }\n\n const toggleFunction = toggle || toggleInternal;\n const isToggled = toggled !== undefined ? toggled : toggledInternal;\n\n const handler = () => {\n toggleFunction(!isToggled);\n if (typeof onToggle === 'function') onToggle(!isToggled);\n };\n\n return render({\n barHeight,\n barStyles,\n burgerStyles,\n easing,\n handler,\n isLeft: direction === 'left',\n isToggled,\n label,\n margin,\n move,\n time,\n topOffset,\n width\n });\n};","function _extends() { _extends = Object.assign || 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 { Burger } from './Burger';\nimport React from 'react';\nexport const Divide = props => /*#__PURE__*/React.createElement(Burger, _extends({}, props, {\n render: o => /*#__PURE__*/React.createElement(\"div\", {\n className: \"hamburger-react\",\n \"aria-label\": o.label,\n onClick: o.handler,\n onKeyUp: e => e.key === 'Enter' && o.handler(),\n role: \"button\",\n style: o.burgerStyles,\n tabIndex: 0\n }, /*#__PURE__*/React.createElement(\"div\", {\n style: { ...o.barStyles,\n width: `${o.width / 2}px`,\n borderRadius: `${o.barStyles.borderRadius} 0 0 ${o.barStyles.borderRadius}`,\n top: `${o.topOffset}px`,\n transition: `${o.time}s ${o.easing}`,\n transform: `${o.isToggled ? `translate(${o.move * 0.48}px, ${o.move * 0.73}px) rotate(45deg)` : 'none'}`\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: { ...o.barStyles,\n width: `${o.width / 2}px`,\n borderRadius: `0 ${o.barStyles.borderRadius} ${o.barStyles.borderRadius} 0`,\n left: '50%',\n top: `${o.topOffset}px`,\n transition: `${o.time}s ${o.easing}`,\n transform: `${o.isToggled ? `translate(-${o.move * 0.48}px, ${o.move * 0.73}px) rotate(-45deg)` : 'none'}`\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: { ...o.barStyles,\n width: `${o.width / 2}px`,\n borderRadius: `${o.barStyles.borderRadius} 0 0 ${o.barStyles.borderRadius}`,\n top: `${o.topOffset + o.barHeight + o.margin}px`,\n transition: `${o.time}s ${o.easing}`,\n opacity: o.isToggled ? 0 : 1,\n transform: `${o.isToggled ? `translate(${-o.move * 1.25}px, 0)` : 'none'}`\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: { ...o.barStyles,\n width: `${o.width / 2}px`,\n borderRadius: `0 ${o.barStyles.borderRadius} ${o.barStyles.borderRadius} 0`,\n top: `${o.topOffset + o.barHeight + o.margin}px`,\n left: '50%',\n transition: `${o.time}s ${o.easing}`,\n opacity: o.isToggled ? 0 : 1,\n transform: `${o.isToggled ? `translate(${o.move * 1.25}px, 0)` : 'none'}`\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: { ...o.barStyles,\n width: `${o.width / 2}px`,\n borderRadius: `${o.barStyles.borderRadius} 0 0 ${o.barStyles.borderRadius}`,\n top: `${o.topOffset + o.barHeight * 2 + o.margin * 2}px`,\n transition: `${o.time}s ${o.easing}`,\n transform: `${o.isToggled ? `translate(${o.move * 0.48}px, -${o.move * 0.73}px) rotate(-45deg)` : 'none'}`\n }\n }), /*#__PURE__*/React.createElement(\"div\", {\n style: { ...o.barStyles,\n width: `${o.width / 2}px`,\n borderRadius: `0 ${o.barStyles.borderRadius} ${o.barStyles.borderRadius} 0`,\n left: '50%',\n top: `${o.topOffset + o.barHeight * 2 + o.margin * 2}px`,\n transition: `${o.time}s ${o.easing}`,\n transform: `${o.isToggled ? `translate(-${o.move * 0.48}px, -${o.move * 0.73}px) rotate(45deg)` : 'none'}`\n }\n }))\n}));","import { useEffect, useLayoutEffect } from 'react';\nimport { isBrowser } from './misc/util';\nvar useIsomorphicLayoutEffect = isBrowser ? useLayoutEffect : useEffect;\nexport default useIsomorphicLayoutEffect;\n","import { withMotion } from '@hoc/withMotion';\r\nimport { ReactComponent as SvgArrowRight } from '@img/icons/arrow-right.svg';\r\nimport { ReactComponent as SvgHeaderLogo } from '@img/logos/header-logo.svg';\r\nimport LinkButton from '@stories/Components/Buttons/LinkButton/LinkButton';\r\nimport Navigation from '@stories/Components/Navigation/Navigation';\r\nimport NavigationMobile from '@stories/Components/NavigationMobile/NavigationMobile';\r\nimport { Divide as Hamburger } from 'hamburger-react';\r\nimport * as React from 'react';\r\nimport { useEffect } from 'react';\r\nimport { useIsomorphicLayoutEffect } from 'react-use';\r\nimport S from './Header.styles';\r\nconst SCROLL_THRESHOLD = 50;\r\nconst Header = ({ autoHide = false, cta, navigation, themeOption: initialThemeOption = 'light', transparent = false, }) => {\r\n const [activeNavigationId, setActiveNavigationId] = React.useState('');\r\n const [hasScrolled, setHasScrolled] = React.useState(false);\r\n const [isMobileNavActive, setIsMobileNavActive] = React.useState(false);\r\n const [isDesktopNavigationActive, setIsDesktopNavigationActive] = React.useState(false);\r\n const headerRef = React.useRef(null);\r\n useEffect(() => {\r\n // eslint-disable-next-line\r\n function handleClickOutside(event) {\r\n if (headerRef.current && !headerRef.current.contains(event.target)) {\r\n setIsDesktopNavigationActive(false);\r\n setActiveNavigationId('');\r\n }\r\n }\r\n document.addEventListener('mousedown', handleClickOutside);\r\n return () => {\r\n document.removeEventListener('mousedown', handleClickOutside);\r\n };\r\n }, [headerRef]);\r\n useIsomorphicLayoutEffect(() => {\r\n // Check window scroll position on load.\r\n if (window.scrollY > SCROLL_THRESHOLD) {\r\n setHasScrolled(true);\r\n }\r\n // Hook up event handlers for future scrolling.\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n return () => {\r\n window.removeEventListener('scroll', onScroll);\r\n };\r\n }, []);\r\n const reduced = !autoHide && hasScrolled;\r\n const hidden = autoHide && hasScrolled;\r\n let themeOption = initialThemeOption;\r\n if (!isMobileNavActive && transparent) {\r\n themeOption = 'dark';\r\n }\r\n if (!isMobileNavActive && (reduced || !!activeNavigationId)) {\r\n themeOption = 'light';\r\n }\r\n return (React.createElement(React.Fragment, null,\r\n React.createElement(S.Container, { ref: headerRef, reduced: reduced, themeOption: themeOption, transparent: transparent && !activeNavigationId, visible: !hidden },\r\n React.createElement(S.Inner, null,\r\n React.createElement(S.LogoLink, { href: \"/\" },\r\n React.createElement(S.Logo, { as: SvgHeaderLogo, \"aria-label\": \"Real Estate Management (UK) Limited\" })),\r\n React.createElement(Navigation, { activeId: activeNavigationId, items: navigation, setActiveId: setActiveNavigationId, setIsDesktopNavigationActive: setIsDesktopNavigationActive }),\r\n cta?.text && (React.createElement(S.CtaWrapper, null,\r\n React.createElement(LinkButton, { href: cta.url, icon: SvgArrowRight, target: cta.target, themeOption: themeOption === 'light' ? 'purple' : 'white', title: cta.text }))),\r\n React.createElement(Hamburger, { label: isMobileNavActive ? 'Close Navigation' : 'Open Navigation', toggled: isMobileNavActive, toggle: setIsMobileNavActive }))),\r\n React.createElement(S.Overlay, { \"aria-hidden\": true, \"data-active\": isDesktopNavigationActive }),\r\n React.createElement(NavigationMobile, { cta: cta, items: navigation, themeOption: themeOption, visible: isMobileNavActive })));\r\n function onScroll() {\r\n setHasScrolled(window.scrollY > SCROLL_THRESHOLD);\r\n }\r\n};\r\nexport default withMotion(Header);\r\n","var _g;\n\nfunction _extends() { _extends = Object.assign || 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 SvgArrowRight(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 21.27 13.083\"\n }, props), _g || (_g = /*#__PURE__*/React.createElement(\"g\", {\n fill: \"none\",\n stroke: \"currentColor\"\n }, /*#__PURE__*/React.createElement(\"path\", {\n d: \"M0 6.354h20M14.375.354l6.188 6.188-6.188 6.188\"\n }))));\n}\n\nexport default __webpack_public_path__ + \"arrow-right-ff7d0990540b46792f39e5124bd99bad.svg\";\nexport { SvgArrowRight as ReactComponent };","import React from 'react';\r\nimport * as SBS from '../ButtonShared.styles';\r\nimport S from './LinkButton.styles';\r\nconst LinkButton = ({ className, icon, iconPosition = 'right', themeOption = 'purple', title, ...otherProps }) => {\r\n let iconComponent;\r\n if (typeof icon === 'string') {\r\n iconComponent = (React.createElement(SBS.Icon, { as: \"svg\", \"aria-label\": title },\r\n React.createElement(\"use\", { href: icon })));\r\n }\r\n else if (typeof icon !== 'undefined') {\r\n iconComponent = React.createElement(SBS.Icon, { as: icon, \"aria-label\": title });\r\n }\r\n else {\r\n iconComponent = undefined;\r\n }\r\n return (React.createElement(S.Button, { className: className, themeOption: themeOption, \"data-icon-position\": iconPosition, ...otherProps },\r\n iconPosition === 'left' ? iconComponent : null,\r\n React.createElement(SBS.Text, null, title),\r\n iconPosition === 'right' ? iconComponent : null));\r\n};\r\nexport default LinkButton;\r\n","/**\r\n * The various major z-index layers, adjust with caution and leave space between to add to later.\r\n */\r\nexport const Layers = {\r\n NavigationMobile: 100,\r\n Header: 200,\r\n PeopleDetail: 300,\r\n Modal: 1000,\r\n};\r\n","export var noop = function () { };\nexport function on(obj) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n if (obj && obj.addEventListener) {\n obj.addEventListener.apply(obj, args);\n }\n}\nexport function off(obj) {\n var args = [];\n for (var _i = 1; _i < arguments.length; _i++) {\n args[_i - 1] = arguments[_i];\n }\n if (obj && obj.removeEventListener) {\n obj.removeEventListener.apply(obj, args);\n }\n}\nexport var isBrowser = typeof window !== 'undefined';\nexport var isNavigator = typeof navigator !== 'undefined';\n"],"sourceRoot":""}