{"version":3,"file":"368-3dac9472f524f243dfd8.js","mappings":"mQAQA,MAAMA,GAAYC,EAAAA,EAAAA,IAAOC,EAAAA,GAAe,8FAAtBD,CAAsB,wDAC7BE,EAAAA,EAAAA,IAAMC,EAAAA,GAAAA,aACXC,EAAAA,EAAAA,UAKAC,EAAQL,EAAAA,GAAAA,IAAAA,WAAU,+EAAVA,CAAU,+FACXM,EAAAA,EAAAA,IAAM,GAAI,KAAOA,EAAAA,EAAAA,IAAM,GAAI,KAAYA,EAAAA,EAAAA,IAAM,GAAI,KACtCC,EAAAA,EAAAA,IAAKC,EAAAA,EAAAA,MAAa,MAGpCC,EAAUT,EAAAA,GAAAA,GAAAA,WAAS,iFAATA,CAAS,SACrBU,EAAAA,IAYSC,EAA+B,CACxCZ,YACAa,QAZYZ,EAAAA,GAAAA,IAAAA,WAAU,iFAAVA,CAAU,sDACtBa,EAAAA,IAKaP,EAAAA,EAAAA,IAAM,GAAI,KACRA,EAAAA,EAAAA,IAAM,GAAI,KAMzBG,UACAJ,SC7BJ,EANgCS,GACpBC,EAAAA,cAAoBC,EAAAA,UAAa,CAAEC,WAAY,WACnDF,EAAAA,cAAoBC,EAAAA,MAAS,KACzBD,EAAAA,cAAoBC,EAAAA,QAAW,KAAMF,EAAMI,SAAWJ,EAAMI,SAC5DJ,EAAMK,SAAWJ,EAAAA,cAAoBC,EAAAA,QAAW,CAAEI,wBAAyB,CAAEC,OAAQP,EAAMK,Y","sources":["webpack://royal-geographical-society/./src/stories/Components/Content/HighlightedInformation/HighlightedInformation.styles.ts","webpack://royal-geographical-society/./src/stories/Components/Content/HighlightedInformation/HighlightedInformation.tsx"],"sourcesContent":["import brand from '@helpers/brand';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { Device, until } from '@helpers/media';\r\nimport { contentStyles, h2 } 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  @media ${until(Device.TabletSmall)} {\r\n    ${SectionWrapperStyles.SiteWide} {\r\n      --sitePadding: var(--gutterWidth);\r\n    }\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  padding: ${fluid(20, 30)} ${fluid(26, 40)} 30px ${fluid(16, 30)};\r\n  box-shadow: 0 0 6px ${rgba(brand.black, 0.16)};\r\n  border-left: 20px solid var(--themeColor);\r\n`;\r\nconst Heading = styled.h2 `\r\n  ${h2};\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  p,\r\n  ol li,\r\n  ul li {\r\n    font-size: ${fluid(18, 24)};\r\n    line-height: ${fluid(24, 30)};\r\n  }\r\n`;\r\nexport const HighlightedInformationStyles = {\r\n    Container,\r\n    Content,\r\n    Heading,\r\n    Inner,\r\n};\r\n","import React from 'react';\r\nimport { HighlightedInformationStyles as S } from './HighlightedInformation.styles';\r\nconst HighlightedInformation = (props) => {\r\n    return (React.createElement(S.Container, { innerWidth: \"reduced\" },\r\n        React.createElement(S.Inner, null,\r\n            React.createElement(S.Heading, null, props.heading && props.heading),\r\n            props.content && React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }))));\r\n};\r\nexport default HighlightedInformation;\r\n"],"names":["Container","styled","SectionWrapper","until","Device","SectionWrapperStyles","Inner","fluid","rgba","brand","Heading","h2","HighlightedInformationStyles","Content","contentStyles","props","React","S","innerWidth","heading","content","dangerouslySetInnerHTML","__html"],"sourceRoot":""}