{"version":3,"file":"4205-9cb848b3c0aef6f1d411.js","mappings":"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","sources":["webpack://hyve/./src/helpers/brand.ts","webpack://hyve/./src/helpers/fluid.ts","webpack://hyve/./src/helpers/grid.ts","webpack://hyve/./src/helpers/media.ts","webpack://hyve/./src/helpers/typography.ts","webpack://hyve/./src/hoc/withBaseProps.tsx","webpack://hyve/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://hyve/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://hyve/./src/stories/Widgets/RichText/RichText.styles.ts","webpack://hyve/./src/stories/Widgets/RichText/RichText.tsx"],"sourcesContent":["import { hsl } from 'polished';\r\nexport default {\r\n    /** Hex: #333333 */\r\n    black: '#333333',\r\n    /** Hex: #000 */\r\n    fullBlack: '#000',\r\n    /** Hex: #fff */\r\n    white: '#fff',\r\n    primary: {\r\n        /** Hex: #FF1932 */\r\n        red: '#FF1932',\r\n        /** Hex: #D1D2D3 */\r\n        grey: '#D1D2D3',\r\n    },\r\n    secondary: {\r\n        /** Hex: #E6054B */\r\n        red1: '#E6054B',\r\n        /** Hex: #D20037 */\r\n        red2: '#D20037',\r\n        /** Hex: #B42855 */\r\n        red3: '#B42855',\r\n        /** Hex: #A00037 */\r\n        red4: '#A00037',\r\n        /** Hex: #87284B */\r\n        red5: '#87284B',\r\n    },\r\n    buff: {\r\n        /** Hex: #FEEFE0 */\r\n        buff1: '#FEEFE0',\r\n        /** Hex: #FFFFE6 */\r\n        buff2: '#FFFFE6',\r\n        /** Hex: #FFEBDC */\r\n        buff3: '#FFEBDC',\r\n        /** Hex: #FFB9A0 */\r\n        buff4: '#FFB9A0',\r\n    },\r\n    tertiary: {\r\n        /** Hex: #0476DC */\r\n        blue: '#0476DC',\r\n        /** Hex: #F4F6F8 */\r\n        buff: '#F4F6F8',\r\n        /** Hex: #509E7D */\r\n        green: '#509E7D',\r\n        /** Hex: #F1749B */\r\n        pink: '#F1749B',\r\n        /** Hex: #E3ACBB */\r\n        pinkAlt: '#E3ACBB',\r\n        /** Hex: #1F1031 */\r\n        purple: '#1F1031',\r\n        /** Hex: #593B91 */\r\n        lightPurple: '#593B91',\r\n    },\r\n    theme: {\r\n        /** Hex: #0476DC */\r\n        blue: '#F4F6F8',\r\n        /** Hex: #F4F6F8 */\r\n        orange: '#FEEFE0',\r\n        /** Hex: #509E7D */\r\n        green: '#F1F7F5',\r\n        /** Hex: #F1749B */\r\n        pink: '#FAEEF1',\r\n    },\r\n    validation: {\r\n        /** Hex: #DA291C */\r\n        invalid: '#DA291C',\r\n        /** Hex: #DA291C */\r\n        valid: '#008C15',\r\n    },\r\n    grey: {\r\n        /** Hex: #222222 */\r\n        grey13: hsl(0, 0, 0.13),\r\n        /** Hex: #585858 */\r\n        grey20: hsl(0, 0, 0.2),\r\n        /** Hex: #585858 */\r\n        grey35: hsl(0, 0, 0.35),\r\n        /** Hex: #666666 */\r\n        grey40: hsl(0, 0, 0.4),\r\n        /** Hex: #707070 */\r\n        grey44: hsl(0, 0, 0.44),\r\n        /** Hex: #999999 */\r\n        grey60: hsl(0, 0, 0.6),\r\n        /** Hex: #CCCCCC */\r\n        grey80: hsl(0, 0, 0.8),\r\n        /** Hex: #E5E5E5 */\r\n        grey90: hsl(0, 0, 0.9),\r\n        /** Hex: #F0F0F0 */\r\n        grey94: hsl(0, 0, 0.94),\r\n        /** Hex: #F7F7F7 */\r\n        grey97: hsl(0, 0, 0.97),\r\n    },\r\n};\r\n","import { Device } from './media';\r\n/**\r\n * Base pixel value for the \"rem\" unit.\r\n */\r\nexport const PIXELS_PER_REM = 16;\r\n/**\r\n * Default pixel value for the min width.\r\n */\r\nexport const DEFAULT_MIN_VALUE = Device.TabletSmall;\r\n/**\r\n * Default pixel value for the max width.\r\n */\r\nexport const DEFAULT_MAX_VALUE = Device.ActualDesktop;\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluid(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = min / PIXELS_PER_REM;\r\n    const maxRem = max / PIXELS_PER_REM;\r\n    const minWidthRem = minWidth / PIXELS_PER_REM;\r\n    const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n    const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n    const yAxisIntersection = -minWidthRem * slope + minRem;\r\n    const clampMin = `${round(minRem)}rem`;\r\n    const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(maxRem)}rem`;\r\n    return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\nexport function fluidAdjusted(min, max, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const minRem = (min * 0.8) / PIXELS_PER_REM;\r\n    const maxRem = (max * 0.8) / PIXELS_PER_REM;\r\n    const minWidthRem = minWidth / PIXELS_PER_REM;\r\n    const maxWidthRem = maxWidth / PIXELS_PER_REM;\r\n    const slope = (maxRem - minRem) / (maxWidthRem - minWidthRem);\r\n    const yAxisIntersection = -minWidthRem * slope + minRem;\r\n    const clampMin = `${round(minRem)}rem`;\r\n    const clampVal = `${round(yAxisIntersection)}rem + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(maxRem)}rem`;\r\n    return `clamp(${clampMin}, ${clampVal}, ${clampMax})`;\r\n}\r\n/**\r\n * Define a fluid value between the min/max values at the min/max widths.\r\n */\r\nexport function fluidUnit(min, max, unit, minWidth = DEFAULT_MIN_VALUE, maxWidth = DEFAULT_MAX_VALUE) {\r\n    const slope = (max - min) / (maxWidth - minWidth);\r\n    const yAxisIntersection = -minWidth * slope + min;\r\n    const clampMin = `${round(min)}`;\r\n    const clampVal = `${round(yAxisIntersection)}${unit} + ${round(slope * 100)}vw`;\r\n    const clampMax = `${round(max)}`;\r\n    return `clamp(${clampMin}${unit}, ${clampVal}, ${clampMax}${unit})`;\r\n}\r\n/**\r\n * Round to nearest hundredth.\r\n */\r\nfunction round(num) {\r\n    return Math.round(num * 100) / 100;\r\n}\r\n","import { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nexport const SitePadding = 24;\r\nexport const SiteWidth = 1700;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePadding * 2;\r\nexport const siteWide = css `\r\n  --sitePadding: ${SitePadding}px;\r\n  --siteWidth: ${SiteWidth}px;\r\n  --gutterWidth: 16px;\r\n  margin: 0 auto;\r\n  max-width: calc(var(--siteWidth) + var(--sitePadding) + var(--sitePadding));\r\n  padding: 0 var(--sitePadding);\r\n  width: 100%;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --sitePadding: 60px;\r\n    --gutterWidth: 32px;\r\n  }\r\n`;\r\nexport const baseGrid = css `\r\n  display: grid;\r\n  column-gap: var(--gutterWidth);\r\n  grid-template-columns: repeat(12, 1fr);\r\n`;\r\n","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[\"TabletSmall\"] = 568] = \"TabletSmall\";\r\n    Device[Device[\"Tablet\"] = 768] = \"Tablet\";\r\n    Device[Device[\"TabletLarge\"] = 1024] = \"TabletLarge\";\r\n    Device[Device[\"TabletExtraLarge\"] = 1124] = \"TabletExtraLarge\";\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\nexport function between(start, end) {\r\n    return `${from(start)} and ${until(end)}`;\r\n}\r\n","import { css } from 'styled-components';\r\nimport brand from './brand';\r\nimport { fluidAdjusted } from './fluid';\r\nimport { Device, from } from './media';\r\nexport const gradientStyle = css `\r\n  display: inline-block;\r\n  background: linear-gradient(90deg, var(--leftGradient), var(--rightGradient));\r\n  -webkit-background-clip: text;\r\n  -webkit-text-fill-color: transparent;\r\n`;\r\nexport const headingStyles = css `\r\n  --leftGradient: ${brand.secondary.red5};\r\n  --rightGradient: ${brand.secondary.red1};\r\n  color: currentColor;\r\n  margin: 0 0 ${fluidAdjusted(16, 18)};\r\n  font-family: var(--fontFamily);\r\n  font-weight: 900;\r\n  padding-bottom: 7px;\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    letter-spacing: -0.024em;\r\n  }\r\n\r\n  &::selection {\r\n    -webkit-text-fill-color: currentColor;\r\n  }\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n\r\n  font-size: ${fluidAdjusted(32, 64)};\r\n  line-height: ${fluidAdjusted(40, 74)};\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(28, 48)};\r\n  line-height: ${fluidAdjusted(36, 58)};\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(24, 40)};\r\n  line-height: ${fluidAdjusted(30, 50)};\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(20, 36)};\r\n  line-height: ${fluidAdjusted(26, 42)};\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(18, 32)};\r\n  line-height: ${fluidAdjusted(24, 40)};\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n  font-size: ${fluidAdjusted(16, 24)};\r\n  line-height: ${fluidAdjusted(20, 30)};\r\n`;\r\nexport const paragraphStyles = css `\r\n  font-family: var(--fontFamily);\r\n  color: currentColor;\r\n  margin: 0 0 ${fluidAdjusted(14, 16)};\r\n  font-weight: 300;\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(18, 28)};\r\n  line-height: ${fluidAdjusted(28, 44)};\r\n`;\r\nexport const paragraphMedium = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(16, 22)};\r\n  line-height: ${fluidAdjusted(26, 36)};\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(15, 18)};\r\n  line-height: ${fluidAdjusted(24, 28)};\r\n`;\r\nexport const paragraphExSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(13, 13)};\r\n  line-height: ${fluidAdjusted(20, 20)};\r\n`;\r\nexport const paragraphTiny = css `\r\n  ${paragraphStyles};\r\n  font-size: ${fluidAdjusted(10, 10)};\r\n  line-height: ${fluidAdjusted(16, 16)};\r\n`;\r\nconst CtaStyles = css `\r\n  color: currentColor;\r\n  margin: 0 0 ${fluidAdjusted(14, 16)};\r\n`;\r\nexport const CtaLarge = css `\r\n  ${CtaStyles};\r\n  font-size: ${fluidAdjusted(24, 28)};\r\n  line-height: ${fluidAdjusted(28, 32)};\r\n`;\r\nexport const CtaMedium = css `\r\n  ${CtaStyles};\r\n  font-size: ${fluidAdjusted(20, 20)};\r\n  line-height: ${fluidAdjusted(24, 24)};\r\n`;\r\nexport const CtaSmall = css `\r\n  ${CtaStyles};\r\n  font-size: ${fluidAdjusted(18, 18)};\r\n  line-height: ${fluidAdjusted(22, 22)};\r\n`;\r\nexport const link = css `\r\n  display: inline-block;\r\n  color: ${brand.secondary.red5};\r\n  text-decoration: underline;\r\n  text-underline-offset: 3px;\r\n\r\n  &:focus {\r\n    outline: none;\r\n  }\r\n\r\n  &:focus,\r\n  &:hover {\r\n    color: ${brand.secondary.red1};\r\n    text-decoration: none;\r\n  }\r\n`;\r\nexport const table = css `\r\n  background: ${brand.white};\r\n  border-collapse: collapse;\r\n  color: ${brand.black};\r\n  margin-bottom: 1em;\r\n  width: 100%;\r\n  overflow: auto;\r\n  display: block;\r\n\r\n  thead {\r\n    tr {\r\n      background: ${brand.primary.red};\r\n\r\n      td,\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\r\n        font-size: 18px;\r\n        letter-spacing: -0.01em;\r\n        line-height: 22px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      &:nth-child(odd) {\r\n        background: ${brand.white};\r\n      }\r\n\r\n      &:nth-child(even) {\r\n        background: ${brand.grey.grey97};\r\n      }\r\n\r\n      th {\r\n        border: 2px solid ${brand.white};\r\n        color: ${brand.white};\r\n        font-size: 18px;\r\n        letter-spacing: -0.01em;\r\n        line-height: 22px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n\r\n      td {\r\n        border: 2px solid ${brand.white};\r\n        font-size: 16px;\r\n        letter-spacing: -0.01em;\r\n        line-height: 20px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n    }\r\n  }\r\n`;\r\nexport const blockquote = css `\r\n  position: relative;\r\n  ${paragraphMedium}\r\n  text-align: left;\r\n`;\r\nexport const contentStyles = css `\r\n  h1,\r\n  .h1-styles {\r\n    ${h1}\r\n  }\r\n\r\n  h2,\r\n  .h2-styles {\r\n    ${h2}\r\n  }\r\n\r\n  h3,\r\n  .h3-styles {\r\n    ${h3}\r\n  }\r\n\r\n  h4,\r\n  .h4-styles {\r\n    ${h4}\r\n  }\r\n\r\n  h5,\r\n  .h5-styles {\r\n    ${h5}\r\n  }\r\n\r\n  h6,\r\n  .h6-styles {\r\n    ${h6}\r\n  }\r\n\r\n  p {\r\n    ${paragraphMedium}\r\n    margin: 0 0 1em;\r\n  }\r\n\r\n  p.large {\r\n    ${paragraphLarge}\r\n    margin: 0 0 1em;\r\n  }\r\n\r\n  p.small {\r\n    ${paragraphSmall}\r\n    margin: 0 0 1em;\r\n  }\r\n\r\n  p.ex-small {\r\n    ${paragraphExSmall}\r\n  }\r\n\r\n  p.tiny {\r\n    ${paragraphTiny}\r\n  }\r\n\r\n  p.text-align-center {\r\n    text-align: center;\r\n  }\r\n\r\n  p.text-align-right {\r\n    text-align: right;\r\n  }\r\n\r\n  p.text-align-justify {\r\n    text-align: justify;\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    ${paragraphMedium};\r\n    margin: 0 0 0.5em;\r\n\r\n    li {\r\n      margin: 0 0 0.33em;\r\n    }\r\n  }\r\n\r\n  ol {\r\n    list-style: decimal;\r\n    padding-left: 1.2em;\r\n  }\r\n\r\n  ul {\r\n    list-style: disc;\r\n    padding-left: 1.2em;\r\n  }\r\n\r\n  hr {\r\n    display: block;\r\n    background: currentColor;\r\n    border: 0;\r\n    height: 4px;\r\n    margin: ${fluidAdjusted(40, 80)} 0;\r\n    padding: 0;\r\n    width: 100%;\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  blockquote {\r\n    ${blockquote};\r\n  }\r\n\r\n  .responsive-table {\r\n    position: relative;\r\n    overflow-x: auto;\r\n  }\r\n\r\n  > *:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  > *:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n","import * as React from 'react';\r\nconst BasePropsContext = React.createContext({});\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 { siteWide } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacingTop: 40px;\r\n  --sectionSpacingBottom: 40px;\r\n\r\n  position: relative;\r\n  scroll-margin: var(--headerHeight) 0 0;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --sectionSpacingTop: 50px;\r\n    --sectionSpacingBottom: 50px;\r\n  }\r\n\r\n  &[data-allow-scroll-margin='true'] {\r\n    overflow: clip;\r\n  }\r\n\r\n  &[data-flush='top'] {\r\n    --sectionSpacingTop: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='bottom'] {\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  &[data-flush='both'] {\r\n    --sectionSpacingTop: 0;\r\n    --sectionSpacingBottom: 0;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      --sectionSpacingTop: 0;\r\n      --sectionSpacingBottom: 0;\r\n    }\r\n  }\r\n\r\n  /* Negative margin bottom to force overlap */\r\n  &[data-overlap-bottom='true'] {\r\n    margin-bottom: calc(var(--sectionSpacingBottom) * -1);\r\n  }\r\n`;\r\nconst Inner = styled.div `\r\n  color: var(--fgColor);\r\n  padding-top: var(--sectionSpacingTop);\r\n  padding-bottom: var(--sectionSpacingBottom);\r\n\r\n  /* Don't apply background color for white backgrounds */\r\n  ${Container} & {\r\n    background: var(--bgColor);\r\n  }\r\n`;\r\nconst SiteWide = styled.div `\r\n  ${siteWide}\r\n`;\r\nconst SectionWrapperStyles = {\r\n    Container,\r\n    Inner,\r\n    SiteWide,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nimport { useBaseProps } from '@hoc/withBaseProps';\r\n// eslint-disable-next-line\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n    const { children, layout = 'default', flush = 'none', ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-allow-scroll-margin\": !!baseProps.id, \"data-flush\": flush, ...otherProps },\r\n        React.createElement(S.Inner, null, renderLayout())));\r\n    function renderLayout() {\r\n        if (layout === 'fullWidth') {\r\n            return children;\r\n        }\r\n        return React.createElement(S.SiteWide, null, children);\r\n    }\r\n});\r\n// SectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import brand from '@helpers/brand';\r\nimport { fluidAdjusted } from '@helpers/fluid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { contentStyles, gradientStyle, headingStyles } from '@helpers/typography';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport SectionWrapperStyles from '@stories/Components/Global/SectionWrapper/SectionWrapper.styles';\r\nimport { rgba } from 'polished';\r\nimport styled from 'styled-components';\r\nconst Container = styled(SectionWrapper) `\r\n  background: var(--bgColor);\r\n  color: var(--fgColor);\r\n\r\n  &[data-bg='white'] {\r\n    --bgColor: ${brand.white};\r\n    --fgColor: ${brand.black};\r\n    margin: var(--sectionSpacing) 0;\r\n\r\n    ${SectionWrapperStyles.Inner} {\r\n      padding-top: 0;\r\n      padding-bottom: 0;\r\n    }\r\n  }\r\n`;\r\nconst Title = styled.h2 `\r\n  ${headingStyles};\r\n  --titleColor: ${brand.secondary.red5};\r\n  color: var(--titleColor);\r\n  position: relative;\r\n\r\n  &[data-title-theme='mid'] {\r\n    --titleColor: ${brand.secondary.red3};\r\n  }\r\n\r\n  &[data-title-theme='light'] {\r\n    --titleColor: ${brand.secondary.red1};\r\n  }\r\n\r\n  &[data-title-theme='gradient'] {\r\n    ${gradientStyle};\r\n  }\r\n\r\n  &[data-title-size='small'] {\r\n    font-size: ${fluidAdjusted(28, 48)};\r\n    line-height: ${fluidAdjusted(36, 58)};\r\n  }\r\n\r\n  &[data-title-size='medium'] {\r\n    font-size: ${fluidAdjusted(32, 64)};\r\n    line-height: ${fluidAdjusted(40, 74)};\r\n  }\r\n\r\n  &[data-title-size='large'] {\r\n    font-size: ${fluidAdjusted(64, 126)};\r\n    line-height: ${fluidAdjusted(74, 136)};\r\n  }\r\n`;\r\nconst Content = styled.div `\r\n  ${contentStyles};\r\n  width: 100%;\r\n\r\n  &[data-width='half'] {\r\n    max-width: 720px;\r\n  }\r\n\r\n  &[data-image='true'] {\r\n    @media ${from(Device.Tablet)} {\r\n      min-height: 200px;\r\n    }\r\n  }\r\n\r\n  a {\r\n    display: inline;\r\n  }\r\n\r\n  img {\r\n    border-radius: 16px;\r\n    box-shadow: 10px 10px 0px 0px ${rgba(brand.buff.buff3, 1)};\r\n\r\n    margin-bottom: 40px;\r\n    width: 100%;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      float: right;\r\n      max-width: 300px;\r\n      width: auto;\r\n      margin-left: 10px;\r\n      margin-bottom: 20px;\r\n    }\r\n  }\r\n`;\r\nconst RichTextStyles = {\r\n    Container,\r\n    Content,\r\n    Title,\r\n};\r\nexport default RichTextStyles;\r\n","import * as React from 'react';\r\nimport S from './RichText.styles';\r\nconst RichText = ({ id, content, gapFlush = 'both', image, title, titleSize = 'small', titleTheme = 'gradient', width = 'full', ...otherProps }) => {\r\n    const widgetContent = image\r\n        ? `<img src=${image?.src} alt=${image?.altText} /> ${content}`\r\n        : content;\r\n    return (React.createElement(S.Container, { id: id, flush: content ? gapFlush : 'none', ...otherProps },\r\n        title && (React.createElement(S.Title, { \"data-title-theme\": titleTheme, \"data-title-size\": titleSize }, title)),\r\n        React.createElement(S.Content, { \"data-width\": width, \"data-image\": image ? 'true' : 'false', dangerouslySetInnerHTML: { __html: widgetContent } })));\r\n};\r\nexport default RichText;\r\n"],"names":["black","fullBlack","white","primary","red","grey","secondary","red1","red2","red3","red4","red5","buff","buff1","buff2","buff3","buff4","tertiary","blue","green","pink","pinkAlt","purple","lightPurple","theme","orange","validation","invalid","valid","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey94","grey97","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","DEFAULT_MAX_VALUE","fluid","min","max","minRem","maxRem","minWidthRem","arguments","length","undefined","slope","yAxisIntersection","round","fluidAdjusted","fluidUnit","unit","minWidth","num","Math","siteWide","css","from","baseGrid","size","until","between","start","end","gradientStyle","headingStyles","brand","h1","h2","h3","h4","h5","h6","paragraphStyles","paragraphLarge","paragraphMedium","paragraphSmall","paragraphExSmall","paragraphTiny","CtaStyles","CtaMedium","link","table","blockquote","contentStyles","BasePropsContext","React","withBaseProps","WrappedComponent","displayName","name","ComponentWithBaseProps","props","Provider","value","useBaseProps","Container","styled","componentId","Inner","SiteWide","ref","children","layout","flush","otherProps","baseProps","S","id","SectionWrapper","withConfig","SectionWrapperStyles","Title","Content","rgba","_ref","content","gapFlush","image","title","titleSize","titleTheme","width","widgetContent","src","altText","dangerouslySetInnerHTML","__html"],"sourceRoot":""}