{"version":3,"file":"6131-824d932f253e17f04be8.js","mappings":"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","sources":["webpack://royal-college-radiologists/./src/helpers/global.ts","webpack://royal-college-radiologists/./src/stories/Components/General/SkipLink/SkipLink.styles.ts","webpack://royal-college-radiologists/./src/stories/Components/General/SkipLink/SkipLink.tsx","webpack://royal-college-radiologists/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://royal-college-radiologists/./src/hoc/withBaseProps.tsx","webpack://royal-college-radiologists/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://royal-college-radiologists/./src/stories/Components/Cards/DownloadCard/DownloadCard.styles.ts","webpack://royal-college-radiologists/./src/stories/Components/Cards/DownloadCard/DownloadCard.tsx","webpack://royal-college-radiologists/./src/stories/Widgets/Downloads/Downloads.styles.ts","webpack://royal-college-radiologists/./src/stories/Widgets/Downloads/Downloads.tsx"],"sourcesContent":["import { css } from 'styled-components';\r\nexport default {\r\n    navHeight: 107,\r\n    navHeightTablet: 80,\r\n    navHeightMobile: 59,\r\n};\r\nexport const ButtonReset = css `\r\n  border: none;\r\n  outline: none;\r\n  padding: 0px;\r\n  background: none;\r\n  border-radius: 0px;\r\n`;\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Layers } from '@helpers/layers';\r\nimport { paragraphRegular } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n  ${siteWide};\r\n\r\n  position: relative;\r\n  z-index: ${Layers.NavigationTray + 1};\r\n  height: 0;\r\n`;\r\nconst Button = styled.button `\r\n  ${ButtonReset};\r\n  ${transition('opacity, transform')};\r\n  ${paragraphRegular};\r\n\r\n  position: absolute;\r\n  left: 0;\r\n  top: 0;\r\n  margin: 0;\r\n  opacity: 0;\r\n  transform: translate(3px, -100%);\r\n  background-color: var(--fgColour, ${brand.primary.offWhite});\r\n  color: var(--bgColour, ${brand.primary.purple});\r\n  padding: 8px 12px;\r\n\r\n  &.focus-ring {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n    outline-style: solid;\r\n    outline-width: 2px;\r\n    outline-color: var(--fgColour, ${brand.primary.offWhite});\r\n    opacity: 1;\r\n    transform: translate(3px, 3px);\r\n  }\r\n`;\r\nconst SkipLinkStyles = {\r\n    Container,\r\n    Button,\r\n};\r\nexport default SkipLinkStyles;\r\n","import { scrollIntoView } from '@helpers/animate';\r\nimport * as React from 'react';\r\nimport { FocusRing } from 'react-aria';\r\nimport S from './SkipLink.styles';\r\nconst SkipLink = ({ type = 'inline' }) => {\r\n    const ref = React.useRef(null);\r\n    return (React.createElement(S.Container, null,\r\n        React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n            React.createElement(S.Button, { ref: ref, onClick: () => {\r\n                    if (type === 'header') {\r\n                        skipToMain();\r\n                    }\r\n                    else {\r\n                        skipSection();\r\n                    }\r\n                } }, type === 'header' ? React.createElement(React.Fragment, null, \"Skip to Main Content\") : React.createElement(React.Fragment, null, \"Skip to Next Section\")))));\r\n    function skipToMain() {\r\n        const targetEl = document.getElementById('main');\r\n        if (!targetEl) {\r\n            return;\r\n        }\r\n        scrollIntoView(targetEl);\r\n        focusNext(targetEl);\r\n    }\r\n    function skipSection() {\r\n        let wrapperEl = ref.current?.closest('div[class^=react_Components_]');\r\n        // Should only ever occur in storybook\r\n        if (!wrapperEl) {\r\n            wrapperEl = ref.current?.closest('section');\r\n        }\r\n        let targetEl = wrapperEl?.nextElementSibling;\r\n        // Last element in main wrapper, next element is footer\r\n        if (!targetEl) {\r\n            targetEl = wrapperEl?.parentElement?.nextElementSibling;\r\n        }\r\n        if (!targetEl) {\r\n            return;\r\n        }\r\n        scrollIntoView(targetEl);\r\n        focusNext(targetEl);\r\n    }\r\n    function focusNext(el) {\r\n        const focusable = el.querySelectorAll('button');\r\n        focusable[0]?.focus();\r\n    }\r\n};\r\nexport default SkipLink;\r\n","import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacingTop: ${fluid(32, 80)};\r\n  --sectionSpacingBottom: ${fluid(32, 80)};\r\n  --bgColour: transparent;\r\n  --bgColourTint: ${brand.tint.offWhite};\r\n  --fgColour: ${brand.primary.purple};\r\n  --fgColourTint: ${brand.tint.purple};\r\n\r\n  position: relative;\r\n  scroll-margin: var(--stickyHeaderHeight) 0 0;\r\n  background-color: var(--bgColour);\r\n  color: var(--fgColour);\r\n\r\n  &[data-variant='light'] {\r\n    --bgColour: ${brand.primary.offWhite};\r\n    --bgColourTint: ${brand.tint.offWhite};\r\n    --fgColour: ${brand.primary.purple};\r\n    --fgColourTint: ${brand.tint.purple};\r\n  }\r\n\r\n  &[data-variant='dark'] {\r\n    --bgColour: ${brand.primary.purple};\r\n    --bgColourTint: ${brand.tint.purple};\r\n    --fgColour: ${brand.primary.offWhite};\r\n    --fgColourTint: ${brand.tint.offWhite};\r\n  }\r\n\r\n  &[data-allow-scroll-margin='true'],\r\n  &[data-has-skip='true'] {\r\n    overflow: clip;\r\n    overflow: hidden;\r\n  }\r\n\r\n  &[data-flush='top'] {\r\n    --sectionSpacingTop: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='bottom'] {\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='both'] {\r\n    --sectionSpacingTop: 0;\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  /* Negative margin bottom to force overlap */\r\n  &[data-overlap-bottom='true'] {\r\n    margin-bottom: calc(var(--sectionSpacingBottom) * -1);\r\n  }\r\n\r\n  .equally-ai___high-saturation & {\r\n    filter: saturate(200%);\r\n  }\r\n\r\n  .equally-ai___reverse-contrast & {\r\n    filter: invert(100%);\r\n  }\r\n\r\n  .equally-ai___monochrome-contrast & {\r\n    filter: grayscale(100%);\r\n  }\r\n\r\n  .equally-ai___reverse-contrast.equally-ai___monochrome-contrast & {\r\n    filter: grayscale(100%) invert(100%);\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  color: var(--fgColor);\r\n  padding-top: var(--sectionSpacingTop);\r\n  padding-bottom: var(--sectionSpacingBottom);\r\n\r\n  /* Don't apply background color for white backgrounds */\r\n  ${Container} & {\r\n    background: var(--bgColor);\r\n  }\r\n`;\r\nconst SiteWide = styled.div `\r\n  ${siteWide}\r\n`;\r\nconst FocusAnchor = styled.button `\r\n  ${ButtonReset};\r\n\r\n  height: 0;\r\n  width: 0;\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n    SiteWide,\r\n    FocusAnchor,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({});\r\nexport function withBaseProps(WrappedComponent) {\r\n    const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n    const ComponentWithBaseProps = (props) => {\r\n        return (React.createElement(BasePropsContext.Provider, { value: props },\r\n            React.createElement(WrappedComponent, { ...props })));\r\n    };\r\n    ComponentWithBaseProps.displayName = `withBaseProps(${displayName})`;\r\n    return ComponentWithBaseProps;\r\n}\r\nexport const useBaseProps = () => React.useContext(BasePropsContext);\r\n","import { useBaseProps } from '@hoc/withBaseProps';\r\nimport SkipLink from '@stories/Components/General/SkipLink/SkipLink';\r\nimport * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, layout = 'default', flush = 'none', variant = 'none', removeSkipLink, ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-allow-scroll-margin\": !!baseProps.id, \"data-flush\": flush, \"data-variant\": variant, \"data-has-skip\": !removeSkipLink, ...otherProps },\r\n        React.createElement(S.Inner, null,\r\n            !removeSkipLink ? React.createElement(SkipLink, null) : React.createElement(S.FocusAnchor, { \"aria-label\": \"Skip to content anchor\" }),\r\n            renderLayout())));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.SiteWide, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { transition } from '@helpers/animate';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { paragraphLarge } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.a `\r\n  ${transition('background-color')};\r\n  text-decoration: none;\r\n  display: block;\r\n  border-bottom: 1px solid var(--fgColour);\r\n  background-color: var(--bgColour);\r\n  padding: ${fluid(10, 20)} 0;\r\n  position: relative;\r\n  color: var(--fgColour);\r\n\r\n  &:focus {\r\n    outline: auto;\r\n    outline-offset: 3px;\r\n  }\r\n`;\r\nconst ContentArea = styled.div `\r\n  max-width: 800px;\r\n`;\r\nconst Title = styled.h3 `\r\n  ${paragraphLarge};\r\n  ${transition('text-decoration-color')};\r\n\r\n  position: relative;\r\n  text-decoration: underline;\r\n  text-decoration-color: transparent;\r\n  text-underline-offset: 2px;\r\n  margin: 0;\r\n  padding-right: ${fluid(22, 32)};\r\n\r\n  ${Container}:hover &,\r\n  ${Container}:focus & {\r\n    text-decoration-color: currentColor;\r\n  }\r\n`;\r\nconst Description = styled.div `\r\n  ${fonts.graphikCompact.regular}\r\n  font-size: ${fluid(16, 20)};\r\n  line-height: ${fluid(24, 30)};\r\n  margin: ${fluid(8, 12)} 0 0;\r\n`;\r\nconst IconHolder = styled.div `\r\n  position: absolute;\r\n  top: 16px;\r\n  right: 0;\r\n\r\n  svg {\r\n    height: ${fluid(20, 27)};\r\n\r\n    .download_svg__arrow {\r\n      ${transition('transform')};\r\n    }\r\n  }\r\n\r\n  ${Container}:hover &,\r\n  ${Container}:focus & {\r\n    svg .download_svg__arrow {\r\n      transform: translateY(3px);\r\n    }\r\n  }\r\n`;\r\nconst DownloadCardStyles = {\r\n    Container,\r\n    ContentArea,\r\n    Description,\r\n    IconHolder,\r\n    Title,\r\n};\r\nexport default DownloadCardStyles;\r\n","import * as React from 'react';\r\nimport S from './DownloadCard.styles';\r\nimport { SystemIcon, getSvgFromSystem } from '@helpers/systemIcons';\r\nconst DownloadCard = (props) => {\r\n    return (React.createElement(S.Container, { href: props.url, download: true },\r\n        React.createElement(S.ContentArea, null,\r\n            React.createElement(S.Title, null, props.title),\r\n            props.description && React.createElement(S.Description, null, props.description),\r\n            React.createElement(S.IconHolder, null, getSvgFromSystem(SystemIcon.Download)))));\r\n};\r\nexport default DownloadCard;\r\n","import { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h2 } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) ``;\r\nconst Grid = styled.div `\r\n  ${baseGrid};\r\n`;\r\nconst Title = styled.h2 `\r\n  ${h2};\r\n  grid-column: span 12;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: 2 / span 10;\r\n  }\r\n`;\r\nconst CardList = styled.div `\r\n  grid-column: span 12;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: 3 / span 8;\r\n  }\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    grid-column: 4 / span 6;\r\n  }\r\n`;\r\nconst DownloadsStyles = {\r\n    CardList,\r\n    Container,\r\n    Grid,\r\n    Title,\r\n};\r\nexport default DownloadsStyles;\r\n","import DownloadCard from '@stories/Components/Cards/DownloadCard/DownloadCard';\r\nimport * as React from 'react';\r\nimport S from './Downloads.styles';\r\nconst Downloads = (props) => {\r\n    return (React.createElement(S.Container, { variant: props.variant ?? 'light', flush: props.flush },\r\n        React.createElement(S.Grid, null,\r\n            props.title && React.createElement(S.Title, null, props.title),\r\n            React.createElement(S.CardList, null, props.downloadList.map((card, i) => (React.createElement(DownloadCard, { key: `career-listing-${i}`, ...card })))))));\r\n};\r\nexport default Downloads;\r\n"],"names":["ButtonReset","css","Container","styled","div","withConfig","displayName","componentId","siteWide","Layers","NavigationTray","Button","button","transition","paragraphRegular","brand","primary","offWhite","purple","_ref","type","ref","React","S","FocusRing","focusRingClass","onClick","targetEl","document","getElementById","scrollIntoView","focusNext","skipToMain","_ref$current","_wrapperEl","wrapperEl","current","closest","_ref$current2","nextElementSibling","_wrapperEl2","_wrapperEl2$parentEle","parentElement","skipSection","el","_focusable$","querySelectorAll","focus","section","fluid","tint","from","Device","Tablet","Inner","SiteWide","FocusAnchor","BasePropsContext","SectionWrapper","props","children","layout","flush","variant","removeSkipLink","otherProps","baseProps","id","SkipLink","a","ContentArea","Title","h3","paragraphLarge","Description","fonts","graphikCompact","regular","IconHolder","href","url","download","title","description","getSvgFromSystem","SystemIcon","Download","Grid","baseGrid","h2","CardList","DesktopSmall","_props$variant","downloadList","map","card","i","DownloadCard","key"],"sourceRoot":""}