{"version":3,"sources":["webpack:///./src/helpers/media.ts","webpack:///./src/stories/Elements/Content/WYSIWYG/WYSIWYG.styles.ts","webpack:///./src/helpers/typography.ts","webpack:///./src/helpers/global.ts","webpack:///./node_modules/@tti/image-transform/dist/esm/ImageTransform.js","webpack:///./node_modules/@tti/image-transform/dist/esm/index.js","webpack:///./src/stories/Elements/Forms/CTA/CTA.styles.ts","webpack:///./src/helpers/columns.ts","webpack:///./src/stories/Widgets/Content/RichTextArea/RichTextArea.tsx","webpack:///./src/stories/Widgets/Content/RichTextArea/RichTextArea.styles.ts","webpack:///./src/stories/Elements/Forms/CTA/CTAAnchor.tsx","webpack:///./src/helpers/grids.ts","webpack:///./img/icons/chevron-down.svg"],"names":["Device","from","size","until","WYSIWYG","Standard","styled","div","Typography","PStyles","centreText","TabletLarge","H1Styles","H2Styles","H3Styles","H4Styles","BlockquoteStyles","css","fonts","helvetica","Tablet","DesktopLarge","H1","h1","H2","h2","H3","h3","H4","h4","P","p","PLargeStyles","PSmallStyles","Blockquote","blockquote","navHeight","navHeightTablet","navHeightMobile","ButtonReset","FormatMode","imageUrl","this","_params","split","length","_imageUrl","queries","query","push","join","key","value","toString","width","addParameter","height","mode","url","CTATheme","base","theme","Blue","brand","blue","white","light","dark","White","Black","black","WhiteToBlack","CTAStyles","ButtonElement","button","attrs","type","AnchorElement","a","FullWidth","Content","ContentWide","RichTextAreaMarginSize","ContentWidth","RichTextAreaStyles","Wrapper","section","grids","Default","marginSize","Normal","Large","Inner","contentWidth","columns","Wide","Full","Title","DesktopSmall","LogoWrapper","MobileLarge","Logo","img","CTA","ReadMoreContentWrapper","showReadMore","ReadMoreButtonWrapper","ReadMoreButton","RichTextArea","props","useState","setShowReadMore","React","createElement","title","as","titleAs","dangerouslySetInnerHTML","__html","content","readMoreContent","readMoreText","readLessText","Fragment","onClick","ChevronDown","readMoreAnchor","href","logo","src","ImageTransform","alt","loading","ctaLink","ctaText","CTAAnchor","text","target","inView","Textfit","max","baseFixed","SitePadding","SitePaddingBreakoutLeft","SitePaddingBreakoutRight","SitePaddingBreakout","Fixed","styles","xmlns","viewBox","data-name","d","fill","stroke","strokeWidth"],"mappings":"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","file":"30-fd1d27b9d1d8f2f887d4.js","sourcesContent":["export var Device;\r\n(function (Device) {\r\n Device[Device[\"MobileSmall\"] = 320] = \"MobileSmall\";\r\n Device[Device[\"Mobile\"] = 375] = \"Mobile\";\r\n Device[Device[\"MobileLarge\"] = 480] = \"MobileLarge\";\r\n Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n Device[Device[\"DesktopSmall\"] = 1280] = \"DesktopSmall\";\r\n Device[Device[\"Desktop\"] = 1366] = \"Desktop\";\r\n Device[Device[\"DesktopLarge\"] = 1600] = \"DesktopLarge\";\r\n Device[Device[\"ActualDesktop\"] = 1920] = \"ActualDesktop\";\r\n Device[Device[\"DesktopXL\"] = 2560] = \"DesktopXL\";\r\n})(Device || (Device = {}));\r\nexport function from(size) {\r\n return `(min-width: ${size}px)`;\r\n}\r\nexport function until(size) {\r\n return `(max-width: ${size - 1}px)`;\r\n}\r\n","import { Device, from } from '@helpers/media';\r\nimport { Typography } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Standard = styled.div `\r\n ${Typography.PStyles};\r\n text-align: ${({ centreText }) => (centreText ? 'center' : 'left')};\r\n --margin: 24px;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n --margin: 44px;\r\n }\r\n\r\n h1 {\r\n ${Typography.H1Styles};\r\n margin: var(--margin) 0px;\r\n }\r\n h2 {\r\n ${Typography.H2Styles};\r\n margin: var(--margin) 0px;\r\n }\r\n h3 {\r\n ${Typography.H3Styles};\r\n margin: var(--margin) 0px;\r\n }\r\n h4 {\r\n ${Typography.H4Styles};\r\n margin: var(--margin) 0px;\r\n }\r\n p {\r\n ${Typography.PStyles};\r\n margin: var(--margin) 0px;\r\n }\r\n blockquote {\r\n ${Typography.BlockquoteStyles};\r\n margin: var(--margin) 0px;\r\n }\r\n`;\r\nexport const WYSIWYG = {\r\n Standard,\r\n};\r\n","import { fonts } from '@tti/brand-empire';\r\nimport styled, { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nconst H1Styles = css `\r\n ${fonts.helvetica['87-condensed-heavy']};\r\n font-size: 45px;\r\n line-height: 55px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 63px;\r\n line-height: 70px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 85px;\r\n line-height: 95px;\r\n }\r\n`;\r\nconst H1 = styled.h1 `\r\n ${H1Styles};\r\n`;\r\nconst H2Styles = css `\r\n ${fonts.helvetica['87-condensed-heavy']};\r\n font-size: 35px;\r\n line-height: 45px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 53px;\r\n line-height: 60px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 72px;\r\n line-height: 80px;\r\n }\r\n`;\r\nconst H2 = styled.h2 `\r\n ${H2Styles};\r\n`;\r\nconst H3Styles = css `\r\n ${fonts.helvetica['87-condensed-heavy']};\r\n font-size: 27px;\r\n line-height: 43px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 43px;\r\n line-height: 50px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 50px;\r\n line-height: 61px;\r\n }\r\n`;\r\nconst H3 = styled.h3 `\r\n ${H3Styles};\r\n`;\r\nconst H4Styles = css `\r\n ${fonts.helvetica['87-condensed-heavy']};\r\n font-size: 18px;\r\n line-height: 32px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 30px;\r\n line-height: 37px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 32px;\r\n line-height: 43px;\r\n }\r\n`;\r\nconst H4 = styled.h4 `\r\n ${H4Styles};\r\n`;\r\nconst PStyles = css `\r\n ${fonts.helvetica['57-condensed']};\r\n font-size: 16px;\r\n line-height: 26px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 17px;\r\n line-height: 27px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 19px;\r\n line-height: 29px;\r\n }\r\n`;\r\nconst P = styled.p `\r\n ${PStyles}\r\n`;\r\nconst PLargeStyles = css `\r\n ${fonts.helvetica['57-condensed']};\r\n font-size: 18px;\r\n line-height: 28px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 20px;\r\n line-height: 30px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 22px;\r\n line-height: 32px;\r\n }\r\n`;\r\nconst PSmallStyles = css `\r\n ${fonts.helvetica['57-condensed']};\r\n font-size: 14px;\r\n line-height: 24px;\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 16px;\r\n line-height: 26px;\r\n }\r\n`;\r\nconst BlockquoteStyles = css `\r\n ${fonts.helvetica['57-condensed']};\r\n font-style: italic;\r\n font-size: 18px;\r\n line-height: 28px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 20px;\r\n line-height: 30px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 22px;\r\n line-height: 32px;\r\n }\r\n`;\r\nconst Blockquote = styled.blockquote `\r\n ${BlockquoteStyles}\r\n`;\r\nexport const Typography = {\r\n H1Styles,\r\n H2Styles,\r\n H3Styles,\r\n H4Styles,\r\n PLargeStyles,\r\n PStyles,\r\n PSmallStyles,\r\n BlockquoteStyles,\r\n H1,\r\n H2,\r\n H3,\r\n H4,\r\n P,\r\n Blockquote,\r\n};\r\n","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","export var FormatMode;\r\n(function (FormatMode) {\r\n FormatMode[\"Pad\"] = \"pad\";\r\n FormatMode[\"BoxPad\"] = \"boxpad\";\r\n FormatMode[\"Crop\"] = \"crop\";\r\n FormatMode[\"Min\"] = \"min\";\r\n FormatMode[\"Max\"] = \"max\";\r\n FormatMode[\"Stretch\"] = \"stretch\";\r\n})(FormatMode || (FormatMode = {}));\r\nclass ImageTransform {\r\n constructor(imageUrl) {\r\n this._params = [];\r\n // Check if the url has an existing params and pass them into _params first\r\n const split = imageUrl.split('?');\r\n // This means it's got multiple ? in and I'm not dealing with that\r\n if (split.length > 2) {\r\n this._imageUrl = split[0];\r\n return;\r\n }\r\n // If we have a querystring\r\n if (split.length > 1) {\r\n // Split the querystring on &\r\n const queries = split[1].split('&');\r\n // Loop through and add them\r\n for (const query of queries) {\r\n this._params.push(query);\r\n }\r\n }\r\n this._imageUrl = split[0];\r\n }\r\n get url() {\r\n return `${this._imageUrl}?${this._params.join('&')}`;\r\n }\r\n addParameter(key, value) {\r\n if (this._imageUrl.length === 0) {\r\n return;\r\n }\r\n this._params.push(`${key}=${value.toString()}`);\r\n }\r\n width(width) {\r\n this.addParameter('width', width);\r\n return this;\r\n }\r\n height(height) {\r\n this.addParameter('height', height);\r\n return this;\r\n }\r\n mode(mode) {\r\n this.addParameter('mode', mode);\r\n return this;\r\n }\r\n entropyCrop() {\r\n this.addParameter('entropycrop', 1);\r\n return this;\r\n }\r\n toString() {\r\n return this.url;\r\n }\r\n}\r\nexport default ImageTransform;\r\n","import ImageTransform, { FormatMode } from './ImageTransform';\r\nexport default ImageTransform;\r\nexport { FormatMode };\r\n","import { ButtonReset } from '@helpers/global';\r\nimport { brand, fonts } from '@tti/brand-empire';\r\nimport styled, { css } from 'styled-components';\r\nexport var CTATheme;\r\n(function (CTATheme) {\r\n CTATheme[CTATheme[\"Blue\"] = 0] = \"Blue\";\r\n CTATheme[CTATheme[\"White\"] = 1] = \"White\";\r\n CTATheme[CTATheme[\"Black\"] = 2] = \"Black\";\r\n CTATheme[CTATheme[\"WhiteToBlack\"] = 3] = \"WhiteToBlack\";\r\n})(CTATheme || (CTATheme = {}));\r\nconst base = css `\r\n padding: 11px 16px;\r\n ${fonts.helvetica['87-condensed-heavy']};\r\n font-size: 22px;\r\n display: inline-block;\r\n\r\n ${({ theme }) => {\r\n switch (theme) {\r\n default:\r\n case CTATheme.Blue: {\r\n return css `\r\n border: 1px solid ${brand.blue.base};\r\n color: ${brand.white};\r\n background: ${brand.blue.base};\r\n\r\n &:hover&:not([disabled]) {\r\n background: ${brand.blue.light};\r\n }\r\n\r\n &:active&:not([disabled]) {\r\n background: ${brand.blue.dark};\r\n }\r\n `;\r\n }\r\n case CTATheme.White: {\r\n return css `\r\n border: 1px solid transparent;\r\n color: ${brand.blue.base};\r\n background: ${brand.white};\r\n\r\n &:hover&:not([disabled]) {\r\n background: ${brand.blue.base};\r\n color: ${brand.white};\r\n }\r\n\r\n &:active&:not([disabled]) {\r\n background: ${brand.blue.dark};\r\n }\r\n `;\r\n }\r\n case CTATheme.Black: {\r\n return css `\r\n border: 1px solid transparent;\r\n color: ${brand.white};\r\n background: ${brand.black};\r\n\r\n &:hover&:not([disabled]) {\r\n background: ${brand.black};\r\n color: ${brand.white};\r\n }\r\n\r\n &:active&:not([disabled]) {\r\n background: ${brand.blue.dark};\r\n }\r\n `;\r\n }\r\n case CTATheme.WhiteToBlack: {\r\n return css `\r\n border: 1px solid transparent;\r\n color: ${brand.blue.base};\r\n background: ${brand.white};\r\n\r\n &:hover&:not([disabled]) {\r\n background: ${brand.black};\r\n color: ${brand.white};\r\n }\r\n\r\n &:active&:not([disabled]) {\r\n background: ${brand.blue.dark};\r\n }\r\n `;\r\n }\r\n }\r\n}}\r\n`;\r\nconst ButtonElement = styled.button.attrs({ type: 'button' }) `\r\n ${ButtonReset};\r\n ${base};\r\n max-width: 100%;\r\n height: 100%;\r\n`;\r\nconst AnchorElement = styled.a `\r\n ${ButtonReset};\r\n ${base};\r\n max-width: 100%;\r\n height: 100%;\r\n`;\r\nexport const CTAStyles = {\r\n ButtonElement,\r\n AnchorElement,\r\n};\r\n","import { css } from 'styled-components';\r\nimport { from, Device } from './media';\r\nconst FullWidth = css `\r\n grid-column: span 12;\r\n`;\r\nconst Content = css `\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.DesktopLarge)} {\r\n grid-column: 4 / span 6;\r\n }\r\n`;\r\nconst ContentWide = css `\r\n grid-column: span 12;\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n grid-column: 3 / span 8;\r\n }\r\n`;\r\nexport default {\r\n FullWidth,\r\n Content,\r\n ContentWide,\r\n};\r\n","import { WYSIWYG } from '@stories/Elements/Content/WYSIWYG/WYSIWYG.styles';\r\nimport { CTATheme } from '@stories/Elements/Forms/CTA/CTA.styles';\r\nimport CTAAnchor from '@stories/Elements/Forms/CTA/CTAAnchor';\r\nimport ImageTransform from '@tti/image-transform';\r\nimport React, { useState } from 'react';\r\nimport { RichTextAreaStyles } from './RichTextArea.styles';\r\nimport ChevronDown from '@img/icons/chevron-down.svg';\r\nexport var RichTextAreaMarginSize;\r\n(function (RichTextAreaMarginSize) {\r\n RichTextAreaMarginSize[RichTextAreaMarginSize[\"Normal\"] = 0] = \"Normal\";\r\n RichTextAreaMarginSize[RichTextAreaMarginSize[\"Large\"] = 1] = \"Large\";\r\n})(RichTextAreaMarginSize || (RichTextAreaMarginSize = {}));\r\nexport var ContentWidth;\r\n(function (ContentWidth) {\r\n ContentWidth[ContentWidth[\"Normal\"] = 0] = \"Normal\";\r\n ContentWidth[ContentWidth[\"Wide\"] = 1] = \"Wide\";\r\n ContentWidth[ContentWidth[\"Full\"] = 2] = \"Full\";\r\n})(ContentWidth || (ContentWidth = {}));\r\nconst RichTextArea = (props) => {\r\n const [showReadMore, setShowReadMore] = useState(false);\r\n return (React.createElement(RichTextAreaStyles.Wrapper, { marginSize: props.marginSize },\r\n React.createElement(RichTextAreaStyles.Inner, { contentWidth: props.contentWidth },\r\n props.title ? (React.createElement(RichTextAreaStyles.Title, { as: props.titleAs },\r\n React.createElement(\"span\", null, props.title))) : null,\r\n React.createElement(RichTextAreaStyles.Content, null,\r\n React.createElement(WYSIWYG.Standard, { dangerouslySetInnerHTML: { __html: props.content }, centreText: true })),\r\n props.readMoreContent && props.readMoreText && props.readLessText ? (React.createElement(React.Fragment, null,\r\n React.createElement(RichTextAreaStyles.ReadMoreContentWrapper, { showReadMore: showReadMore },\r\n React.createElement(RichTextAreaStyles.Content, null,\r\n React.createElement(WYSIWYG.Standard, { dangerouslySetInnerHTML: { __html: props.readMoreContent }, centreText: true }))),\r\n React.createElement(RichTextAreaStyles.ReadMoreButtonWrapper, null,\r\n React.createElement(RichTextAreaStyles.ReadMoreButton, { showReadMore: showReadMore, onClick: () => setShowReadMore(!showReadMore) },\r\n showReadMore ? props.readLessText : props.readMoreText,\r\n \" \",\r\n React.createElement(ChevronDown, null))))) : (props.readMoreAnchor &&\r\n props.readMoreText && (React.createElement(RichTextAreaStyles.ReadMoreButtonWrapper, null,\r\n React.createElement(RichTextAreaStyles.ReadMoreButton, { as: \"a\", href: props.readMoreAnchor },\r\n props.readMoreText,\r\n \" \",\r\n React.createElement(ChevronDown, null))))),\r\n props.logo ? (React.createElement(RichTextAreaStyles.LogoWrapper, null,\r\n React.createElement(RichTextAreaStyles.Logo, { src: new ImageTransform(props.logo.src).width(400).url, alt: props.logo.alt, loading: \"eager\" }))) : null,\r\n props.ctaLink && props.ctaText ? (React.createElement(RichTextAreaStyles.CTA, null,\r\n React.createElement(CTAAnchor, { text: props.ctaText, href: props.ctaLink, theme: CTATheme.Blue }))) : null)));\r\n};\r\nexport default RichTextArea;\r\n","import columns from '@helpers/columns';\r\nimport grids from '@helpers/grids';\r\nimport { Device, from } from '@helpers/media';\r\nimport { Typography } from '@helpers/typography';\r\nimport { CTAStyles } from '@stories/Elements/Forms/CTA/CTA.styles';\r\nimport { brand } from '@tti/brand-empire';\r\nimport styled, { css } from 'styled-components';\r\nimport { RichTextAreaMarginSize, ContentWidth } from './RichTextArea';\r\nconst Wrapper = styled.section `\r\n ${grids.Default};\r\n\r\n ${({ marginSize }) => {\r\n switch (marginSize) {\r\n default:\r\n case RichTextAreaMarginSize.Normal:\r\n return css `\r\n --margin: 40px;\r\n `;\r\n case RichTextAreaMarginSize.Large:\r\n return css `\r\n --margin: 80px;\r\n `;\r\n }\r\n}}\r\n\r\n margin-top: var(--margin);\r\n margin-bottom: var(--margin);\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-top: calc(var(--margin) * 2);\r\n margin-bottom: calc(var(--margin) * 2);\r\n }\r\n`;\r\nconst Inner = styled.div `\r\n ${({ contentWidth }) => {\r\n switch (contentWidth) {\r\n default:\r\n case ContentWidth.Normal:\r\n return css `\r\n ${columns.Content};\r\n `;\r\n case ContentWidth.Wide:\r\n return css `\r\n ${columns.ContentWide};\r\n `;\r\n case ContentWidth.Full:\r\n return css `\r\n ${columns.FullWidth};\r\n `;\r\n }\r\n}}\r\n\r\n text-align: center;\r\n`;\r\nconst Title = styled.h1 `\r\n &:is(h1) {\r\n ${Typography.H2Styles};\r\n }\r\n\r\n &:is(h2) {\r\n ${Typography.H3Styles};\r\n font-size: 25px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n font-size: 32px;\r\n line-height: 37px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n font-size: 40px;\r\n line-height: 48px;\r\n }\r\n }\r\n\r\n text-align: center;\r\n margin-bottom: 32px;\r\n color: ${brand.blue.base};\r\n overflow: hidden;\r\n\r\n @media ${from(Device.Tablet)} {\r\n margin-bottom: 38px;\r\n }\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n margin-bottom: 42px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n margin-bottom: 48px;\r\n }\r\n`;\r\nconst Content = styled.div ``;\r\nconst LogoWrapper = styled.div `\r\n position: relative;\r\n overflow: hidden;\r\n\r\n &:before {\r\n position: absolute;\r\n z-index: -1;\r\n content: '';\r\n top: 50%;\r\n margin-top: -1px;\r\n left: 0;\r\n right: 0;\r\n width: 100%;\r\n height: 2px;\r\n background: ${brand.blue.base};\r\n margin-top: 32px;\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n margin-top: -2px;\r\n height: 4px;\r\n }\r\n }\r\n\r\n + ${CTAStyles.AnchorElement} {\r\n margin-top: 40px;\r\n }\r\n`;\r\nconst Logo = styled.img `\r\n background-color: ${brand.white};\r\n padding: 0 8px;\r\n display: inline-block;\r\n max-width: calc(100% - 140px);\r\n\r\n @media ${from(Device.MobileLarge)} {\r\n max-width: 320px;\r\n }\r\n\r\n @media ${from(Device.Tablet)} {\r\n max-width: 400px;\r\n }\r\n`;\r\nconst CTA = styled.div `\r\n overflow: hidden;\r\n`;\r\nconst ReadMoreContentWrapper = styled.div `\r\n ${({ showReadMore }) => showReadMore\r\n ? css `\r\n display: block;\r\n `\r\n : css `\r\n display: none;\r\n `}\r\n`;\r\nconst ReadMoreButtonWrapper = styled.div `\r\n display: flex;\r\n justify-content: center;\r\n margin: 8px 0px 24px;\r\n`;\r\nconst ReadMoreButton = styled.div `\r\n ${Typography.PStyles};\r\n font-weight: 700;\r\n color: ${brand.blue.base};\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n\r\n svg {\r\n margin-left: 5px;\r\n width: 18px;\r\n height: 9px;\r\n color: ${brand.blue.base};\r\n }\r\n\r\n ${({ showReadMore }) => showReadMore\r\n ? css `\r\n svg {\r\n transform: rotate(-180deg);\r\n }\r\n `\r\n : null}\r\n`;\r\nexport const RichTextAreaStyles = {\r\n Wrapper,\r\n Inner,\r\n Title,\r\n Content,\r\n LogoWrapper,\r\n Logo,\r\n CTA,\r\n ReadMoreContentWrapper,\r\n ReadMoreButtonWrapper,\r\n ReadMoreButton,\r\n};\r\n","import React from 'react';\r\nimport { CTAStyles, CTATheme } from './CTA.styles';\r\nimport { Textfit } from 'react-textfit';\r\nconst CTAAnchor = ({ text, href, theme = CTATheme.Blue, target, inView = true }) => {\r\n return (React.createElement(CTAStyles.AnchorElement, { theme: theme, href: href, target: target }, inView && (React.createElement(Textfit, { mode: \"single\", max: 22 }, text))));\r\n};\r\nexport default CTAAnchor;\r\n","import { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nconst base = css `\r\n display: grid;\r\n grid-gap: 16px;\r\n width: 100%;\r\n grid-template-columns: repeat(12, 1fr);\r\n`;\r\nconst baseFixed = css `\r\n display: grid;\r\n grid-gap: 16px;\r\n width: 100%;\r\n // 78px being the width of one column at 375 of the base grid above\r\n grid-auto-columns: 78px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n // 117px being the width of one column at 1920 of the base grid above\r\n grid-auto-columns: 117px;\r\n }\r\n`;\r\nexport const SitePadding = css `\r\n padding-left: 18px;\r\n padding-right: 18px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n padding-left: 40px;\r\n padding-right: 40px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n padding-left: 70px;\r\n padding-right: 70px;\r\n }\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n padding-left: 130px;\r\n padding-right: 130px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n padding-left: 170px;\r\n padding-right: 170px;\r\n }\r\n`;\r\nconst SitePaddingBreakoutLeft = css `\r\n left: 0;\r\n right: 0px;\r\n grid-column: span 12;\r\n margin-left: -18px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n margin-left: -40px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-left: -70px;\r\n }\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n margin-left: -130px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n margin-left: -170px;\r\n }\r\n`;\r\nconst SitePaddingBreakoutRight = css `\r\n left: 0;\r\n right: 0px;\r\n grid-column: span 12;\r\n margin-right: -18px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n margin-right: -40px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-right: -70px;\r\n }\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n margin-right: -130px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n margin-right: -170px;\r\n }\r\n`;\r\nconst SitePaddingBreakout = css `\r\n left: 0;\r\n right: 0px;\r\n grid-column: span 12;\r\n margin-left: -18px;\r\n margin-right: -18px;\r\n\r\n @media ${from(Device.Tablet)} {\r\n margin-left: -40px;\r\n margin-right: -40px;\r\n }\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n margin-left: -70px;\r\n margin-right: -70px;\r\n }\r\n\r\n @media ${from(Device.DesktopSmall)} {\r\n margin-left: -130px;\r\n margin-right: -130px;\r\n }\r\n\r\n @media ${from(Device.DesktopLarge)} {\r\n margin-left: -170px;\r\n margin-right: -170px;\r\n }\r\n`;\r\nconst Default = css `\r\n ${base};\r\n ${SitePadding};\r\n`;\r\nconst Fixed = css `\r\n ${baseFixed};\r\n`;\r\nexport default {\r\n Default,\r\n Fixed,\r\n SitePaddingBreakout,\r\n SitePaddingBreakoutLeft,\r\n SitePaddingBreakoutRight,\r\n base,\r\n};\r\n","import React from \"react\";\nexport default (({\n styles = {},\n ...props\n}) => );"],"sourceRoot":""}