{"version":3,"sources":["webpack:///./src/stories/Widgets/RichText/RichText.styles.ts","webpack:///./src/stories/Components/Buttons/LinkButton/LinkButton.tsx","webpack:///./src/stories/Widgets/GatedContent/GatedContent.styles.ts","webpack:///./src/stories/Widgets/GatedContent/GatedContent.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","Inner","Title","h2","until","Tablet","RichTextStyles","Cta1","buttonTheme","bgColor","borderColor","fgColor","Cta2","a","SummaryArea","SummaryGrid","SummaryColumn","GatedContent","cta1","cta2","content","summary","Fragment","padding","dangerouslySetInnerHTML","__html","accessibleText","url","target","text","sharedButtonStyles","htaRebrand","rgba","greenLightAlt","greenBright","inView","threshold","rootMargin","earlyRootMargin","globalThreshold","animate","duration","delay","easingFunc","transition","properties","timing","theme","Icon","MobileLarge","span","Text"],"mappings":"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","file":"GatedContent-4c2a9e7317eda1b17e5a.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 brand from '@helpers/brand';\r\nimport { cssVar, setCssVar } from '@helpers/cssVar';\r\nimport { Device, from, until } from '@helpers/media';\r\nimport { buttonTheme } from '@stories/Components/Buttons/ButtonShared.styles';\r\nimport LinkButton from '@stories/Components/Buttons/LinkButton/LinkButton';\r\nimport HeadingStyles from '@stories/Components/Global/Typography/Heading.styles';\r\nimport ParagraphStyles from '@stories/Components/Global/Typography/Paragraph.styles';\r\nimport SectionWrapper from '@stories/Components/SectionWrapper/SectionWrapper';\r\nimport styled from 'styled-components';\r\nimport RichTextStyles from '../RichText/RichText.styles';\r\nconst Container = styled(SectionWrapper) `\r\n  ${setCssVar('bgColor', brand.hta.greenDark)};\r\n  ${setCssVar('fgColor', brand.white)};\r\n\r\n  background: ${cssVar('bgColor')};\r\n  color: ${cssVar('fgColor')};\r\n  text-align: center;\r\n\r\n  .theme-apl & {\r\n    ${setCssVar('bgColor', brand.black)};\r\n    ${setCssVar('fgColor', brand.white)};\r\n  }\r\n\r\n  .theme-hh & {\r\n    ${setCssVar('bgColor', brand.hortHouse.greenDark)};\r\n    ${setCssVar('fgColor', brand.white)};\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  display: flex;\r\n  align-items: center;\r\n  flex-direction: column;\r\n`;\r\nconst Title = styled.h2 `\r\n  ${HeadingStyles.H4Styles};\r\n  margin: 0 0 16px;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    font-size: 20px;\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${RichTextStyles.contentStyles};\r\n  margin: 0 0 48px;\r\n\r\n  p {\r\n    @media ${until(Device.Tablet)} {\r\n      font-size: 18px;\r\n    }\r\n  }\r\n`;\r\nconst Cta1 = styled(LinkButton) `\r\n  margin: 0;\r\n\r\n  .theme-hta & {\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.green,\r\n    borderColor: brand.hta.green,\r\n    fgColor: brand.black,\r\n})}\r\n    }\r\n  }\r\n`;\r\nconst Cta2 = styled.a `\r\n  display: block;\r\n  color: currentColor;\r\n  ${ParagraphStyles.SmallStyles};\r\n  margin: 32px 0 0;\r\n  text-decoration: none;\r\n\r\n  @media ${until(Device.Tablet)} {\r\n    font-size: 18px;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    text-decoration: underline;\r\n  }\r\n`;\r\nconst SummaryArea = styled(SectionWrapper) ``;\r\nconst SummaryGrid = styled.div `\r\n  display: grid;\r\n  grid-template-columns: repeat(12, 1fr);\r\n`;\r\nconst SummaryColumn = styled.div `\r\n  grid-column: 1 / 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.TabletLarge)} {\r\n    grid-column: 4 / span 6;\r\n  }\r\n\r\n  ${Content} {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\nexport default {\r\n    Container,\r\n    Content,\r\n    Cta1,\r\n    Cta2,\r\n    Inner,\r\n    SummaryArea,\r\n    SummaryColumn,\r\n    SummaryGrid,\r\n    Title,\r\n};\r\n","import React from 'react';\r\nimport S from './GatedContent.styles';\r\nconst GatedContent = ({ cta1, cta2, content, summary, title }) => {\r\n    return (React.createElement(React.Fragment, null,\r\n        summary &&\r\n            React.createElement(S.SummaryArea, { padding: true },\r\n                React.createElement(S.SummaryGrid, null,\r\n                    React.createElement(S.SummaryColumn, null,\r\n                        React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: summary } })))),\r\n        React.createElement(S.Container, { padding: true },\r\n            React.createElement(S.Inner, null,\r\n                React.createElement(S.Title, null, title),\r\n                React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: content } }),\r\n                React.createElement(S.Cta1, { \"aria-label\": cta1.accessibleText, href: cta1.url, target: cta1.target, themeOption: cta1.themeOption, title: cta1.text }),\r\n                cta2 && (React.createElement(S.Cta2, { \"aria-label\": cta2.accessibleText, href: cta2.url, target: cta2.target }, cta2.text))))));\r\n};\r\nexport default GatedContent;\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":""}