{"version":3,"file":"857-7ddee7723a4cbffd44cc.js","mappings":"oMAIA,MAmBaA,EAAiB,CAC1BC,WApBcC,EAAAA,EAAAA,IAAOC,EAAAA,GAAe,+EAAtBD,CAAsB,MAqBpCE,MApBUF,EAAAA,GAAAA,IAAAA,WAAU,gEAAVA,CAAU,sQACbG,EAAAA,EAAAA,IAAKC,EAAAA,GAAAA,aACVC,EAAAA,IAMKF,EAAAA,EAAAA,IAAKC,EAAAA,GAAAA,SAMLD,EAAAA,EAAAA,IAAKC,EAAAA,GAAAA,c,yHCbhB,MAAML,GAAYC,EAAAA,EAAAA,IAAOC,EAAAA,GAAe,gFAAtBD,CAAsB,6CAClCF,EAAAA,EAAAA,UAGAQ,EAAAA,EAAAA,OAKAJ,EAAQF,EAAAA,GAAAA,IAAAA,WAAU,iEAAVA,CAAU,MAwCXO,EAAiB,CAC1BR,YACAS,QAzCYR,EAAAA,GAAAA,IAAAA,WAAU,mEAAVA,CAAU,6QACtBS,EAAAA,IAiBcC,EAAAA,EAAAA,IAAM,GAAI,IAGxBR,EASAA,GAYAA,SCnDJ,EALiB,IAAyC,IAAxC,UAAES,EAAY,OAAM,QAAEC,EAAO,GAAEC,GAAI,EACjD,OAAQC,EAAAA,cAAoBC,EAAAA,UAAa,CAAEF,GAAIA,EAAIG,WAAY,SAAUC,MAAO,OAC5EH,EAAAA,cAAoBC,EAAAA,MAAS,CAAE,iBAAkBJ,GAC7CG,EAAAA,cAAoBC,EAAAA,QAAW,CAAEG,wBAAyB,CAAEC,OAAQP,MAAc,C","sources":["webpack://royal-geographical-society/./src/stories/Widgets/CtaCards/CtaCards.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/RichText/RichText.styles.ts","webpack://royal-geographical-society/./src/stories/Widgets/RichText/RichText.tsx"],"sourcesContent":["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 { fluid } from '@helpers/fluid';\r\nimport { contentStyles } from '@helpers/typography';\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 { CtaCardsStyles } from '../CtaCards/CtaCards.styles';\r\nconst Container = styled(SectionWrapper) `\r\n  + ${CtaCardsStyles.Container} {\r\n    padding-top: 0;\r\n\r\n    ${SectionWrapperStyles.Inner} {\r\n      padding-top: 0;\r\n    }\r\n  }\r\n`;\r\nconst Inner = styled.div ``;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  h1,\r\n  .h1-styles,\r\n  h2,\r\n  .h2-styles,\r\n  h3,\r\n  .h3-styles {\r\n    margin-top: 2em;\r\n  }\r\n\r\n  h4,\r\n  .h4-styles,\r\n  h5,\r\n  .h5-styles,\r\n  h6,\r\n  .h6-styles {\r\n    margin: 0 0 ${fluid(12, 18)};\r\n  }\r\n\r\n  ${Inner}[data-alignment='center'] & {\r\n    text-align: center;\r\n\r\n    ul,\r\n    ol {\r\n      text-align: left;\r\n    }\r\n  }\r\n\r\n  ${Inner}[data-alignment='right'] & {\r\n    text-align: right;\r\n\r\n    ul,\r\n    ol {\r\n      text-align: left;\r\n    }\r\n  }\r\n`;\r\nexport const RichTextStyles = {\r\n    Container,\r\n    Content,\r\n    Inner,\r\n};\r\n","import React from 'react';\r\nimport { RichTextStyles as S } from './RichText.styles';\r\nconst RichText = ({ alignment = 'left', content, id }) => {\r\n    return (React.createElement(S.Container, { id: id, innerWidth: \"narrow\", flush: \"top\" },\r\n        React.createElement(S.Inner, { \"data-alignment\": alignment },\r\n            React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: content } }))));\r\n};\r\nexport default RichText;\r\n"],"names":["CtaCardsStyles","Container","styled","SectionWrapper","Inner","from","Device","baseGrid","SectionWrapperStyles","RichTextStyles","Content","contentStyles","fluid","alignment","content","id","React","S","innerWidth","flush","dangerouslySetInnerHTML","__html"],"sourceRoot":""}