{"version":3,"file":"533-9a486dbd6aaad07353df.js","mappings":"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","sources":["webpack://royal-geographical-society/./src/stories/Components/Cards/ArticleCard/ArticleCard.styles.ts","webpack://royal-geographical-society/./src/stories/Components/Cards/CtaCard/CtaCard.styles.ts","webpack://royal-geographical-society/./src/stories/Components/Cards/InformationCard/InformationCard.styles.ts","webpack://royal-geographical-society/./src/stories/Components/Cards/SearchResultCard/SearchResultCard.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/ArticleBanner/ArticleBanner.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/ArticleBanner/ArticleBanner.tsx","webpack://royal-geographical-society/./src/stories/Widgets/CtaCards/CtaCards.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/Global/Breadcrumb/Breadcrumb.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/Global/Breadcrumb/Breadcrumb.tsx","webpack://royal-geographical-society/./src/stories/Widgets/InnerPageBanner/InnerPageBanner.styles.ts"],"sourcesContent":["import { transition } from '@helpers/animate';\r\nimport brand, { ThemeOption } from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { h4, paragraphSmall } from '@helpers/typography';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nimport { CtaCardStyles } from '../CtaCard/CtaCard.styles';\r\nimport { InformationCardStyles } from '../InformationCard/InformationCard.styles';\r\nconst Container = styled.div `\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 0 6px ${rgba(brand.black, 0.16)};\r\n color: inherit;\r\n text-decoration: none;\r\n\r\n &[data-featured] {\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n margin-bottom: 30px;\r\n box-shadow: none;\r\n\r\n @media ${until(Device.TabletSmall)} {\r\n display: none;\r\n }\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Orange}] {\r\n --themeColor: ${brand.orange};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Blue}] {\r\n --themeColor: ${brand.blue};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Purple}] {\r\n --themeColor: ${brand.purple};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Red}] {\r\n --themeColor: ${brand.red};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Green}] {\r\n --themeColor: ${brand.green.default};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.DarkGreen}] {\r\n --themeColor: ${brand.green.dark};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Teal}] {\r\n --themeColor: ${brand.teal};\r\n }\r\n`;\r\nconst ImageWrapper = styled.div `\r\n position: relative;\r\n aspect-ratio: 46 / 35;\r\n overflow: hidden;\r\n\r\n ${Container}[data-featured] & {\r\n aspect-ratio: auto;\r\n }\r\n\r\n &::before {\r\n content: '';\r\n position: absolute;\r\n top: 25px;\r\n left: 0;\r\n width: 100%;\r\n height: 2px;\r\n background-color: ${brand.white};\r\n z-index: 1;\r\n pointer-events: none;\r\n }\r\n`;\r\nconst CategoryTag = styled.span `\r\n position: absolute;\r\n top: 8px;\r\n left: 0;\r\n padding: 9px 12px 7px;\r\n ${fonts.agBook.bold};\r\n font-size: 14px;\r\n line-height: 18px;\r\n color: ${brand.white};\r\n text-transform: uppercase;\r\n background-color: var(--themeColor);\r\n z-index: 1;\r\n`;\r\nconst Image = styled.img `\r\n max-width: none;\r\n width: 100%;\r\n height: auto;\r\n ${transition('transform')};\r\n will-change: transform, contents !important;\r\n transform-origin: 50% 50%;\r\n\r\n ${Container}:is(a):hover & {\r\n transform: scale(1.1);\r\n }\r\n\r\n ${Container}[data-featured] & {\r\n height: 100%;\r\n object-fit: cover;\r\n }\r\n`;\r\nconst CardContent = styled(InformationCardStyles.Content) `\r\n ${Container}[data-featured] & {\r\n background-color: var(--themeColor);\r\n padding: 20px 30px;\r\n }\r\n`;\r\nconst NewsCardContent = styled(CardContent) `\r\n position: relative;\r\n padding-bottom: 76px;\r\n`;\r\nconst Title = styled.h4 `\r\n ${h4};\r\n margin-bottom: 12px;\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n\r\n &:hover {\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n ${Container}:is(a):hover & {\r\n text-decoration: underline;\r\n }\r\n\r\n ${Container}[data-featured] & {\r\n font-size: 32px;\r\n line-height: 38px;\r\n color: ${brand.white};\r\n }\r\n`;\r\nconst Content = styled.p `\r\n ${paragraphSmall};\r\n margin-bottom: 10px;\r\n\r\n ${Container}[data-featured] & {\r\n color: ${brand.white};\r\n }\r\n`;\r\nconst ArticleInfo = styled.div ``;\r\nconst ArticleInfoItem = styled.div `\r\n display: flex;\r\n align-items: center;\r\n margin-top: 8px;\r\n font-size: 14px;\r\n line-height: 18px;\r\n text-transform: uppercase;\r\n color: var(--themeColor);\r\n\r\n ${Container}[data-featured] & {\r\n color: ${brand.white};\r\n }\r\n`;\r\nconst ArticleInfoItemIcon = styled.div `\r\n display: flex;\r\n align-items: center;\r\n width: 17px;\r\n margin-right: 7px;\r\n`;\r\nconst ArrowIcon = styled(CtaCardStyles.ArrowIcon) `\r\n top: auto;\r\n bottom: 20px;\r\n right: 20px;\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n top: auto;\r\n bottom: 20px;\r\n\r\n ${Container}[data-featured] & {\r\n right: 30px;\r\n }\r\n }\r\n\r\n ${Container}[data-featured] & {\r\n background-color: ${brand.white};\r\n\r\n svg {\r\n path:first-child {\r\n stroke: var(--themeColor);\r\n }\r\n }\r\n }\r\n`;\r\nexport const ArticleCardStyles = {\r\n ArrowIcon,\r\n CardContent,\r\n CategoryTag,\r\n Container,\r\n Content,\r\n ArticleInfo,\r\n ArticleInfoItem,\r\n ArticleInfoItemIcon,\r\n Image,\r\n ImageWrapper,\r\n NewsCardContent,\r\n Title,\r\n};\r\n","import { transition } from '@helpers/animate';\r\nimport brand, { ThemeOption } from '@helpers/brand';\r\nimport { Device, between, from, until } from '@helpers/media';\r\nimport { h3, paragraphSmall } from '@helpers/typography';\r\nimport { CtaCardsStyles } from '@stories/Widgets/CtaCards/CtaCards.styles';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled.a `\r\n display: block;\r\n color: inherit;\r\n text-decoration: none;\r\n margin-top: 40px;\r\n\r\n &:first-child {\r\n margin-top: 0;\r\n }\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n margin-top: 0;\r\n\r\n &:first-child {\r\n ${CtaCardsStyles.Container}[data-featured=true] & {\r\n grid-column: span 2;\r\n display: grid;\r\n grid-template-columns: 48% 1fr;\r\n grid-column-gap: 0;\r\n border-top: 1px solid ${rgba(brand.orange, 0.6)};\r\n\r\n &[data-component-theme=${ThemeOption.Orange}] {\r\n border-top-color: ${rgba(brand.orange, 0.6)};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Purple}] {\r\n border-top-color: ${rgba(brand.purple, 0.6)};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Blue}] {\r\n border-top-color: ${rgba(brand.blue, 0.6)};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Red}] {\r\n border-top-color: ${rgba(brand.red, 0.6)};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Green}] {\r\n border-top-color: ${rgba(brand.green.default, 0.6)};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.DarkGreen}] {\r\n border-top-color: ${rgba(brand.green.dark, 0.6)};\r\n }\r\n\r\n &[data-component-theme=${ThemeOption.Teal}] {\r\n border-top-color: ${rgba(brand.teal, 0.6)};\r\n }\r\n }\r\n }\r\n }\r\n\r\n @media ${between(Device.Tablet, Device.TabletLarge)} {\r\n &:first-child {\r\n ${CtaCardsStyles.Container}[data-featured=true] & {\r\n grid-column: span 3;\r\n }\r\n }\r\n }\r\n`;\r\nconst Image = styled.img `\r\n height: auto;\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n ${Container}:first-child & {\r\n ${CtaCardsStyles.Container}[data-featured=true] & {\r\n height: 100%;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n }\r\n }\r\n\r\n @media ${until(Device.MobileLarge)} {\r\n height: 100%;\r\n width: 100%;\r\n object-fit: cover;\r\n }\r\n`;\r\nconst ContentWrapper = styled.div `\r\n position: relative;\r\n padding: 20px 6px 20px;\r\n border-bottom: 1px solid ${rgba(brand.orange, 0.6)};\r\n\r\n ${Container}[data-component-theme=${ThemeOption.Orange}] & {\r\n --themeColor: ${brand.orange};\r\n border-bottom-color: ${rgba(brand.orange, 0.6)};\r\n border-top-color: ${rgba(brand.orange, 0.6)};\r\n }\r\n\r\n ${Container}[data-component-theme=${ThemeOption.Purple}] & {\r\n --themeColor: ${brand.purple};\r\n border-bottom-color: ${rgba(brand.purple, 0.6)};\r\n border-top-color: ${rgba(brand.purple, 0.6)};\r\n }\r\n\r\n ${Container}[data-component-theme=${ThemeOption.Blue}] & {\r\n --themeColor: ${brand.blue};\r\n border-bottom-color: ${rgba(brand.blue, 0.6)};\r\n border-top-color: ${rgba(brand.blue, 0.6)};\r\n }\r\n\r\n ${Container}[data-component-theme=${ThemeOption.Red}] & {\r\n --themeColor: ${brand.red};\r\n border-bottom-color: ${rgba(brand.red, 0.6)};\r\n border-top-color: ${rgba(brand.red, 0.6)};\r\n }\r\n\r\n ${Container}[data-component-theme=${ThemeOption.Green}] & {\r\n --themeColor: ${brand.green.default};\r\n border-bottom-color: ${rgba(brand.green.default, 0.6)};\r\n border-top-color: ${rgba(brand.green.default, 0.6)};\r\n }\r\n\r\n ${Container}[data-component-theme=${ThemeOption.DarkGreen}] & {\r\n --themeColor: ${brand.green.dark};\r\n border-bottom-color: ${rgba(brand.green.dark, 0.6)};\r\n border-top-color: ${rgba(brand.green.dark, 0.6)};\r\n }\r\n\r\n ${Container}[data-component-theme=${ThemeOption.Teal}] & {\r\n --themeColor: ${brand.teal};\r\n border-bottom-color: ${rgba(brand.teal, 0.6)};\r\n border-top-color: ${rgba(brand.teal, 0.6)};\r\n }\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n padding: 31px 6px 30px;\r\n\r\n ${Container}:first-child & {\r\n ${CtaCardsStyles.Container}[data-featured=true] & {\r\n padding: 31px 60px 60px 36px;\r\n }\r\n }\r\n }\r\n`;\r\nconst Title = styled.h2 `\r\n ${h3};\r\n margin-bottom: 0;\r\n padding-right: 60px;\r\n color: var(--themeColor);\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n ${Container}:first-child & {\r\n ${CtaCardsStyles.Container}[data-featured=true] & {\r\n padding-right: 0;\r\n }\r\n }\r\n }\r\n`;\r\nconst ArrowIcon = styled.div `\r\n position: absolute;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n top: 13px;\r\n right: 6px;\r\n width: 40px;\r\n height: 40px;\r\n border-radius: 100%;\r\n background-color: var(--themeColor);\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n top: 26px;\r\n\r\n ${Container}:first-child & {\r\n ${CtaCardsStyles.Container}[data-featured=true] & {\r\n top: auto;\r\n bottom: 24px;\r\n }\r\n }\r\n }\r\n\r\n svg {\r\n width: 26px;\r\n height: 26px;\r\n color: ${brand.white};\r\n\r\n path {\r\n ${transition('stroke-width')}\r\n\r\n ${Container}:hover & {\r\n stroke-width: 5;\r\n }\r\n }\r\n }\r\n`;\r\nconst Content = styled.p `\r\n ${paragraphSmall};\r\n font-size: 18px;\r\n margin: 1.5em auto 0;\r\n\r\n ${CtaCardsStyles.Container}[data-hide-descriptions=true] & {\r\n display: none;\r\n }\r\n\r\n ${Container}:first-child & {\r\n ${CtaCardsStyles.Container}[data-featured=true][data-hide-descriptions=true] & {\r\n display: block;\r\n }\r\n }\r\n`;\r\nexport const CtaCardStyles = {\r\n ArrowIcon,\r\n Container,\r\n Content,\r\n ContentWrapper,\r\n Image,\r\n Title,\r\n};\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport fonts from '@helpers/fonts';\r\nimport { h3, paragraphSmall } from '@helpers/typography';\r\nimport { LinkButton } from '@stories/Components/Buttons/Button/Button';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n box-shadow: 0 0 6px ${rgba(brand.black, 0.16)};\r\n`;\r\nconst OverlayLink = styled.a `\r\n position: absolute;\r\n top: 0;\r\n width: 100%;\r\n height: 100%;\r\n z-index: 1;\r\n`;\r\nconst ImageWrapper = styled.div `\r\n position: relative;\r\n aspect-ratio: 46 / 35;\r\n overflow: hidden;\r\n\r\n img {\r\n max-width: none;\r\n width: 100%;\r\n height: auto;\r\n ${transition('transform')};\r\n transform-origin: 50% 50%;\r\n\r\n ${Container}:hover & {\r\n transform: scale(1.1);\r\n }\r\n }\r\n`;\r\nconst Content = styled.div `\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n padding: 15px 20px 20px;\r\n`;\r\nconst Title = styled.h2 `\r\n ${h3};\r\n color: ${brand.orange};\r\n\r\n a {\r\n color: inherit;\r\n text-decoration: none;\r\n\r\n ${Container}:hover & {\r\n text-decoration: underline;\r\n }\r\n }\r\n`;\r\nconst Description = styled.p `\r\n ${paragraphSmall};\r\n margin-bottom: 0;\r\n`;\r\nconst CardFooter = styled.div `\r\n display: flex;\r\n align-items: center;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-top: auto;\r\n padding-top: 10px;\r\n`;\r\nconst HighlightText = styled.span `\r\n ${fonts.agBook.bold};\r\n font-size: 16px;\r\n line-height: 19px;\r\n color: ${brand.orange};\r\n letter-spacing: -0.5px;\r\n`;\r\nconst CtaList = styled.div `\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 8px;\r\n margin-left: auto;\r\n`;\r\nconst Cta = styled(LinkButton) `\r\n &&& {\r\n --buttonHeight: auto;\r\n }\r\n`;\r\nexport const InformationCardStyles = {\r\n CardFooter,\r\n Container,\r\n Content,\r\n Cta,\r\n CtaList,\r\n Description,\r\n HighlightText,\r\n ImageWrapper,\r\n OverlayLink,\r\n Title,\r\n};\r\n","import { transition } from '@helpers/animate';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h3 } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.a `\r\n display: flex;\r\n padding-bottom: 20px;\r\n margin-bottom: 20px;\r\n color: inherit;\r\n text-decoration: none;\r\n border-bottom: 1px solid ${brand.black};\r\n`;\r\nconst ImageWrapper = styled.div `\r\n display: none;\r\n position: relative;\r\n overflow: hidden;\r\n flex-shrink: 0;\r\n margin-left: auto;\r\n\r\n @media ${from(Device.Tablet)} {\r\n display: block;\r\n }\r\n`;\r\nconst Image = styled.img `\r\n max-width: none;\r\n width: 100%;\r\n height: auto;\r\n ${transition('transform')};\r\n transform-origin: 50% 50%;\r\n\r\n ${Container}:hover & {\r\n transform: scale(1.1);\r\n }\r\n`;\r\nconst CardContent = styled.div `\r\n padding: 0;\r\n\r\n @media ${from(Device.Tablet)} {\r\n padding: 20px 46px 0 20px;\r\n }\r\n`;\r\nconst Title = styled.h3 `\r\n ${h3};\r\n margin-bottom: ${fluid(20, 10)};\r\n`;\r\nconst TextContent = styled.p ``;\r\nconst Categories = styled.div `\r\n position: relative;\r\n margin-top: 20px;\r\n padding-left: 22px;\r\n\r\n svg {\r\n position: absolute;\r\n top: 4px;\r\n left: 0;\r\n color: ${brand.orange};\r\n }\r\n\r\n span {\r\n font-size: ${fluid(16, 20)};\r\n line-height: ${fluid(20, 24)};\r\n color: ${brand.orange};\r\n text-transform: uppercase;\r\n\r\n &:not(:last-child) {\r\n &::after {\r\n content: ',';\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n`;\r\nexport const SearchResultCardStyles = {\r\n CardContent,\r\n Categories,\r\n Container,\r\n Image,\r\n ImageWrapper,\r\n TextContent,\r\n Title,\r\n};\r\n","import { imageCoverContainer } from '@helpers/aspectRatio';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, until } from '@helpers/media';\r\nimport { h1 } from '@helpers/typography';\r\nimport { ArticleCardStyles } from '@stories/Components/Cards/ArticleCard/ArticleCard.styles';\r\nimport { SearchResultCardStyles } from '@stories/Components/Cards/SearchResultCard/SearchResultCard.styles';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Global/SectionWrapper/SectionWrapper.styles';\r\nimport styled from 'styled-components';\r\nimport { InnerPageBannerStyles } from '../InnerPageBanner/InnerPageBanner.styles';\r\nconst Container = styled(SectionWrapper) `\r\n position: relative;\r\n\r\n ${SectionWrapperStyles.SiteWide} {\r\n margin: 0 0 0 auto;\r\n --containerWidth: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n --offsetWidth: calc(calc(100vw - var(--containerWidth)) / 2);\r\n max-width: calc(var(--containerWidth) + var(--offsetWidth));\r\n padding: 0 0 0 var(--sitePadding);\r\n\r\n @media ${until(Device.Tablet)} {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n }\r\n`;\r\nconst Inner = styled.div `\r\n border-left: ${fluid(10, 20)} solid var(--themeColor);\r\n`;\r\nconst MediaArea = styled.div `\r\n position: relative;\r\n\r\n @media ${until(Device.Tablet)} {\r\n min-height: 200px;\r\n }\r\n`;\r\nconst PromoImage = styled.img `\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n\r\n @media ${until(Device.Tablet)} {\r\n ${imageCoverContainer()};\r\n }\r\n`;\r\nconst CitationBtn = styled(InnerPageBannerStyles.CitationBtn) ``;\r\nconst CitationIcon = styled(InnerPageBannerStyles.CitationIcon) ``;\r\nconst CitationContent = styled(InnerPageBannerStyles.CitationContent) ``;\r\nconst ContentArea = styled.div `\r\n background-color: ${brand.grey.grey91};\r\n padding: 18px 37px ${fluid(21, 44)} ${fluid(26, 118)};\r\n\r\n > * {\r\n max-width: 880px;\r\n }\r\n`;\r\nconst BannerTitle = styled.h1 `\r\n ${h1};\r\n margin-bottom: 16px;\r\n`;\r\nconst CategoryTags = styled(SearchResultCardStyles.Categories) `\r\n margin-top: 8px;\r\n\r\n svg,\r\n span,\r\n a {\r\n color: var(--themeColor);\r\n }\r\n\r\n svg {\r\n top: 6px;\r\n }\r\n\r\n span {\r\n font-size: ${fluid(14, 18)};\r\n line-height: ${fluid(16, 24)};\r\n ${fonts.agBook.regular};\r\n }\r\n\r\n a {\r\n &:hover {\r\n span {\r\n text-decoration: underline;\r\n }\r\n }\r\n\r\n &:not(:last-child) {\r\n &::after {\r\n content: ',';\r\n margin-right: 5px;\r\n }\r\n }\r\n }\r\n`;\r\nconst Date = styled(ArticleCardStyles.ArticleInfoItem) `\r\n font-size: ${fluid(14, 18)};\r\n line-height: ${fluid(16, 24)};\r\n ${fonts.agBook.regular};\r\n`;\r\nconst DateIcon = styled(ArticleCardStyles.ArticleInfoItemIcon) `\r\n position: relative;\r\n top: -2px;\r\n`;\r\nexport const ArticleBannerStyles = {\r\n BannerTitle,\r\n CategoryTags,\r\n CitationBtn,\r\n CitationContent,\r\n CitationIcon,\r\n Container,\r\n ContentArea,\r\n Date,\r\n DateIcon,\r\n Inner,\r\n MediaArea,\r\n PromoImage,\r\n};\r\n","import { ThemeOption } from '@helpers/brand';\r\nimport { getSrcs } from '@helpers/image';\r\nimport { SystemIcon, getSvgFromSystem } from '@helpers/systemIcons';\r\nimport React from 'react';\r\nimport Breadcrumb from '../Global/Breadcrumb/Breadcrumb';\r\nimport { ArticleBannerStyles as S } from './ArticleBanner.styles';\r\nconst ArticleBanner = ({ breadcrumb, categoryTags, date, id, image, theme = ThemeOption.Orange, title, }) => {\r\n const [citationOpen, setCitationOpen] = React.useState(false);\r\n const srcs = getSrcs(image, 1720, 400, 8, 400 / 1720);\r\n return (React.createElement(S.Container, { flush: \"top\", theme: theme, id: id },\r\n React.createElement(S.Inner, null,\r\n React.createElement(S.MediaArea, null,\r\n srcs && (React.createElement(S.PromoImage, { alt: image.altText ?? '', loading: \"eager\", role: image.altText ? undefined : 'presentation', src: srcs[0].split(' ')[0], srcSet: srcs.join(','), width: \"1720\", height: \"396\" })),\r\n image.citation && (React.createElement(S.CitationBtn, { type: \"button\", \"data-citation-open\": citationOpen, onClick: () => setCitationOpen(!citationOpen) },\r\n React.createElement(S.CitationIcon, null, \"i\"),\r\n React.createElement(S.CitationContent, null, image.citation)))),\r\n React.createElement(S.ContentArea, null,\r\n breadcrumb && React.createElement(Breadcrumb, { items: breadcrumb }),\r\n React.createElement(S.BannerTitle, null, title),\r\n date && (React.createElement(S.Date, null,\r\n React.createElement(S.DateIcon, null, getSvgFromSystem(SystemIcon.Calendar)),\r\n date)),\r\n categoryTags && (React.createElement(S.CategoryTags, null,\r\n !!categoryTags.length && getSvgFromSystem(SystemIcon.Tag),\r\n categoryTags.map((category, index) => (React.createElement(\"a\", { href: category.url, key: `category-${index}` },\r\n React.createElement(\"span\", null, category.text))))))))));\r\n};\r\nexport default ArticleBanner;\r\n","import { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) ``;\r\nconst Inner = styled.div `\r\n @media ${from(Device.MobileLarge)} {\r\n ${baseGrid};\r\n grid-template-columns: repeat(2, minmax(0, 1fr));\r\n grid-column-gap: 24px;\r\n grid-row-gap: 40px;\r\n }\r\n\r\n @media ${from(Device.Tablet)} {\r\n grid-template-columns: repeat(3, minmax(0, 1fr));\r\n grid-column-gap: 36px;\r\n grid-row-gap: 60px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-template-columns: repeat(4, minmax(0, 1fr));\r\n }\r\n`;\r\nexport const CtaCardsStyles = {\r\n Container,\r\n Inner,\r\n};\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 { Device, until } from '@helpers/media';\r\nimport scrollbars from '@helpers/scrollbars';\r\nimport { paragraphSmall, paragraphTiny } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.div `\r\n padding-bottom: 15px;\r\n`;\r\nconst List = styled.ul `\r\n ${scrollbars};\r\n\r\n overflow: auto;\r\n white-space: nowrap;\r\n`;\r\nconst Item = styled.li `\r\n ${transition('color')};\r\n ${paragraphSmall};\r\n\r\n line-height: ${fluid(30, 30)};\r\n display: inline-block;\r\n margin: 0 4px 0 0;\r\n color: ${brand.orange};\r\n\r\n &:hover,\r\n &:focus-within {\r\n color: ${brand.grey.grey41};\r\n }\r\n\r\n &::after {\r\n content: '>';\r\n margin-left: 4px;\r\n color: ${brand.orange};\r\n }\r\n\r\n &:first-child {\r\n @media ${until(Device.Tablet)} {\r\n display: none;\r\n }\r\n }\r\n\r\n &:last-child {\r\n color: ${brand.grey.grey41};\r\n\r\n &::after {\r\n display: none;\r\n }\r\n }\r\n`;\r\nconst ItemLink = styled.a `\r\n ${transition('text-decoration-color')};\r\n ${paragraphTiny};\r\n\r\n text-decoration: underline;\r\n text-decoration-color: currentColor;\r\n text-underline-offset: 2px;\r\n\r\n &:not([aria-current='location']).focus-ring,\r\n &:not([aria-current='location']):hover {\r\n text-decoration-color: currentColor;\r\n }\r\n\r\n ${Item}:last-child & {\r\n text-decoration: none;\r\n }\r\n\r\n &[aria-current='location'] {\r\n ${fonts.agBook.regular};\r\n }\r\n`;\r\nconst BreadcrumbStyles = {\r\n Container,\r\n List,\r\n Item,\r\n ItemLink,\r\n};\r\nexport default BreadcrumbStyles;\r\n","import * as React from 'react';\r\nimport S from './Breadcrumb.styles';\r\nconst Breadcrumb = (props) => {\r\n return (React.createElement(S.Container, null,\r\n React.createElement(S.List, { \"aria-label\": \"breadcrumb\" }, props.items.map((item, i) => (React.createElement(React.Fragment, null,\r\n i === 0 && props.items.length > 2 && (React.createElement(S.Item, null,\r\n React.createElement(S.ItemLink, { href: item.url, title: item.text, id: item.id, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, item.text))),\r\n i === props.items.length - 3 && props.items.length > 3 && (React.createElement(S.Item, { \"data-ellip\": \"true\" },\r\n React.createElement(S.ItemLink, { href: item.url, title: item.text, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, \"\\u2026\"))),\r\n i >= props.items.length - 2 ? (React.createElement(React.Fragment, { key: `breadcrumb-${i}` },\r\n React.createElement(S.Item, null,\r\n React.createElement(S.ItemLink, { href: item.url, title: item.text, id: item.id, \"aria-current\": i === props.items.length - 1 ? 'location' : undefined }, item.text != undefined &&\r\n (item.text.length > 14 ? `${item.text.slice(0, 14)}...` : item.text))))) : null))))));\r\n};\r\nexport default Breadcrumb;\r\n","import { transition } from '@helpers/animate';\r\nimport { imageCoverContainer } from '@helpers/aspectRatio';\r\nimport brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport fonts from '@helpers/fonts';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { contentStyles, h1 } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Global/SectionWrapper/SectionWrapper.styles';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n position: relative;\r\n\r\n ${SectionWrapperStyles.SiteWide} {\r\n @media ${until(Device.Tablet)} {\r\n padding-left: 0;\r\n padding-right: 0;\r\n }\r\n }\r\n`;\r\nconst Inner = styled.div `\r\n border-left: 10px solid var(--themeColor);\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n ${baseGrid};\r\n height: 400px;\r\n border: none;\r\n }\r\n`;\r\nconst ContentArea = styled.div `\r\n background-color: ${brand.grey.grey91};\r\n padding: 20px ${fluid(25, 40)};\r\n min-height: 280px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n position: relative;\r\n z-index: 1;\r\n grid-column: span 4;\r\n border-left: ${fluid(10, 20)} solid var(--themeColor);\r\n }\r\n`;\r\nconst BannerTitle = styled.h1 `\r\n ${h1};\r\n margin-bottom: 20px;\r\n`;\r\nconst Content = styled.div `\r\n ${contentStyles};\r\n`;\r\nconst CtaArea = styled.div `\r\n padding-top: 25px;\r\n`;\r\nconst MediaArea = styled.div `\r\n position: relative;\r\n height: 200px;\r\n width: 100%;\r\n\r\n @media ${from(Device.Tablet)} {\r\n border-left: clamp(0.56rem, 0.25rem + 0.97vw, 1.11rem) solid var(--themeColor);\r\n }\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n position: absolute;\r\n width: 68vw;\r\n height: 400px;\r\n right: 0;\r\n }\r\n`;\r\nconst CitationBtn = styled.button `\r\n ${transition('background-color')};\r\n position: absolute;\r\n right: 0;\r\n bottom: 0;\r\n border: none;\r\n border-radius: 0;\r\n background-color: transparent;\r\n height: 40px;\r\n padding: 0 40px;\r\n\r\n @media ${until(Device.Tablet)} {\r\n width: 100%;\r\n height: 35px;\r\n }\r\n\r\n &[data-citation-open='true'] {\r\n background-color: ${rgba(brand.white, 0.9)};\r\n }\r\n`;\r\nconst CitationIcon = styled.div `\r\n ${transition('background-color')};\r\n ${fonts.agBook.bold};\r\n color: ${brand.white};\r\n width: 30px;\r\n height: 30px;\r\n background-color: ${rgba(brand.grey.grey41, 0.9)};\r\n border-radius: 100%;\r\n font-size: 22px;\r\n line-height: 30px;\r\n margin-right: 40px;\r\n margin-top: -20px;\r\n\r\n @media ${until(Device.Tablet)} {\r\n position: absolute;\r\n top: -35px;\r\n right: 20px;\r\n margin-right: 0;\r\n margin-top: 0;\r\n }\r\n\r\n ${CitationBtn}:hover &,\r\n ${CitationBtn}:focus {\r\n background-color: ${brand.orange};\r\n }\r\n\r\n [data-citation-open='true'] & {\r\n @media ${from(Device.Tablet)} {\r\n display: none;\r\n }\r\n }\r\n`;\r\nconst CitationContent = styled.span `\r\n ${fonts.agBook.light};\r\n font-style: italic;\r\n font-size: 12px;\r\n line-height: 14px;\r\n display: none;\r\n\r\n [data-citation-open='true'] & {\r\n display: block;\r\n }\r\n`;\r\nconst PromoMedia = styled.div `\r\n ${imageCoverContainer()};\r\n`;\r\nconst PromoImage = styled.img `\r\n ${imageCoverContainer()};\r\n`;\r\nexport const InnerPageBannerStyles = {\r\n BannerTitle,\r\n CitationBtn,\r\n CitationContent,\r\n CitationIcon,\r\n Container,\r\n Content,\r\n ContentArea,\r\n CtaArea,\r\n Inner,\r\n MediaArea,\r\n PromoImage,\r\n PromoMedia,\r\n};\r\n"],"names":["Container","styled","rgba","brand","until","Device","ThemeOption","ImageWrapper","CategoryTag","fonts","Image","transition","CardContent","InformationCardStyles","NewsCardContent","Title","h4","Content","paragraphSmall","ArticleInfo","ArticleInfoItem","ArticleInfoItemIcon","ArticleCardStyles","ArrowIcon","CtaCardStyles","from","CtaCardsStyles","between","ContentWrapper","h3","OverlayLink","Description","CardFooter","HighlightText","CtaList","Cta","LinkButton","fluid","TextContent","SearchResultCardStyles","Categories","SectionWrapper","SectionWrapperStyles","Inner","MediaArea","PromoImage","imageCoverContainer","CitationBtn","InnerPageBannerStyles","CitationIcon","CitationContent","ContentArea","ArticleBannerStyles","BannerTitle","h1","CategoryTags","Date","DateIcon","breadcrumb","categoryTags","date","id","image","theme","title","citationOpen","setCitationOpen","React","srcs","getSrcs","S","flush","alt","altText","loading","role","undefined","src","split","srcSet","join","width","height","citation","type","onClick","Breadcrumb","items","getSvgFromSystem","SystemIcon","length","map","category","index","href","url","key","text","baseGrid","List","scrollbars","Item","ItemLink","paragraphTiny","props","item","i","slice","contentStyles","CtaArea","PromoMedia"],"sourceRoot":""}