{"version":3,"file":"421-3503d11375eb808d5ee5.js","mappings":"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","sources":["webpack://waldencast/./src/img/icons/chevron.svg","webpack://waldencast/./src/helpers/animate.ts","webpack://waldencast/./src/helpers/brand.ts","webpack://waldencast/./src/helpers/fluid.ts","webpack://waldencast/./src/helpers/fonts.ts","webpack://waldencast/./src/helpers/grid.ts","webpack://waldencast/./src/helpers/media.ts","webpack://waldencast/./src/helpers/typography.ts","webpack://waldencast/./src/hoc/withMotion.tsx","webpack://waldencast/./src/stories/Components/Global/SectionWrapper/SectionWrapper.styles.ts","webpack://waldencast/./src/hoc/withBaseProps.tsx","webpack://waldencast/./src/stories/Components/Global/SectionWrapper/SectionWrapper.tsx","webpack://waldencast/./src/stories/Widgets/AccordionList/AccordionList.styles.ts","webpack://waldencast/./src/helpers/global.ts","webpack://waldencast/./src/stories/Components/Global/Accordion/Accordion.styles.ts","webpack://waldencast/./src/stories/Components/Global/Accordion/Context/Context.tsx","webpack://waldencast/./src/stories/Components/Global/Accordion/Accordion.tsx","webpack://waldencast/./src/stories/Components/Global/Accordion/Item/Item.tsx","webpack://waldencast/./src/stories/Components/AccordionContent/AccordionContent.styles.ts","webpack://waldencast/./src/stories/Components/AccordionContent/AccordionContent.tsx","webpack://waldencast/./src/stories/Widgets/AccordionList/AccordionList.tsx","webpack://waldencast/./node_modules/lodash/noop.js","webpack://waldencast/./node_modules/framer-motion/dist/es/components/MotionConfig/index.mjs"],"sourcesContent":["var _path;\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nimport * as React from \"react\";\nfunction SvgChevron(props) {\n return /*#__PURE__*/React.createElement(\"svg\", _extends({\n xmlns: \"http://www.w3.org/2000/svg\",\n viewBox: \"0 0 8.414 14.828\"\n }, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n \"data-name\": \"Path 110\",\n d: \"M1.414 1.414l6 6-6 6\",\n fill: \"none\",\n stroke: \"currentColor\",\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: 2\n })));\n}\nexport default SvgChevron;","import { css } from 'styled-components';\r\nexport const rootMargin = '0px 0px -20% 0px';\r\nexport const cubicEaseOut = `cubic-bezier(0.33, 1, 0.68, 1)`;\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-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};\r\n","import { hsl } from 'polished';\r\nexport default {\r\n /** Hex: #000000 */\r\n black: '#000000',\r\n /** Hex: #fff */\r\n white: '#fff',\r\n primary: {\r\n /** Hex: #E2DBD4 */\r\n beigeLight: '#E2DBD4',\r\n /** Hex: #B4A593 */\r\n beige: '#B4A593',\r\n /** Hex: #424449 */\r\n textLight: '#424449',\r\n /** Hex: #181818 */\r\n darkGrey: '#181818',\r\n },\r\n secondary: {\r\n /** Hex: #B12024 */\r\n red: '#B12024',\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: #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.DesktopLarge;\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\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\nexport default {\r\n avenir: {\r\n light: css `\r\n font-family: 'Avenir', sans-serif;\r\n font-style: normal;\r\n font-weight: 300;\r\n `,\r\n regular: css `\r\n font-family: 'Avenir', sans-serif;\r\n font-style: normal;\r\n font-weight: 400;\r\n `,\r\n medium: css `\r\n font-family: 'Avenir', sans-serif;\r\n font-style: normal;\r\n font-weight: 500;\r\n `,\r\n semibold: css `\r\n font-family: 'Avenir', sans-serif;\r\n font-style: normal;\r\n font-weight: 600;\r\n `,\r\n bold: css `\r\n font-family: 'Avenir', sans-serif;\r\n font-style: normal;\r\n font-weight: 700;\r\n `,\r\n },\r\n};\r\n","import { css } from 'styled-components';\r\nimport { Device, from } from './media';\r\nexport const SitePadding = 32;\r\nexport const SitePaddingMobile = 16;\r\nexport const SiteWidth = 1400;\r\nexport const SiteWidthBreakpoint = SiteWidth + SitePadding * 2;\r\nexport const siteWide = css `\r\n --sitePadding: ${SitePaddingMobile}px;\r\n --siteWidth: ${SiteWidth}px;\r\n --gutterWidth: 12px;\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.TabletLarge)} {\r\n --gutterWidth: 16px;\r\n --sitePadding: ${SitePadding}px;\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(6, 1fr);\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-template-columns: repeat(12, 1fr);\r\n }\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 { css } from 'styled-components';\r\nimport { transition } from './animate';\r\nimport brand from './brand';\r\nimport { fluid } from './fluid';\r\nimport fonts from './fonts';\r\nexport const headingStyles = css `\r\n ${fonts.avenir.medium};\r\n color: currentColor;\r\n line-height: 1.2;\r\n letter-spacing: 0.2em;\r\n margin: 0 0 ${fluid(16, 24)};\r\n text-transform: uppercase;\r\n`;\r\nexport const h1 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(36, 48)};\r\n`;\r\nexport const h2 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(18, 24)};\r\n`;\r\nexport const h3 = css `\r\n ${headingStyles};\r\n font-size: ${fluid(14, 18)};\r\n`;\r\nconst paragraphStyles = css `\r\n ${fonts.avenir.regular};\r\n color: currentColor;\r\n letter-spacing: 0.032em;\r\n font-size: 14px;\r\n line-height: 1.5;\r\n margin: 0 0 ${fluid(16, 24)};\r\n`;\r\nexport const paragraphRegular = css `\r\n ${paragraphStyles};\r\n`;\r\nexport const paragraphBold = css `\r\n ${paragraphStyles};\r\n ${fonts.avenir.semibold};\r\n`;\r\nexport const paragraphThin = css `\r\n ${paragraphStyles};\r\n line-height: 1.2;\r\n`;\r\nexport const paragraphThinBold = css `\r\n ${paragraphStyles};\r\n ${fonts.avenir.semibold};\r\n line-height: 1.2;\r\n`;\r\nexport const paragraphLarge = css `\r\n ${paragraphStyles};\r\n font-size: ${fluid(14, 32)};\r\n line-height: ${fluid(22, 38)};\r\n`;\r\nexport const label = css `\r\n ${paragraphThin};\r\n`;\r\nexport const link = css `\r\n ${transition('text-decoration-color')};\r\n\r\n display: inline-block;\r\n text-decoration: underline;\r\n text-decoration-color: currentColor;\r\n text-decoration-thickness: 1px;\r\n text-underline-offset: 4px;\r\n\r\n &:focus {\r\n outline: none;\r\n }\r\n\r\n &:focus,\r\n &:hover {\r\n text-decoration-color: transparent;\r\n }\r\n`;\r\nexport const blockquote = css `\r\n ${paragraphStyles};\r\n color: currentColor;\r\n padding-left: 28px;\r\n text-align: left;\r\n position: relative;\r\n\r\n &::before {\r\n content: '\\\\201C';\r\n display: block;\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n font-size: 60px;\r\n line-height: 60px;\r\n }\r\n`;\r\nexport const blockquoteName = css `\r\n ${paragraphBold};\r\n padding-left: 28px;\r\n text-align: left;\r\n\r\n > strong {\r\n display: block;\r\n }\r\n`;\r\nexport const table = css `\r\n border-collapse: collapse;\r\n margin-bottom: 1em;\r\n width: 100%;\r\n\r\n thead {\r\n tr {\r\n td,\r\n th {\r\n ${h3};\r\n font-size: ${fluid(14, 14)};\r\n line-height: 1.5;\r\n background-color: ${brand.primary.beige};\r\n color: ${brand.black};\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 border-bottom: 1px solid ${brand.primary.beige};\r\n th {\r\n ${paragraphThinBold};\r\n padding: 12px 16px;\r\n text-align: left;\r\n }\r\n\r\n td {\r\n ${paragraphThin};\r\n padding: 12px 16px;\r\n text-align: left;\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 p {\r\n ${paragraphRegular}\r\n\r\n &.thin {\r\n ${paragraphThin}\r\n }\r\n\r\n &.center {\r\n text-align: center;\r\n }\r\n\r\n &.right {\r\n text-align: right;\r\n }\r\n\r\n strong {\r\n ${paragraphBold};\r\n\r\n &.thin {\r\n ${paragraphThinBold}\r\n }\r\n }\r\n\r\n a {\r\n ${link};\r\n }\r\n }\r\n\r\n a {\r\n ${link}\r\n }\r\n\r\n ol,\r\n ul {\r\n margin: ${fluid(8, 12)} 0 ${fluid(24, 32)};\r\n\r\n li {\r\n ${paragraphStyles};\r\n ${paragraphRegular}\r\n margin: 0;\r\n\r\n p {\r\n display: inline;\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n }\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.5em;\r\n }\r\n\r\n blockquote {\r\n ${blockquote};\r\n }\r\n\r\n .quote-name {\r\n ${blockquoteName}\r\n }\r\n\r\n hr {\r\n display: block;\r\n background: currentColor;\r\n border: 0;\r\n height: 2px;\r\n margin: ${fluid(32, 48)} 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 .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 { domAnimation, LazyMotion } from 'framer-motion';\r\nimport React from 'react';\r\nexport function withMotion(WrappedComponent) {\r\n const displayName = WrappedComponent.displayName || WrappedComponent.name || 'Component';\r\n const ComponentWithMotion = (props) => {\r\n return (React.createElement(LazyMotion, { features: domAnimation, strict: true },\r\n React.createElement(WrappedComponent, { ...props })));\r\n };\r\n ComponentWithMotion.displayName = `withMotion(${displayName})`;\r\n return ComponentWithMotion;\r\n}\r\n","import brand from '@helpers/brand';\r\nimport { 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 --bgColour: ${brand.black};\r\n\r\n position: relative;\r\n scroll-margin: var(--headerHeight) 0 0;\r\n background-color: var(--bgColour);\r\n color: ${brand.white};\r\n\r\n &[data-variant='grey'] {\r\n --bgColour: ${brand.primary.darkGrey};\r\n }\r\n\r\n\r\n @media ${from(Device.Tablet)} {\r\n --sectionSpacingTop: 80px;\r\n --sectionSpacingBottom: 80px;\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\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 * as React from 'react';\r\nimport S from './SectionWrapper.styles';\r\nimport { useBaseProps } from '@hoc/withBaseProps';\r\nconst SectionWrapper = React.forwardRef((props, ref) => {\r\n const { children, layout = 'default', flush = 'none', variant = 'black', ...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, \"data-variant\": variant, ...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\nSectionWrapper.displayName = 'SectionWrapper';\r\nexport default SectionWrapper;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { baseGrid } from '@helpers/grid';\r\nimport { Device, from } from '@helpers/media';\r\nimport { h2 } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst Container = styled.section `\r\n position: relative;\r\n display: block;\r\n`;\r\nconst Grid = styled.div `\r\n ${baseGrid};\r\n position: relative;\r\n gap: ${fluid(12, 24)} 32px;\r\n`;\r\nconst TitleArea = styled.div `\r\n grid-column: span 6;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-column: span 12;\r\n }\r\n`;\r\nconst Title = styled.h2 `\r\n ${h2};\r\n margin-bottom: 0;\r\n`;\r\nconst ContentArea = styled.div `\r\n grid-column: span 6;\r\n\r\n @media ${from(Device.TabletLarge)} {\r\n grid-column: 2 / span 10;\r\n }\r\n\r\n`;\r\nconst AccordionListStyles = {\r\n Container,\r\n ContentArea,\r\n Grid,\r\n Title,\r\n TitleArea,\r\n};\r\nexport default AccordionListStyles;\r\n","import { css } from 'styled-components';\r\nexport default {\r\n navHeight: 107,\r\n navHeightTablet: 80,\r\n navHeightMobile: 59,\r\n};\r\nexport const ButtonReset = css `\r\n border: none;\r\n outline: none;\r\n padding: 0px;\r\n background: none;\r\n border-radius: 0px;\r\n`;\r\n","import { transition } from '@helpers/animate';\r\nimport { fluid } from '@helpers/fluid';\r\nimport { ButtonReset } from '@helpers/global';\r\nimport { m } from 'framer-motion';\r\nimport ArrowSvg from '@img/icons/chevron.svg';\r\nimport styled from 'styled-components';\r\nimport { h3 } from '@helpers/typography';\r\nimport brand from '@helpers/brand';\r\nconst Container = styled.div `\r\n`;\r\nconst Item = styled(m.div) `\r\n margin-bottom: 0;\r\n border-bottom: 1px solid ${brand.grey.grey35};\r\n`;\r\nconst ItemHeader = styled.button `\r\n ${ButtonReset}; \r\n\r\n display: flex;\r\n align-items: center;\r\n font-size: ${fluid(18, 28)};\r\n line-height: ${fluid(22, 36)};\r\n letter-spacing: -0.024em;\r\n padding: 16px 0 0;\r\n margin: 0;\r\n text-align: left;\r\n width: 100%;\r\n\r\n &.focus-ring {\r\n outline: auto;\r\n outline-offset: 3px;\r\n }\r\n`;\r\nconst ItemTitle = styled.h3 `\r\n ${h3};\r\n font-size: 14px;\r\n margin-bottom: 12px;\r\n text-transform: uppercase;\r\n display: block;\r\n flex: 1 1 auto;\r\n color: ${brand.white};\r\n`;\r\nconst ItemIcon = styled(ArrowSvg) `\r\n ${transition('transform')};\r\n position: relative;\r\n top: -5px;\r\n display: block;\r\n height: ${fluid(12, 12)};\r\n transform: rotate(90deg);\r\n color: ${brand.primary.beige};\r\n\r\n ${ItemHeader}:hover & {\r\n transform: translateY(5px) rotate(90deg);\r\n }\r\n\r\n ${ItemHeader}[aria-expanded='true'] & { \r\n transform: rotate(-90deg);\r\n }\r\n\r\n ${ItemHeader}[aria-expanded='true']:hover & { \r\n transform: translateY(-5px) rotate(-90deg);\r\n }\r\n`;\r\nconst ItemTitleIcon = styled.span ``;\r\nconst ItemBody = styled(m.div) `\r\n min-width: 0;\r\n overflow: hidden;\r\n`;\r\nconst ItemBodyInner = styled.div `\r\n padding-bottom: ${fluid(16, 16)};\r\n`;\r\nexport default {\r\n Container,\r\n Item,\r\n ItemBody,\r\n ItemBodyInner,\r\n ItemHeader,\r\n ItemIcon,\r\n ItemTitle,\r\n ItemTitleIcon,\r\n};\r\n","import noop from 'lodash/noop';\r\nimport * as React from 'react';\r\nconst AccordionContext = React.createContext({\r\n activeId: '',\r\n onClick: noop,\r\n});\r\nexport const useAccordion = () => React.useContext(AccordionContext);\r\nexport const AccordionProvider = (props) => {\r\n const [activeId, setActiveId] = React.useState(props.initialId ?? '');\r\n return (React.createElement(AccordionContext.Provider, { value: {\r\n activeId: activeId,\r\n onClick(id) {\r\n if (activeId === id) {\r\n return setActiveId('');\r\n }\r\n setActiveId(id);\r\n },\r\n } }, props.children));\r\n};\r\n","import { withMotion } from '@hoc/withMotion';\r\nimport { FocusScope } from '@react-aria/focus';\r\nimport { MotionConfig } from 'framer-motion';\r\nimport * as React from 'react';\r\nimport S from './Accordion.styles';\r\nimport { AccordionProvider } from './Context/Context';\r\nimport AccordionItem from './Item/Item';\r\nconst AccordionComponent = (props) => {\r\n return (React.createElement(MotionConfig, { transition: { duration: 0.3, ease: 'easeOut' } },\r\n React.createElement(AccordionProvider, { initialId: props.initialId ?? '' },\r\n React.createElement(FocusScope, null,\r\n React.createElement(S.Container, null, props.children)))));\r\n};\r\nexport const Accordion = Object.assign(withMotion(AccordionComponent), { Item: AccordionItem });\r\nexport default Accordion;\r\n","import { FocusRing, useFocusManager } from '@react-aria/focus';\r\nimport * as React from 'react';\r\nimport S from '../Accordion.styles';\r\nimport { useAccordion } from '../Context/Context';\r\nconst AccordionItem = (props) => {\r\n const accordion = useAccordion();\r\n const fm = useFocusManager();\r\n const isActive = accordion.activeId === props.id;\r\n const headerId = `${props.id}-header`;\r\n const bodyId = `${props.id}-body`;\r\n return (React.createElement(S.Item, { initial: isActive ? 'opened' : 'closed', animate: isActive ? 'opened' : 'closed', onKeyDown: (event) => {\r\n switch (event.key) {\r\n case 'ArrowDown':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm.focusNext();\r\n break;\r\n case 'ArrowUp':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm.focusPrevious();\r\n break;\r\n case 'Home':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm.focusFirst();\r\n break;\r\n case 'End':\r\n event.preventDefault();\r\n event.stopPropagation();\r\n fm.focusLast();\r\n break;\r\n default:\r\n break;\r\n }\r\n } },\r\n React.createElement(FocusRing, { focusRingClass: \"focus-ring\" },\r\n React.createElement(S.ItemHeader, { id: headerId, \"aria-controls\": bodyId, \"aria-expanded\": isActive, \"aria-label\": `Expand ${props.title}`, type: \"button\", onClick: (event) => {\r\n event.preventDefault();\r\n accordion.onClick(props.id);\r\n } },\r\n React.createElement(S.ItemTitle, null, props.title),\r\n React.createElement(S.ItemIcon, { \"aria-hidden\": \"true\" }))),\r\n React.createElement(S.ItemBody, { id: bodyId, \"aria-labelledby\": headerId, role: \"region\", tabIndex: -1, variants: {\r\n closed: {\r\n height: 0,\r\n transitionEnd: {\r\n visibility: 'hidden',\r\n },\r\n },\r\n opened: {\r\n visibility: 'visible',\r\n height: 'auto',\r\n },\r\n } },\r\n React.createElement(S.ItemBodyInner, null, props.children))));\r\n};\r\nexport default AccordionItem;\r\n","import { fluid } from '@helpers/fluid';\r\nimport { contentStyles, paragraphRegular } from '@helpers/typography';\r\nimport styled from 'styled-components';\r\nconst AccordionWrapper = styled.div `\r\n width: 100%;\r\n margin-bottom: ${fluid(50, 100)};\r\n\r\n &:last-child {\r\n margin-bottom: 0;\r\n }\r\n`;\r\nconst Content = styled.div `\r\n ${paragraphRegular};\r\n ${contentStyles};\r\n\r\n max-width: 120ch;\r\n`;\r\nconst CtaArea = styled.div `\r\n margin-top: 20px;\r\n`;\r\nconst AccordionContentStyles = {\r\n AccordionWrapper,\r\n Content,\r\n CtaArea,\r\n};\r\nexport default AccordionContentStyles;\r\n","import { withMotion } from '@hoc/withMotion';\r\nimport Accordion from '@stories/Components/Global/Accordion/Accordion';\r\nimport * as React from 'react';\r\nimport S from './AccordionContent.styles';\r\nconst AccordionContent = (props) => {\r\n const openDefault = props.items.find(item => item.openAsDefault);\r\n return (React.createElement(S.AccordionWrapper, null,\r\n React.createElement(Accordion, { initialId: openDefault?.id ?? '' }, props.items.map((item) => (React.createElement(Accordion.Item, { key: item.id, id: item.id, title: item.heading },\r\n React.createElement(S.Content, { dangerouslySetInnerHTML: { __html: item.content } })))))));\r\n};\r\nexport default withMotion(AccordionContent);\r\n","import * as React from 'react';\r\nimport S from './AccordionList.styles';\r\nimport SectionWrapper from '@stories/Components/Global/SectionWrapper/SectionWrapper';\r\nimport AccordionContent from '@stories/Components/AccordionContent/AccordionContent';\r\nconst AccordionList = ({ accordion, title, variant, }) => {\r\n return (React.createElement(S.Container, null,\r\n React.createElement(SectionWrapper, { variant: variant ?? 'black' },\r\n React.createElement(S.Grid, null,\r\n React.createElement(S.TitleArea, null, title && React.createElement(S.Title, null, title)),\r\n React.createElement(S.ContentArea, null,\r\n React.createElement(AccordionContent, { key: `${title}-accordion`, items: accordion.items }))))));\r\n};\r\nexport default AccordionList;\r\n","/**\n * This method returns `undefined`.\n *\n * @static\n * @memberOf _\n * @since 2.3.0\n * @category Util\n * @example\n *\n * _.times(2, _.noop);\n * // => [undefined, undefined]\n */\nfunction noop() {\n // No operation performed.\n}\n\nmodule.exports = noop;\n","import { __rest, __assign } from 'tslib';\nimport * as React from 'react';\nimport { useContext, useMemo } from 'react';\nimport { MotionConfigContext } from '../../context/MotionConfigContext.mjs';\nimport { loadExternalIsValidProp } from '../../render/dom/utils/filter-props.mjs';\nimport { useConstant } from '../../utils/use-constant.mjs';\n\n/**\n * `MotionConfig` is used to set configuration options for all children `motion` components.\n *\n * ```jsx\n * import { motion, MotionConfig } from \"framer-motion\"\n *\n * export function App() {\n * return (\n * \n * \n * \n * )\n * }\n * ```\n *\n * @public\n */\nfunction MotionConfig(_a) {\n var children = _a.children, isValidProp = _a.isValidProp, config = __rest(_a, [\"children\", \"isValidProp\"]);\n isValidProp && loadExternalIsValidProp(isValidProp);\n /**\n * Inherit props from any parent MotionConfig components\n */\n config = __assign(__assign({}, useContext(MotionConfigContext)), config);\n /**\n * Don't allow isStatic to change between renders as it affects how many hooks\n * motion components fire.\n */\n config.isStatic = useConstant(function () { return config.isStatic; });\n /**\n * Creating a new config context object will re-render every `motion` component\n * every time it renders. So we only want to create a new one sparingly.\n */\n var context = useMemo(function () { return config; }, [JSON.stringify(config.transition), config.transformPagePoint, config.reducedMotion]);\n return (React.createElement(MotionConfigContext.Provider, { value: context }, children));\n}\n\nexport { MotionConfig };\n"],"names":["_path","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","this","props","xmlns","viewBox","d","fill","stroke","strokeLinecap","strokeLinejoin","strokeWidth","rootMargin","cubicEaseOut","transition","properties","duration","undefined","timing","innerCss","css","black","white","primary","beigeLight","beige","textLight","darkGrey","secondary","red","grey","grey13","hsl","grey20","grey35","grey40","grey44","grey60","grey80","grey90","grey97","PIXELS_PER_REM","DEFAULT_MIN_VALUE","Device","TabletSmall","DEFAULT_MAX_VALUE","DesktopLarge","fluid","min","max","minRem","maxRem","minWidthRem","slope","yAxisIntersection","round","fluidUnit","unit","minWidth","num","Math","avenir","light","regular","medium","semibold","bold","SitePaddingMobile","siteWide","from","TabletLarge","baseGrid","size","until","between","start","end","headingStyles","fonts","h1","h2","h3","paragraphStyles","paragraphRegular","paragraphBold","paragraphThin","paragraphThinBold","paragraphLarge","link","blockquote","blockquoteName","table","brand","contentStyles","withMotion","WrappedComponent","displayName","name","ComponentWithMotion","React","LazyMotion","features","domAnimation","strict","Container","styled","section","withConfig","componentId","Tablet","Inner","div","SiteWide","BasePropsContext","SectionWrapper","ref","children","layout","flush","variant","otherProps","baseProps","S","id","Grid","TitleArea","Title","ContentArea","ButtonReset","Item","m","ItemHeader","button","ItemTitle","ItemIcon","ArrowSvg","ItemTitleIcon","span","ItemBody","ItemBodyInner","AccordionContext","activeId","onClick","noop","AccordionProvider","_props$initialId","setActiveId","initialId","Provider","value","MotionConfig","ease","FocusScope","accordion","fm","useFocusManager","isActive","headerId","bodyId","initial","animate","onKeyDown","event","preventDefault","stopPropagation","focusNext","focusPrevious","focusFirst","focusLast","FocusRing","focusRingClass","title","type","role","tabIndex","variants","closed","height","transitionEnd","visibility","opened","AccordionWrapper","Content","CtaArea","_openDefault$id","openDefault","items","find","item","openAsDefault","Accordion","map","heading","dangerouslySetInnerHTML","__html","content","_ref","AccordionContent","module","exports","_a","isValidProp","config","useContext","isStatic","context","useMemo","JSON","stringify","transformPagePoint","reducedMotion"],"sourceRoot":""}