{"version":3,"sources":["webpack:///./src/stories/Widgets/RichText/RichText.styles.ts","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.tsx","webpack:///./src/stories/Widgets/RichText/RichText.tsx","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.styles.ts","webpack:///./src/helpers/animation.ts","webpack:///./src/stories/Components/Buttons/ButtonShared.styles.ts"],"names":["linkStyles","css","cssVar","fonts","sourceSansPro","regular","tableStyles","ParagraphStyles","RegularStyles","contentStyles","HeadingStyles","H1Styles","H2Styles","H3Styles","H4Styles","H5Styles","H6Styles","SmallStyles","from","Device","Desktop","bold","UnorderedListStyles","LiStyles","semiBoldItalic","TabletLarge","semiBold","Container","styled","SectionWrapper","setCssVar","brand","hta","green","greenDark","purple","greyLight","black","apl","greenAlt","greenLight","hortHouse","white","orange","rss","grey","isActive","fadeIn","animation","easeInOutCubic","hasBackground","LinkButtonStyles","Button","ContentBlock","div","align","Content","leadParagraphWide","leadParagraphBold","LargeStyles","LinkButton","className","icon","themeOption","title","otherProps","iconComponent","React","createElement","SBS","as","href","undefined","S","RichText","content","width","longCta","cta","flush","innerWidth","dangerouslySetInnerHTML","__html","text","url","target","a","sharedButtonStyles","buttonTheme","bgColor","htaRebrand","borderColor","fgColor","rgba","greenLightAlt","greenBright","inView","threshold","rootMargin","earlyRootMargin","globalThreshold","animate","duration","delay","easingFunc","transition","properties","timing","theme","Icon","MobileLarge","span","Tablet","Text"],"mappings":"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","file":"RichText-4c591e15cd557513e351.js","sourcesContent":["import animation, { fadeIn } from '@helpers/animation';\r\nimport brand from '@helpers/brand';\r\nimport { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport LinkButtonStyles from '@stories/Components/Buttons/LinkButton/LinkButton.styles';\r\nimport HeadingStyles from '@stories/Components/Global/Typography/Heading.styles';\r\nimport ParagraphStyles from '@stories/Components/Global/Typography/Paragraph.styles';\r\nimport UnorderedListStyles from '@stories/Components/Global/Typography/UnorderedList.styles';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport styled, { css } from 'styled-components';\r\nconst linkStyles = css `\r\n  background-color: transparent;\r\n  background-image: linear-gradient(\r\n    to right,\r\n    ${cssVar('accentColor')} 0%,\r\n    ${cssVar('accentColor')} 100%\r\n  );\r\n  background-repeat: no-repeat;\r\n  background-size: 0% 100%;\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.sourceSansPro.regular};\r\n  margin: -3px;\r\n  padding: 3px;\r\n  text-decoration: underline;\r\n  text-underline-position: under;\r\n  transition: background-size 0.15s ease-out;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    background-size: 100% 100%;\r\n  }\r\n`;\r\nconst tableStyles = css `\r\n  margin: 0 0 16px;\r\n\r\n  th,\r\n  td {\r\n    border: 1px solid ${cssVar('fgColor')};\r\n    color: ${cssVar('fgColor')};\r\n    ${ParagraphStyles.RegularStyles};\r\n    height: auto !important; // override inline height - no point this being content editable.\r\n    margin: 0;\r\n    padding: 8px 16px;\r\n  }\r\n`;\r\nconst contentStyles = css `\r\n  color: ${cssVar('fgColor')};\r\n  ${fonts.sourceSansPro.regular};\r\n\r\n  h1 {\r\n    ${HeadingStyles.H1Styles};\r\n  }\r\n\r\n  h2 {\r\n    ${HeadingStyles.H2Styles};\r\n  }\r\n\r\n  h3 {\r\n    ${HeadingStyles.H3Styles};\r\n  }\r\n\r\n  h4 {\r\n    ${HeadingStyles.H4Styles};\r\n  }\r\n\r\n  h5 {\r\n    ${HeadingStyles.H5Styles};\r\n  }\r\n\r\n  h6 {\r\n    ${HeadingStyles.H6Styles};\r\n  }\r\n\r\n  p {\r\n    ${ParagraphStyles.RegularStyles};\r\n\r\n    .theme-rss & {\r\n      ${ParagraphStyles.SmallStyles};\r\n\r\n      @media ${from(Device.Desktop)} {\r\n        font-size: 20px;\r\n      }\r\n    }\r\n  }\r\n\r\n  strong {\r\n    ${fonts.sourceSansPro.bold};\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    display: block;\r\n    ${ParagraphStyles.RegularStyles};\r\n    padding: 0 0 0 40px;\r\n  }\r\n\r\n  ol {\r\n    list-style: decimal;\r\n\r\n    li {\r\n      display: list-item;\r\n    }\r\n  }\r\n\r\n  ul {\r\n    padding-left: 0;\r\n\r\n    li {\r\n      ${UnorderedListStyles.LiStyles};\r\n      display: list-item;\r\n    }\r\n  }\r\n\r\n  a {\r\n    ${linkStyles};\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n\r\n  table {\r\n    ${tableStyles};\r\n  }\r\n\r\n  hr {\r\n    margin: 16px 0;\r\n  }\r\n\r\n  sup {\r\n    position: relative;\r\n    top: -0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  sub {\r\n    position: relative;\r\n    top: 0.5em;\r\n    font-size: 80%;\r\n  }\r\n\r\n  blockquote {\r\n    ${fonts.sourceSansPro.semiBoldItalic};\r\n    font-size: 18px;\r\n    line-height: 28px;\r\n    margin: 20px 0;\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      font-size: 26px;\r\n      line-height: 36px;\r\n    }\r\n  }\r\n\r\n  cite {\r\n    ${fonts.sourceSansPro.semiBold};\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n    font-style: normal;\r\n    color: ${cssVar('accentColorAlt')};\r\n\r\n    @media ${from(Device.TabletLarge)} {\r\n      font-size: 18px;\r\n      line-height: 28px;\r\n    }\r\n  }\r\n\r\n  .primary-colour {\r\n    color: ${cssVar('accentColor')};\r\n  }\r\n\r\n  .secondary-colour {\r\n    color: ${cssVar('accentColor2')};\r\n  }\r\n\r\n  span {\r\n    display: inline;\r\n  }\r\n`;\r\nconst Container = styled(SectionWrapper) `\r\n  ${setCssVar('accentColor', brand.hta.green)};\r\n  ${setCssVar('accentColorAlt', brand.hta.greenDark)};\r\n  ${setCssVar('accentColor2', brand.hta.purple)};\r\n  ${setCssVar('bgColor', brand.greyLight)};\r\n  ${setCssVar('fgColor', brand.black)};\r\n\r\n  .theme-apl & {\r\n    ${setCssVar('accentColor', brand.apl.green)};\r\n    ${setCssVar('accentColorAlt', brand.apl.greenAlt)};\r\n    ${setCssVar('accentColor2', brand.apl.greenLight)};\r\n    ${setCssVar('fgColor', brand.black)};\r\n  }\r\n\r\n  .theme-hh & {\r\n    ${setCssVar('accentColor', brand.hortHouse.green)};\r\n    ${setCssVar('accentColorAlt', brand.white)};\r\n    ${setCssVar('accentColor2', brand.hortHouse.orange)};\r\n    ${setCssVar('fgColor', brand.white)};\r\n  }\r\n\r\n  .theme-rss & {\r\n    ${setCssVar('accentColor', brand.rss.greenDark)};\r\n    ${setCssVar('accentColor2', brand.rss.greenLight)};\r\n    ${setCssVar('bgColor', brand.rss.grey)};\r\n    ${setCssVar('fgColor', brand.white)};\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    opacity: 0;\r\n\r\n    ${({ isActive }) => isActive &&\r\n    css `\r\n        ${fadeIn(isActive, 375, 0, animation.easeInOutCubic)};\r\n      `}\r\n  }\r\n\r\n  ${({ hasBackground }) => hasBackground &&\r\n    css `\r\n      padding: 50px 0;\r\n      background-color: ${cssVar('bgColor')};\r\n\r\n      @media ${from(Device.TabletLarge)} {\r\n        padding: 100px 0;\r\n      }\r\n    `}\r\n\r\n  &[data-long-cta='true'] {\r\n    ${LinkButtonStyles.Button} {\r\n      width: 100%;\r\n    }\r\n  }\r\n\r\n  ${LinkButtonStyles.Button} {\r\n    margin: 30px 0;\r\n  }\r\n`;\r\nconst ContentBlock = styled.div `\r\n  margin: 0;\r\n  width: 100%;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    max-width: 800px;\r\n  }\r\n\r\n  ${({ align }) => align === 'center' &&\r\n    css `\r\n      margin: 0 auto;\r\n    `}\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles}\r\n\r\n  h1,\r\n  h2,\r\n  h3,\r\n  h4,\r\n  h5,\r\n  h6 {\r\n    ${fonts.sourceSansPro.semiBold};\r\n  }\r\n\r\n  ${({ align }) => align === 'center' &&\r\n    css `\r\n      text-align: center;\r\n      margin: 0 auto;\r\n    `}\r\n\r\n  ${({ align }) => align === 'left' &&\r\n    css `\r\n      text-align: left;\r\n\r\n      h3 {\r\n        @media ${from(Device.TabletLarge)} {\r\n          width: 125%;\r\n          max-width: 950px;\r\n        }\r\n      }\r\n    `}\r\n\r\n  ${({ leadParagraphWide, align }) => leadParagraphWide &&\r\n    align === 'left' &&\r\n    css `\r\n      @media ${from(Device.TabletLarge)} {\r\n        p:first-of-type {\r\n          width: 125%;\r\n          max-width: 950px;\r\n        }\r\n      }\r\n    `}\r\n\r\n    ${({ leadParagraphBold }) => leadParagraphBold &&\r\n    css `\r\n      p:first-of-type {\r\n        ${ParagraphStyles.LargeStyles};\r\n        ${fonts.sourceSansPro.semiBold};\r\n      }\r\n    `}\r\n`;\r\nexport default {\r\n    Container,\r\n    Content,\r\n    ContentBlock,\r\n    contentStyles,\r\n    linkStyles,\r\n};\r\n","import React from 'react';\r\nimport * as SBS from '../ButtonShared.styles';\r\nimport S from './LinkButton.styles';\r\nconst LinkButton = ({ className, icon, themeOption = 'green', title, ...otherProps }) => {\r\n    let iconComponent;\r\n    if (typeof icon === 'string') {\r\n        iconComponent = (React.createElement(SBS.Icon, { as: \"svg\", \"aria-label\": title },\r\n            React.createElement(\"use\", { href: icon })));\r\n    }\r\n    else if (typeof icon !== 'undefined') {\r\n        iconComponent = React.createElement(SBS.Icon, { as: icon, \"aria-label\": title });\r\n    }\r\n    else {\r\n        iconComponent = undefined;\r\n    }\r\n    return (React.createElement(S.Button, { className: className, themeOption: themeOption, ...otherProps },\r\n        React.createElement(SBS.Text, null, title),\r\n        iconComponent));\r\n};\r\nexport default LinkButton;\r\n","import LinkButton from '@stories/Components/Buttons/LinkButton/LinkButton';\r\nimport React from 'react';\r\nimport S from './RichText.styles';\r\nconst RichText = ({ align, content, leadParagraphWide = false, leadParagraphBold = false, width = 'narrow', longCta, cta, hasBackground = false, flush = 'none', }) => {\r\n    return (React.createElement(S.Container, { isActive: true, innerWidth: width, hasBackground: hasBackground, flush: flush, \"data-long-cta\": longCta },\r\n        React.createElement(S.ContentBlock, { align: align },\r\n            React.createElement(S.Content, { align: align, dangerouslySetInnerHTML: { __html: content }, leadParagraphWide: leadParagraphWide, leadParagraphBold: leadParagraphBold }),\r\n            cta?.text && (React.createElement(LinkButton, { themeOption: cta?.themeOption, href: cta?.url, target: cta?.target, title: cta?.text })))));\r\n};\r\nexport default RichText;\r\n","import brand from '@helpers/brand';\r\nimport { rgba } from 'polished';\r\nimport styled, { css } from 'styled-components';\r\nimport { buttonTheme, sharedButtonStyles } from '../ButtonShared.styles';\r\nconst Button = styled.a `\r\n  ${sharedButtonStyles};\r\n\r\n  ${({ themeOption }) => themeOption === 'green' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.htaRebrand.green,\r\n        borderColor: brand.htaRebrand.green,\r\n        fgColor: brand.white,\r\n    })}\r\n\r\n      .theme-hh & {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenAlt,\r\n        borderColor: brand.htaRebrand.greenAlt,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenLight,\r\n        borderColor: brand.htaRebrand.greenLight,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n\r\n      &:active {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenDark,\r\n        borderColor: brand.htaRebrand.greenDark,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'greenOriginal' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.hta.green,\r\n        borderColor: brand.hta.green,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.hta.greenLight,\r\n        borderColor: brand.hta.greenLight,\r\n        fgColor: brand.black,\r\n    })}\r\n      }\r\n\r\n      &:active {\r\n        ${buttonTheme({\r\n        bgColor: brand.hta.greenDark,\r\n        borderColor: brand.hta.greenDark,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'greenOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: rgba(brand.hta.green, 0),\r\n        borderColor: brand.htaRebrand.green,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenLightAlt,\r\n        borderColor: brand.htaRebrand.green,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n\r\n      &:active {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenDark,\r\n        borderColor: brand.htaRebrand.greenAlt,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'greenLightOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.white,\r\n        borderColor: brand.htaRebrand.greenBright,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenLightAlt,\r\n        borderColor: brand.htaRebrand.greenBright,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n\r\n      &:active {\r\n        ${buttonTheme({\r\n        bgColor: brand.htaRebrand.greenDark,\r\n        borderColor: brand.htaRebrand.greenBright,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'aplGreen' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.apl.green,\r\n        borderColor: brand.apl.green,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.apl.greenLight,\r\n        borderColor: brand.apl.greenLight,\r\n        fgColor: brand.black,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'aplGreenOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: rgba(brand.apl.green, 0),\r\n        borderColor: brand.apl.green,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: brand.apl.greenLight,\r\n        borderColor: brand.apl.green,\r\n        fgColor: brand.black,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'white' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: brand.white,\r\n        borderColor: brand.white,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: '#383838',\r\n        borderColor: brand.white,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n  ${({ themeOption }) => themeOption === 'whiteOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: rgba('#383838', 0),\r\n        borderColor: brand.white,\r\n        fgColor: brand.white,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: '#383838',\r\n        borderColor: brand.white,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n\r\n    ${({ themeOption }) => themeOption === 'blackOutline' &&\r\n    css `\r\n      ${buttonTheme({\r\n        bgColor: rgba('#383838', 0),\r\n        borderColor: brand.black,\r\n        fgColor: brand.black,\r\n    })}\r\n\r\n      &:focus,\r\n      &:hover {\r\n        ${buttonTheme({\r\n        bgColor: '#383838',\r\n        borderColor: brand.black,\r\n        fgColor: brand.white,\r\n    })}\r\n      }\r\n    `}\r\n`;\r\nexport default {\r\n    Button,\r\n};\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    inView: {\r\n        threshold: 0.25,\r\n        rootMargin: '0px 0px -25% 0px',\r\n        earlyRootMargin: '0px 0px -10% 0px',\r\n    },\r\n    globalThreshold: 0.25,\r\n    easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1)',\r\n};\r\nexport const slideInUpInitial = css `\r\n  > span {\r\n    opacity: 0;\r\n    transform: translateY(100%);\r\n  }\r\n`;\r\nexport function slideInUp(animate, duration, delay, easingFunc) {\r\n    return css `\r\n    overflow: hidden;\r\n\r\n    > span {\r\n      display: inline-block;\r\n      transition: transform ${duration}ms ${delay}ms ${easingFunc},\r\n        opacity ${duration}ms ${delay}ms ${easingFunc};\r\n    }\r\n\r\n    ${animate\r\n        ? css `\r\n          > span {\r\n            opacity: 1;\r\n            transform: translateY(0px);\r\n          }\r\n        `\r\n        : css `\r\n          ${slideInUpInitial};\r\n        `}\r\n  `;\r\n}\r\nexport function fadeInUp(animate, amount, duration, delay, easingFunc) {\r\n    return css `\r\n    transition: transform ${duration}ms ${delay}ms ${easingFunc},\r\n      opacity ${duration}ms ${delay}ms ${easingFunc};\r\n\r\n    ${animate\r\n        ? css `\r\n          opacity: 1;\r\n          transform: translateY(0px);\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n          transform: translateY(${amount}px);\r\n        `}\r\n  `;\r\n}\r\nexport function fadeIn(animate, duration, delay, easingFunc) {\r\n    return css `\r\n    transition: opacity ${duration}ms ${delay}ms ${easingFunc};\r\n\r\n    ${animate\r\n        ? css `\r\n          opacity: 1;\r\n        `\r\n        : css `\r\n          opacity: 0;\r\n        `}\r\n  `;\r\n}\r\nexport const cubicEaseOut = `cubic-bezier(0.215, 0.61, 0.355, 1)`;\r\nexport const transition = (properties, duration = 0.35, timing = cubicEaseOut) => css `\r\n    transition-duration: ${typeof duration === 'string' ? duration : `${duration}s`};\r\n    transition-property: ${properties};\r\n    transition-timing-function: ${timing};\r\n    will-change: ${properties};\r\n  `;\r\n","import fonts from '@helpers/fonts';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled, { css } from 'styled-components';\r\nexport function buttonTheme(theme) {\r\n    const value = css `\r\n    ${theme.bgColor &&\r\n        css `\r\n      --buttonBgColor: ${theme.bgColor};\r\n    `}\r\n\r\n    ${theme.borderColor &&\r\n        css `\r\n      --buttonBorderColor: ${theme.borderColor};\r\n    `}\r\n\r\n    ${theme.fgColor &&\r\n        css `\r\n      --buttonColor: ${theme.fgColor};\r\n    `}\r\n  `;\r\n    return value;\r\n}\r\nexport const sharedButtonStyles = css `\r\n  display: inline-flex;\r\n  align-items: center;\r\n  border: 0;\r\n  background-color: var(--buttonBgColor);\r\n  border: 1px solid var(--buttonBorderColor);\r\n  border-radius: 8px;\r\n  color: var(--buttonColor);\r\n  height: 48px;\r\n  justify-content: flex-start;\r\n  margin: 0;\r\n  outline: none;\r\n  padding: 0 14px;\r\n  place-content: center;\r\n  place-items: center;\r\n  text-decoration: none;\r\n  transition: background-color 0.15s ease-out, background-size 0.15s ease-out,\r\n    border-color 0.15s ease-out, color 0.15s ease-out, opacity 0.15s ease-out,\r\n    transform 0.15s ease-out;\r\n  user-select: none;\r\n  width: auto;\r\n\r\n  &:disabled {\r\n    opacity: 0.5;\r\n  }\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  ${() => Icon} {\r\n    margin-left: 12px;\r\n  }\r\n\r\n  @media ${from(Device.MobileLarge)} {\r\n    min-width: 150px;\r\n    padding: 0 24px;\r\n  }\r\n`;\r\nexport const Icon = styled.span `\r\n  display: block;\r\n  height: 20px;\r\n  width: 20px;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    height: 24px;\r\n    width: 24px;\r\n  }\r\n`;\r\nexport const Text = styled.span `\r\n  color: currentColor;\r\n  ${fonts.sourceSansPro.semiBold};\r\n  font-size: 18px;\r\n  line-height: 25px;\r\n`;\r\n"],"sourceRoot":""}