{"version":3,"file":"1857-96299f54cf90af9bdd8a.js","mappings":"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","sources":["webpack://ess-mep/./src/img/icons/chevron-right-mep.svg","webpack://ess-mep/./src/img/icons/chevron-right.svg","webpack://ess-mep/./src/helpers/grid.ts","webpack://ess-mep/./src/stories/Components/Global/Buttons/LinkButton/LinkButton.tsx","webpack://ess-mep/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://ess-mep/./src/hoc/withBaseProps.tsx","webpack://ess-mep/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://ess-mep/./src/stories/Widgets/RichText/RichText.styles.ts","webpack://ess-mep/./src/stories/Widgets/RichText/RichText.tsx"],"sourcesContent":["var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }\nimport * as React from \"react\";\nfunction SvgChevronRightMep(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 8.617 15.434\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M1.414 1.413l6.2 6.359L1.42 14.02\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\",\n    strokeWidth: 2\n  })));\n}\nexport default SvgChevronRightMep;","var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }\nimport * as React from \"react\";\nfunction SvgChevronRight(props) {\n  return /*#__PURE__*/React.createElement(\"svg\", _extends({\n    viewBox: \"0 0 7.791 13.658\"\n  }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n    d: \"M.537.523l6.2 6.359L.543 13.13\",\n    fill: \"none\",\n    stroke: \"currentColor\",\n    strokeWidth: 1.5\n  })));\n}\nexport default SvgChevronRight;","import { fluid } from '@helpers/fluid';\r\nimport { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nexport const SitePadding = fluid(16, 64);\r\nexport const SiteWidth = 1916;\r\nexport const GutterWidth = fluid(10, 24);\r\nexport const siteWide = css `\r\n  margin: 0 auto;\r\n  max-width: var(--siteWidth);\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(6, 1fr);\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-template-columns: repeat(8, 1fr);\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-template-columns: repeat(12, 1fr);\r\n  }\r\n`;\r\n","import ChevronRightMEP from '@img/icons/chevron-right-mep.svg';\r\nimport ChevronRight from '@img/icons/chevron-right.svg';\r\nimport { FocusRing } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport S from '../Button/Button.styles';\r\nconst LinkButton = ({ buttonType, children, icon, iconOnly, iconPosition = 'right', site, ...otherProps }) => {\r\n    return (React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n        React.createElement(S.Container, { as: \"a\", \"data-icon-only\": iconOnly, \"data-icon-position\": iconPosition, \"data-type\": buttonType, ...otherProps },\r\n            React.createElement(S.Text, null, children),\r\n            buttonType === 'link' || buttonType === 'link-alt' || buttonType === 'link-black' ? (React.createElement(S.IconWrapper, null, site === 'ess' ? React.createElement(ChevronRight, null) : React.createElement(ChevronRightMEP, null))) : (React.createElement(React.Fragment, null, icon ? React.createElement(S.IconWrapper, null, icon) : null)))));\r\n};\r\nexport default LinkButton;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { siteWide } from '@helpers/grid';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --scrollMargin: ${fluid(8, 12)};\r\n\r\n  scroll-margin: var(--scrollMargin) 0 0;\r\n\r\n  // Spacing styles.\r\n  &[data-spacing='padding'] {\r\n    padding: var(--sectionSpacing) 0;\r\n  }\r\n\r\n  &[data-spacing='margin'] {\r\n    margin: var(--sectionSpacing) 0;\r\n  }\r\n\r\n  // Overflow styles.\r\n  &[data-overflow='hidden'] {\r\n    overflow: hidden;\r\n  }\r\n\r\n  &[data-overflow='clip'] {\r\n    overflow: clip;\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  ${siteWide};\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({ site: 'ess' });\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 * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, layout = 'default', overflow = 'default', spacing = 'margin', site = 'ess', ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-overflow\": overflow, \"data-spacing\": spacing, \"data-site\": site, ...otherProps }, renderLayout()));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.Inner, null, children);\r\n    }\r\n});\r\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import 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 } from '@helpers/media';\r\nimport { contentStyles, h2 } from '@helpers/typography';\r\nimport svgSwoosh from '@img/icons/background/mep-swoosh.svg?url';\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\nconst Container = styled(SectionWrapper) `\r\n  &[data-align='center'] {\r\n    text-align: center;\r\n  }\r\n\r\n  &[data-background='white'] {\r\n    background-color: ${brand.global.white};\r\n  }\r\n\r\n  &[data-site='ess'] {\r\n    &[data-background='grey'] {\r\n      background-color: ${brand.ess.secondary.lightestGrey};\r\n    }\r\n  }\r\n\r\n  &[data-site='mep'] {\r\n    &[data-background='grey'] {\r\n      background-color: ${brand.mep.secondary.lightestGrey};\r\n    }\r\n\r\n    &[data-show-shape='true'] {\r\n      background-image: url(${svgSwoosh});\r\n      background-repeat: no-repeat;\r\n      background-position: right;\r\n      background-size: contain;\r\n    }\r\n  }\r\n\r\n  &[data-double-spacing='true'][data-spacing='padding'] {\r\n    padding-bottom: calc(var(--sectionSpacing) * 2);\r\n  }\r\n\r\n  &[data-double-spacing='true'][data-spacing='margin'] {\r\n    margin-bottom: calc(var(--sectionSpacing) * 2);\r\n  }\r\n\r\n  ${SectionWrapperStyles.Inner} {\r\n    ${baseGrid};\r\n  }\r\n`;\r\nconst ContentWrapper = styled.div `\r\n  grid-column: span 6;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    grid-column: span 8;\r\n  }\r\n\r\n  @media ${from(Device.Desktop)} {\r\n    grid-column: 3 / span 8;\r\n  }\r\n`;\r\nconst Title = styled.span `\r\n  ${h2};\r\n\r\n  color: ${brand.global.red};\r\n\r\n  ${Container}[data-site='mep'] & {\r\n    ${fonts.museoSlab.medium};\r\n  }\r\n\r\n  &[data-size='small'] {\r\n    font-size: ${fluid(18, 20)};\r\n    line-height: ${fluid(28, 30)};\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    > *:not(.responsive-table):not(table) {\r\n      ${Container}[data-site='mep'] & {\r\n        max-width: 880px;\r\n      }\r\n\r\n      ${Container}[data-site='ess'] & {\r\n        max-width: 1030px;\r\n      }\r\n    }\r\n\r\n    ${Container}[data-align='center'] & {\r\n      > * {\r\n        margin-left: auto;\r\n        margin-right: auto;\r\n      }\r\n    }\r\n  }\r\n`;\r\nconst LinkWrappper = styled.div `\r\n  margin: ${fluid(22, 26)} 0 0;\r\n`;\r\nconst RichTextStyles = {\r\n    Title,\r\n    Container,\r\n    Content,\r\n    LinkWrappper,\r\n    ContentWrapper,\r\n};\r\nexport default RichTextStyles;\r\n","import LinkButton from '@stories/Components/Global/Buttons/LinkButton/LinkButton';\r\nimport * as React from 'react';\r\nimport S from './RichText.styles';\r\nconst RichText = (props) => {\r\n    if (!props.content) {\r\n        return null;\r\n    }\r\n    return (React.createElement(S.Container, { \"data-align\": props.align === 'center' ? 'center' : 'left', \"data-background\": props.background === 'grey' ? 'grey' : 'white', \"data-show-shape\": !!props.showBackgroundShape, \"data-double-spacing\": props.doubleSpacing && props.site === 'ess', site: props.site, spacing: !props.showBackgroundShape && props.background !== 'grey'\r\n            ? props.noSpacing\r\n                ? 'none'\r\n                : 'margin'\r\n            : 'padding' },\r\n        React.createElement(S.ContentWrapper, null,\r\n            props.title && (React.createElement(S.Title, { as: props.title.titleType, \"data-size\": props.title.titleSize }, props.title.text)),\r\n            React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: props.content } }),\r\n            props.cta && (React.createElement(S.LinkWrappper, null,\r\n                React.createElement(LinkButton, { buttonType: props.site === 'ess' ? 'outline' : 'default', href: props.cta.url, target: props.cta.target, site: props.site }, props.cta.text))))));\r\n};\r\nexport default RichText;\r\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","viewBox","d","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","fluid","SiteWidth","siteWide","css","baseGrid","from","Device","_ref","buttonType","children","icon","iconOnly","iconPosition","site","otherProps","React","FocusRing","focusRingClass","S","as","ChevronRight","ChevronRightMEP","Container","styled","displayName","componentId","Inner","BasePropsContext","SectionWrapper","ref","layout","overflow","spacing","baseProps","id","withConfig","brand","svgSwoosh","SectionWrapperStyles","ContentWrapper","Title","h2","fonts","Content","contentStyles","LinkWrappper","content","align","background","showBackgroundShape","doubleSpacing","noSpacing","title","titleType","titleSize","text","dangerouslySetInnerHTML","__html","cta","LinkButton","href","url"],"sourceRoot":""}