{"version":3,"file":"7511-f94529f5ba149f7706e6.js","mappings":"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","sources":["webpack://simpson-millar/./src/hoc/withBaseProps.tsx","webpack://simpson-millar/./src/helpers/grid.ts","webpack://simpson-millar/./src/helpers/media.ts","webpack://simpson-millar/./src/stories/Components/Misc/DotPagination/DotPagination.styles.ts","webpack://simpson-millar/./src/helpers/brand.ts","webpack://simpson-millar/./src/hooks/useCarousel.ts","webpack://simpson-millar/./src/stories/Components/Misc/DotPagination/DotPagination.tsx","webpack://simpson-millar/./src/helpers/animate.ts","webpack://simpson-millar/./src/helpers/fonts.ts","webpack://simpson-millar/./src/stories/Components/Misc/SectionWrapper/SectionWrapper.tsx","webpack://simpson-millar/./src/stories/Components/Misc/SectionWrapper/SectionWrapper.styles.ts","webpack://simpson-millar/./src/helpers/typography.ts"],"sourcesContent":["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 { css } from 'styled-components';\r\nexport const SitePadding = 24;\r\nexport const SiteWidth = 1504;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePadding * 2;\r\nexport const siteWide = css `\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\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[\"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 { brand } from '@helpers/brand';\r\nimport { Device, from } from '@helpers/media';\r\nimport styled from 'styled-components';\r\nconst Container = styled.nav `\r\n  --colorInactive: ${brand.midGrey};\r\n  --colorActive: ${brand.black};\r\n  --clickPadding: 16px;\r\n  --gap: 0px;\r\n  --height: 16px;\r\n  --width: 16px;\r\n\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: var(--gap);\r\n  place-content: center;\r\n  place-items: center;\r\n  user-select: none;\r\n\r\n  @media ${from(Device.Tablet)} {\r\n    --clickPadding: 16px;\r\n    --gap: 0px;\r\n    --height: 16px;\r\n    --width: 16px;\r\n  }\r\n`;\r\nconst Item = styled.button `\r\n  position: relative;\r\n  display: flex;\r\n  background: none;\r\n  border: 0;\r\n  border-radius: calc(var(--height) / 2);\r\n  color: var(--colorInactive);\r\n  margin: 0;\r\n  padding: var(--clickPadding);\r\n  place-content: center;\r\n  place-items: center;\r\n  transition: color 0.3s ease-out;\r\n\r\n  &::before {\r\n    content: '';\r\n    display: block;\r\n    background: currentColor;\r\n    border: 0;\r\n    border-radius: calc(var(--height) / 2);\r\n    color: currentColor;\r\n    height: var(--height);\r\n    width: var(--width);\r\n  }\r\n\r\n  /* Enable focus styles for Safari */\r\n  &:focus {\r\n    outline: none;\r\n\r\n    &::before {\r\n      outline: auto;\r\n      outline-color: currentColor;\r\n      outline-offset: 5px;\r\n      outline-width: thin;\r\n    }\r\n  }\r\n\r\n  /* Enable hover styles for Safari */\r\n  &:hover {\r\n    color: var(--colorActive);\r\n  }\r\n\r\n  /* Disable focus styles if focus visible is supported */\r\n  &:not(:focus-visible):focus {\r\n    outline: none;\r\n\r\n    &::before {\r\n      outline: none;\r\n    }\r\n  }\r\n\r\n  /* Reapply focus styles for focus-visible browsers */\r\n  &:focus-visible {\r\n    outline: none;\r\n\r\n    &::before {\r\n      outline: auto;\r\n      outline-color: currentColor;\r\n      outline-offset: 5px;\r\n      outline-width: thin;\r\n    }\r\n  }\r\n\r\n  /* Apply hover styles for focus-visible browsers */\r\n  &:not(:focus-visible):hover {\r\n    color: var(--colorActive);\r\n  }\r\n\r\n  /* Apply active styles */\r\n  &[aria-current='true'] {\r\n    color: var(--colorActive);\r\n  }\r\n`;\r\nconst DotPaginationStyles = {\r\n    Container,\r\n    Item,\r\n};\r\nexport default DotPaginationStyles;\r\n","export const brand = {\r\n    /** #000 */\r\n    actualBlack: '#000',\r\n    /** #282828 */\r\n    black: '#282828',\r\n    /** #666666 */\r\n    charcoal: '#666666',\r\n    /** #425563 */\r\n    darkCoral: '#425563',\r\n    /** #F0F0F0 */\r\n    lightGrey: '#F0F0F0',\r\n    /** #A3A3A3 */\r\n    midGrey: '#A3A3A3',\r\n    /** #F8A554 */\r\n    orange: '#F8A554',\r\n    /** #fff */\r\n    white: '#fff',\r\n    green: {\r\n        /** #EEF5DA */\r\n        beige: '#EEF5DA',\r\n        /** #009636 */\r\n        dark: '#009636',\r\n        /** #D6EEDE */\r\n        honey: '#D6EEDE',\r\n        /** #D7DF23 */\r\n        light: '#D7DF23',\r\n        /** #539B6B */\r\n        medium: '#539B6B',\r\n        /** #9DBE41 */\r\n        mid: '#9DBE41',\r\n        /** #EBF7EF */\r\n        mint: '#EBF7EF',\r\n        /** #B3DCC1 */\r\n        seafoam: '#B3DCC1',\r\n        /** #D9E9AD */\r\n        tea: '#D9E9AD',\r\n    },\r\n    validation: {\r\n        invalid: '#da291c',\r\n        valid: '#008c15',\r\n    },\r\n};\r\nexport var ThemeOption;\r\n(function (ThemeOption) {\r\n    ThemeOption[\"Default\"] = \"default\";\r\n    ThemeOption[\"DarkCoral\"] = \"darkCoral\";\r\n    ThemeOption[\"GreenBeige\"] = \"greenBeige\";\r\n    ThemeOption[\"GreenMint\"] = \"greenMint\";\r\n    ThemeOption[\"Grey\"] = \"grey\";\r\n})(ThemeOption || (ThemeOption = {}));\r\nexport var ButtonIcon;\r\n(function (ButtonIcon) {\r\n    ButtonIcon[\"Arrow\"] = \"circle-arrow-right\";\r\n    ButtonIcon[\"SpeechBubble\"] = \"speech-bubble\";\r\n})(ButtonIcon || (ButtonIcon = {}));\r\nexport var BannerThemeOption;\r\n(function (BannerThemeOption) {\r\n    BannerThemeOption[\"DarkCoral\"] = \"darkCoral\";\r\n    BannerThemeOption[\"GreenSeafoam\"] = \"greenSeafoam\";\r\n    BannerThemeOption[\"GreenTea\"] = \"greenTea\";\r\n    BannerThemeOption[\"GreenDark\"] = \"greenDark\";\r\n})(BannerThemeOption || (BannerThemeOption = {}));\r\nexport var IconThemeOption;\r\n(function (IconThemeOption) {\r\n    IconThemeOption[\"Grey\"] = \"grey\";\r\n    IconThemeOption[\"Green\"] = \"green\";\r\n})(IconThemeOption || (IconThemeOption = {}));\r\n","import debounce from 'lodash/debounce';\r\nimport * as React from 'react';\r\nexport function useCarousel(params) {\r\n    const refContainer = React.useRef(null);\r\n    const refTrack = React.useRef(null);\r\n    const [carouselState, dispatch] = React.useReducer(carouselReducer, {\r\n        activeIndex: 0,\r\n        maxIndex: 0,\r\n        offsets: [],\r\n    });\r\n    const onResizeDebounced = React.useCallback(debounce(initCarousel, 100), []);\r\n    const [windowWidth, setWindowWidth] = React.useState(0);\r\n    React.useEffect(() => {\r\n        initCarousel();\r\n        setWindowWidth(window.innerWidth);\r\n        const onResize = () => {\r\n            const { innerWidth } = window;\r\n            if (innerWidth !== windowWidth) {\r\n                setWindowWidth(innerWidth);\r\n                onResizeDebounced();\r\n            }\r\n        };\r\n        window.addEventListener('resize', onResize);\r\n        return () => {\r\n            window.removeEventListener('resize', onResize);\r\n        };\r\n    }, [windowWidth]);\r\n    return {\r\n        ...carouselState,\r\n        goToIndex,\r\n        goToNext,\r\n        goToPrev,\r\n        recalculate: initCarousel,\r\n        offset: carouselState.offsets[carouselState.activeIndex],\r\n        refContainer,\r\n        refTrack,\r\n    };\r\n    /**\r\n     * Calculate the px offset for the track for the target item index.\r\n     * @param index\r\n     * @returns\r\n     */\r\n    function calculateOffset(index) {\r\n        if (!refTrack.current) {\r\n            return 0;\r\n        }\r\n        const items = Array.from(refTrack.current.children);\r\n        const itemsUntilIndex = items.slice(0, index);\r\n        const sum = itemsUntilIndex\r\n            .map((el) => el.getBoundingClientRect().width)\r\n            .reduce((p, c) => p + c, 0);\r\n        return sum;\r\n    }\r\n    /**\r\n     * Initialise the reducer state.\r\n     */\r\n    function initCarousel() {\r\n        const offsets = [];\r\n        // Pre-calculate the px offset for each item in the carousel.\r\n        Array.from(Array(params.count)).forEach((_, index) => {\r\n            offsets.push(calculateOffset(index));\r\n        });\r\n        // Determine what the max index value needs to be in order for the last item to be within view.\r\n        const containerWidth = refContainer.current?.getBoundingClientRect().width ?? 0;\r\n        const trackWidth = offsets[offsets.length - 1];\r\n        let maxIndex = 0;\r\n        for (let index = 0; index < offsets.length; index++) {\r\n            const offset = offsets[index];\r\n            const remainder = trackWidth - offset;\r\n            if (remainder <= containerWidth) {\r\n                maxIndex = index + 1;\r\n                break;\r\n            }\r\n        }\r\n        // Initialise the carousel state.\r\n        dispatch({ type: 'init', payload: { offsets, maxIndex } });\r\n    }\r\n    /**\r\n     * Go to the next item.\r\n     */\r\n    function goToNext(wrap) {\r\n        dispatch({ type: 'next', payload: { wrap: wrap ?? false } });\r\n    }\r\n    /**\r\n     * Go to the previous item.\r\n     */\r\n    function goToPrev(wrap) {\r\n        dispatch({ type: 'prev', payload: { wrap: wrap ?? false } });\r\n    }\r\n    /**\r\n     * Go to the target index.\r\n     */\r\n    function goToIndex(index) {\r\n        dispatch({ type: 'goto', payload: index });\r\n    }\r\n    function carouselReducer(state, action) {\r\n        switch (action.type) {\r\n            case 'init':\r\n                return {\r\n                    activeIndex: 0,\r\n                    maxIndex: action.payload.maxIndex,\r\n                    offsets: action.payload.offsets,\r\n                };\r\n            case 'goto':\r\n                return { ...state, activeIndex: clamp(action.payload) };\r\n            case 'next':\r\n                if (action.payload.wrap && state.activeIndex === state.maxIndex) {\r\n                    return { ...state, activeIndex: 0 };\r\n                }\r\n                return { ...state, activeIndex: clamp(state.activeIndex + 1) };\r\n            case 'prev':\r\n                if (action.payload.wrap && state.activeIndex === 0) {\r\n                    return { ...state, activeIndex: state.maxIndex };\r\n                }\r\n                return { ...state, activeIndex: clamp(state.activeIndex - 1) };\r\n        }\r\n        /** Clamp index to be within the min/max index range. */\r\n        function clamp(value) {\r\n            return Math.max(Math.min(value, state.maxIndex), 0);\r\n        }\r\n    }\r\n}\r\n","import * as React from 'react';\r\nimport S from './DotPagination.styles';\r\nconst DotPagination = ({ ariaLabel, count, value, onChange }) => {\r\n    return (React.createElement(S.Container, { as: !ariaLabel ? 'div' : 'nav', \"aria-label\": ariaLabel }, Array.from(Array(count)).map((_, index) => (React.createElement(S.Item, { key: `DotPaginationItem_${index}`, \"aria-current\": index === value, \"aria-label\": `Go to ${index + 1}`, onClick: (event) => {\r\n            event.preventDefault();\r\n            onChange(index);\r\n        } })))));\r\n};\r\nexport default DotPagination;\r\n","import { css } from 'styled-components';\r\nexport const cubicEaseOut = `cubic-bezier(0.33, 1, 0.68, 1)`;\r\nexport const inViewMargin = '0px 0px -35% 0px';\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 shouldAnimate = (innerCss) => {\r\n    return css `\r\n    @media (prefers-reduced-motion: no-preference) {\r\n      ${innerCss}\r\n    }\r\n  `;\r\n};\r\nexport const transition = (properties, duration = 0.35, timing = cubicEaseOut) => {\r\n    return shouldAnimate(css `\r\n    transition: ${properties};\r\n    transition-duration: ${typeof duration === 'string' ? duration : `${duration}s`};\r\n    transition-timing-function: ${timing};\r\n    will-change: ${properties};\r\n  `);\r\n};\r\n","import { css } from 'styled-components';\r\nexport default {\r\n    montserrat: {\r\n        regular: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 400;\r\n    `,\r\n        regularItalic: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 400;\r\n    `,\r\n        medium: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 500;\r\n    `,\r\n        mediumItalic: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 500;\r\n    `,\r\n        semiBold: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 600;\r\n    `,\r\n        semiBoldItalic: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 600;\r\n    `,\r\n        bold: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 700;\r\n    `,\r\n        boldItalic: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 700;\r\n    `,\r\n        extraBold: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: normal;\r\n      font-weight: 800;\r\n    `,\r\n        extraBoldItalic: css `\r\n      font-family: 'Montserrat', sans-serif;\r\n      font-style: italic;\r\n      font-weight: 800;\r\n    `,\r\n    },\r\n};\r\n","import { ThemeOption } from '@helpers/brand';\r\nimport { 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', theme = ThemeOption.Default, includeBottomOverlap = false, ...otherProps } = props;\r\n    const baseProps = useBaseProps();\r\n    return (React.createElement(S.Container, { ref: ref, id: baseProps.id, \"data-s-top\": baseProps.separatorTop ?? 'default', \"data-s-bottom\": baseProps.separatorBottom ?? 'default', \"data-theme\": theme, \"data-overlap-bottom\": includeBottomOverlap, \"data-allow-top-separator\": baseProps.separatorTop == 'slantLeft' || baseProps.separatorTop == 'slantRight', \"data-allow-scroll-margin\": !!baseProps.id, ...otherProps },\r\n        React.createElement(S.Separator, { \"data-top\": true, \"aria-hidden\": true }),\r\n        React.createElement(S.SeparatorLogo, { \"data-top\": true }),\r\n        React.createElement(S.Inner, null, renderLayout()),\r\n        React.createElement(S.Separator, { \"aria-hidden\": true, \"data-bottom\": true }),\r\n        React.createElement(S.SeparatorLogo, { \"data-bottom\": true })));\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\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { brand, ThemeOption } from '@helpers/brand';\r\nimport { siteWide } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport svgLogoLeft from '@img/sm-logo-left.svg?url';\r\nimport svgLogoRight from '@img/sm-logo-right.svg?url';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n  --sectionSpacingTop: var(--sectionSpacing);\r\n  --sectionSpacingBottom: var(--sectionSpacing);\r\n\r\n  position: relative;\r\n  scroll-margin: var(--headerHeight) 0 0;\r\n\r\n  &[data-allow-scroll-margin='true'] {\r\n    overflow: clip;\r\n  }\r\n\r\n  &[data-allow-top-separator='true'] {\r\n    overflow: visible;\r\n  }\r\n\r\n  &[data-theme=${ThemeOption.Default}] {\r\n    --accentColor: ${brand.green.dark};\r\n    --accentColorAlt: ${brand.green.dark};\r\n    --accentContrastColor: ${brand.white};\r\n    --bgColor: ${brand.white};\r\n    --fgColor: ${brand.black};\r\n  }\r\n\r\n  &[data-theme=${ThemeOption.DarkCoral}] {\r\n    --accentColor: ${brand.green.dark};\r\n    --accentColorAlt: ${brand.green.dark};\r\n    --accentContrastColor: ${brand.white};\r\n    --bgColor: ${brand.darkCoral};\r\n    --fgColor: ${brand.white};\r\n  }\r\n\r\n  &[data-theme=${ThemeOption.GreenBeige}] {\r\n    --accentColor: ${brand.green.dark};\r\n    --accentColorAlt: ${brand.green.tea};\r\n    --accentContrastColor: ${brand.white};\r\n    --bgColor: ${brand.green.beige};\r\n    --fgColor: ${brand.black};\r\n  }\r\n\r\n  &[data-theme=${ThemeOption.GreenMint}] {\r\n    --accentColor: ${brand.green.dark};\r\n    --accentColorAlt: ${brand.green.seafoam};\r\n    --accentContrastColor: ${brand.white};\r\n    --bgColor: ${brand.green.mint};\r\n    --fgColor: ${brand.black};\r\n  }\r\n\r\n  &[data-theme=${ThemeOption.Grey}] {\r\n    --accentColor: ${brand.green.dark};\r\n    --accentColorAlt: ${brand.green.dark};\r\n    --accentContrastColor: ${brand.white};\r\n    --bgColor: ${brand.lightGrey};\r\n    --fgColor: ${brand.black};\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}:not([data-theme=${ThemeOption.Default}]) & {\r\n    background: var(--bgColor);\r\n  }\r\n\r\n  /* Double padding bottom value to reserve space for negative margin */\r\n  [data-overlap-bottom='true'] & {\r\n    padding-bottom: calc(var(--sectionSpacingBottom) * 2);\r\n  }\r\n`;\r\n/*\r\n * We have to use elements instead of pseudo-elements to be able to inherit css variables.\r\n * Ref: https://stackoverflow.com/questions/58818299/css-variables-not-working-in-dialogbackdrop/63322762#63322762\r\n */\r\nconst Separator = styled.div `\r\n  display: none;\r\n\r\n  &[data-top] {\r\n    ${Container}:not([data-s-top='default']) & {\r\n      display: block;\r\n      background: var(--bgColor);\r\n      height: var(--sectionSpacingTop);\r\n      width: 100%;\r\n    }\r\n\r\n    [data-s-top='slantLeft'] & {\r\n      clip-path: polygon(0% 100%, 100% 0%, 100% 100%);\r\n    }\r\n\r\n    [data-s-top='slantRight'] & {\r\n      clip-path: polygon(0% 0%, 100% 100%, 0% 100%);\r\n    }\r\n  }\r\n\r\n  &[data-bottom] {\r\n    ${Container}:not([data-s-bottom='default']) & {\r\n      display: block;\r\n      background: var(--bgColor);\r\n      height: var(--sectionSpacingTop);\r\n      width: 100%;\r\n    }\r\n\r\n    [data-s-bottom='slantLeft'] & {\r\n      clip-path: polygon(0% 0%, 100% 0%, 0% 100%);\r\n    }\r\n\r\n    [data-s-bottom='slantRight'] & {\r\n      clip-path: polygon(0% 0%, 100% 0%, 100% 100%);\r\n    }\r\n  }\r\n`;\r\nconst SeparatorLogo = styled.div `\r\n  display: none;\r\n\r\n  @media ${from(Device.DesktopSmall)} {\r\n    position: absolute;\r\n\r\n    &[data-top] {\r\n      ${Container}:not([data-s-top='default']) & {\r\n        top: 0;\r\n        display: block;\r\n        transform: translateY(-30%);\r\n      }\r\n\r\n      [data-s-top='slantLeft'] & {\r\n        right: 0;\r\n        background: url(${svgLogoLeft}) no-repeat center right;\r\n        height: 182px;\r\n        width: 82px;\r\n      }\r\n\r\n      [data-s-top='slantRight'] & {\r\n        left: 0;\r\n        background: url(${svgLogoRight}) no-repeat center left;\r\n        height: 150px;\r\n        width: 82px;\r\n      }\r\n    }\r\n\r\n    &[data-bottom] {\r\n      ${Container}:not([data-s-bottom='default']) & {\r\n        bottom: 0;\r\n        display: block;\r\n      }\r\n\r\n      [data-s-bottom='slantLeft'] & {\r\n        right: 0;\r\n        background: url(${svgLogoLeft}) no-repeat center right;\r\n        height: 160px;\r\n        width: 82px;\r\n      }\r\n\r\n      [data-s-bottom='slantRight'] & {\r\n        left: 0;\r\n        background: url(${svgLogoRight}) no-repeat center left;\r\n        height: 150px;\r\n        width: 82px;\r\n      }\r\n    }\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    Separator,\r\n    SeparatorLogo,\r\n    SiteWide,\r\n};\r\nexport default SectionWrapperStyles;\r\n","import { css } from 'styled-components';\r\nimport { cubicEaseOut } from './animate';\r\nimport { brand } from './brand';\r\nimport fonts from './fonts';\r\nimport { Device, from } from './media';\r\nconst headingStyles = css `\r\n  color: currentColor;\r\n  ${fonts.montserrat.extraBold};\r\n  margin: 0 0 1em;\r\n`;\r\nexport const h1 = css `\r\n  ${headingStyles};\r\n  font-size: 32px;\r\n  line-height: 44px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 40px;\r\n    line-height: 48px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 40px;\r\n    line-height: 52px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 44px;\r\n    line-height: 60px;\r\n  }\r\n`;\r\nexport const h2 = css `\r\n  ${headingStyles};\r\n  font-size: 28px;\r\n  line-height: 36px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 32px;\r\n    line-height: 40px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 36px;\r\n    line-height: 48px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 40px;\r\n    line-height: 56px;\r\n  }\r\n`;\r\nexport const h3 = css `\r\n  ${headingStyles};\r\n  font-size: 24px;\r\n  line-height: 32px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 28px;\r\n    line-height: 36px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 32px;\r\n    line-height: 42px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 32px;\r\n    line-height: 42px;\r\n  }\r\n`;\r\nexport const h4 = css `\r\n  ${headingStyles};\r\n  font-size: 20px;\r\n  line-height: 28px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 24px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 28px;\r\n    line-height: 36px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 28px;\r\n    line-height: 36px;\r\n  }\r\n`;\r\nexport const h5 = css `\r\n  ${headingStyles};\r\n  font-size: 18px;\r\n  line-height: 26px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 20px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 24px;\r\n    line-height: 32px;\r\n  }\r\n`;\r\nexport const h6 = css `\r\n  ${headingStyles};\r\n  font-size: 16px;\r\n  line-height: 22px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 18px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 18px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 20px;\r\n    line-height: 28px;\r\n  }\r\n`;\r\nconst paragraphStyles = css `\r\n  color: currentColor;\r\n  ${fonts.montserrat.regular};\r\n  margin: 0 0 1em;\r\n`;\r\nexport const paragraphLarge = css `\r\n  ${paragraphStyles};\r\n  font-size: 15px;\r\n  line-height: 28px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 16px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 20px;\r\n    line-height: 36px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 22px;\r\n    line-height: 38px;\r\n  }\r\n`;\r\nexport const paragraph = css `\r\n  ${paragraphStyles};\r\n  font-size: 16px;\r\n  line-height: 26px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 18px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 18px;\r\n    line-height: 34px;\r\n  }\r\n`;\r\nexport const paragraphSmall = css `\r\n  ${paragraphStyles};\r\n  font-size: 14px;\r\n  line-height: 24px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 14px;\r\n    line-height: 24px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n  }\r\n`;\r\nexport const paragraphMicro = css `\r\n  ${paragraphStyles};\r\n  font-size: 14px;\r\n  line-height: 18px;\r\n`;\r\nexport const quote = css `\r\n  color: currentColor;\r\n  ${fonts.montserrat.regularItalic};\r\n  font-size: 18px;\r\n  line-height: 32px;\r\n  margin: 0 0 1em;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 18px;\r\n    line-height: 32px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 22px;\r\n    line-height: 38px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 24px;\r\n    line-height: 40px;\r\n  }\r\n`;\r\nexport const link = css `\r\n  display: inline-block;\r\n  color: currentColor;\r\n  text-decoration: underline;\r\n  text-underline-position: under;\r\n  transition: color 0.15s ${cubicEaseOut};\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    color: ${brand.green.dark};\r\n  }\r\n`;\r\nexport const listStyles = css `\r\n  ${paragraphStyles};\r\n  font-size: 16px;\r\n  line-height: 26px;\r\n\r\n  @media ${from(Device.TabletSmall)} {\r\n    font-size: 16px;\r\n    line-height: 26px;\r\n  }\r\n\r\n  @media ${from(Device.TabletLarge)} {\r\n    font-size: 18px;\r\n    line-height: 30px;\r\n  }\r\n\r\n  @media ${from(Device.DesktopLarge)} {\r\n    font-size: 18px;\r\n    line-height: 34px;\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\r\n  /* override fixed width inserted by RTE, and ensure the table scales to container */\r\n  width: 100% !important;\r\n\r\n  thead {\r\n    tr {\r\n      background: ${brand.green.tea};\r\n\r\n      td,\r\n      th {\r\n        color: ${brand.black};\r\n        ${fonts.montserrat.bold};\r\n        font-size: 20px;\r\n        line-height: 28px;\r\n        padding: 25px 15px;\r\n        text-align: left;\r\n\r\n        &:first-child {\r\n          padding-left: 30px;\r\n        }\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          font-size: 24px;\r\n          line-height: 38px;\r\n          text-align: center;\r\n          vertical-align: middle;\r\n          padding: 30px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  tbody {\r\n    tr {\r\n      /* override fixed width and heights inserted by RTE */\r\n      width: auto !important;\r\n      height: auto !important;\r\n\r\n      &:nth-child(even) {\r\n        background: ${brand.lightGrey};\r\n      }\r\n\r\n      &:nth-child(odd) {\r\n        background: ${brand.white};\r\n      }\r\n\r\n      th {\r\n        color: ${brand.white};\r\n        ${fonts.montserrat.extraBold};\r\n        font-size: 18px;\r\n        line-height: 22px;\r\n        padding: 12px 16px;\r\n        text-align: left;\r\n      }\r\n\r\n      td {\r\n        ${fonts.montserrat.regular};\r\n        font-size: 16px;\r\n        line-height: 22px;\r\n        padding: 10px 15px;\r\n        text-align: left;\r\n\r\n        /* override fixed width and heights inserted by RTE */\r\n        width: auto !important;\r\n        height: auto !important;\r\n\r\n        &:first-child {\r\n          padding-left: 30px;\r\n        }\r\n\r\n        @media ${from(Device.TabletLarge)} {\r\n          font-size: 22px;\r\n          line-height: 34px;\r\n          padding: 25px 30px;\r\n        }\r\n\r\n        p {\r\n          &:last-child {\r\n            margin-bottom: 0;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\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    ${paragraph}\r\n  }\r\n\r\n  p.large {\r\n    ${paragraphLarge}\r\n  }\r\n\r\n  p.small {\r\n    ${paragraphSmall}\r\n  }\r\n\r\n  a {\r\n    ${link}\r\n    display: inline;\r\n  }\r\n\r\n  span {\r\n    display: inline;\r\n  }\r\n\r\n  ol,\r\n  ul {\r\n    ${listStyles}\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    list-style-position: inside;\r\n  }\r\n\r\n  ul.large {\r\n    ${paragraphLarge}\r\n    margin-bottom: 0;\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: 40px 0;\r\n    padding: 0;\r\n    width: 100%;\r\n\r\n    @media ${from(Device.Tablet)} {\r\n      margin: 80px 0;\r\n    }\r\n  }\r\n\r\n  blockquote {\r\n    color: currentcolor;\r\n    font-family: ${fonts.montserrat.regular};\r\n    margin: 0px 0px 1em;\r\n    font-size: 18px;\r\n    line-height: 26px;\r\n    letter-spacing: -0.01em;\r\n    position: relative;\r\n    padding: 8px 0px 8px 20px;\r\n\r\n    &:before {\r\n      content: '';\r\n      position: absolute;\r\n      top: 0px;\r\n      left: 0px;\r\n      width: 4px;\r\n      height: 100%;\r\n      background-color: ${brand.green.dark};\r\n    }\r\n  }\r\n\r\n  table {\r\n    ${table};\r\n  }\r\n\r\n  .responsive-table {\r\n    position: relative;\r\n    overflow-x: auto;\r\n\r\n    &.small-text {\r\n      thead {\r\n        td,\r\n        th {\r\n          font-size: 18px;\r\n          line-height: 22px;\r\n          padding: 22px 12px;\r\n\r\n          @media ${from(Device.TabletLarge)} {\r\n            padding: 22px;\r\n            font-size: 20px;\r\n            line-height: 28px;\r\n          }\r\n        }\r\n      }\r\n\r\n      tbody tr {\r\n        td,\r\n        th {\r\n          padding: 8px 12px;\r\n          font-size: 16px;\r\n          line-height: 22px;\r\n\r\n          @media ${from(Device.TabletLarge)} {\r\n            font-size: 18px;\r\n            line-height: 24px;\r\n            padding: 20px;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .brand-black {\r\n    color: ${brand.black};\r\n  }\r\n\r\n  .brand-white {\r\n    color: ${brand.white};\r\n  }\r\n\r\n  .brand-accent {\r\n    color: var(--accentColor);\r\n  }\r\n\r\n  .text-align-center {\r\n    text-align: center;\r\n  }\r\n\r\n  .text-align-right {\r\n    text-align: right;\r\n  }\r\n\r\n  /* Double selector to override class specificity */\r\n  > *:first-child:first-child {\r\n    margin-top: 0;\r\n  }\r\n\r\n  /* Double selector to override class specificity */\r\n  > *:last-child:last-child {\r\n    margin-bottom: 0;\r\n  }\r\n`;\r\n"],"names":["BasePropsContext","React","withBaseProps","WrappedComponent","displayName","name","ComponentWithBaseProps","props","Provider","value","useBaseProps","siteWide","css","baseGrid","Device","from","size","until","between","start","end","Container","styled","nav","withConfig","componentId","brand","midGrey","black","Tablet","Item","button","actualBlack","charcoal","darkCoral","lightGrey","orange","white","green","beige","dark","honey","light","medium","mid","mint","seafoam","tea","validation","invalid","valid","ThemeOption","ButtonIcon","BannerThemeOption","IconThemeOption","useCarousel","params","refContainer","refTrack","carouselState","dispatch","state","action","type","activeIndex","maxIndex","payload","offsets","clamp","wrap","Math","max","min","onResizeDebounced","debounce","initCarousel","windowWidth","setWindowWidth","window","innerWidth","onResize","addEventListener","removeEventListener","goToIndex","index","goToNext","goToPrev","recalculate","offset","_refContainer$current","_refContainer$current2","Array","count","forEach","_","push","current","children","slice","map","el","getBoundingClientRect","width","reduce","p","c","calculateOffset","containerWidth","trackWidth","length","DotPagination","ariaLabel","onChange","S","as","key","onClick","event","preventDefault","cubicEaseOut","inViewMargin","fadeIn","animate","duration","delay","easingFunc","transition","properties","timing","innerCss","montserrat","regular","regularItalic","mediumItalic","semiBold","semiBoldItalic","bold","boldItalic","extraBold","extraBoldItalic","SectionWrapper","ref","_baseProps$separatorT","_baseProps$separatorB","layout","theme","Default","includeBottomOverlap","otherProps","baseProps","id","separatorTop","separatorBottom","Separator","SeparatorLogo","Inner","SiteWide","section","DarkCoral","GreenBeige","GreenMint","Grey","div","DesktopSmall","svgLogoLeft","svgLogoRight","headingStyles","fonts","h1","TabletSmall","TabletLarge","DesktopLarge","h2","h3","h4","h5","h6","paragraphStyles","paragraphLarge","paragraph","paragraphSmall","paragraphMicro","link","listStyles","table","contentStyles"],"sourceRoot":""}