{"version":3,"file":"dist/build-client/static/js/Organisms-Blocks-HeroBlock.a7eb8672.chunk.js","mappings":"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","sources":["Atoms/Buttons/BaseButtonStyle.ts","Atoms/Buttons/Button.tsx","Atoms/Grids/GridItem.tsx","Atoms/Loaders/LoadingCircle.tsx","Organisms/Blocks/HeroBlock.tsx"],"sourcesContent":["import { styled } from 'stitches.config';\r\nimport { timings, animation } from 'Theme/Settings/animation';\r\n\r\nconst hoverCondition = '&:hover:not([disabled])';\r\n\r\nexport const ButtonVariants = {\r\n variants: {\r\n color: {\r\n primary: {\r\n backgroundColor: '$buttonPrimary',\r\n color: '$textSecondary',\r\n [hoverCondition]: {\r\n backgroundColor: '$JE68GreenHover',\r\n },\r\n },\r\n primary2: {\r\n backgroundColor: '$buttonPrimary2',\r\n color: '$textPrimary',\r\n [hoverCondition]: {\r\n backgroundColor: '$buttonPrimary2',\r\n },\r\n },\r\n secondary: {\r\n backgroundColor: '$buttonSecondary',\r\n color: '$textSecondary',\r\n [hoverCondition]: {\r\n backgroundColor: '$primaryLight1',\r\n },\r\n },\r\n secondaryDark: {\r\n backgroundColor: '$buttonSecondaryDark',\r\n color: '$textPrimary',\r\n [hoverCondition]: {\r\n backgroundColor: '$primary4',\r\n },\r\n },\r\n tertiary: {\r\n backgroundColor: 'transparent',\r\n color: '$textPrimary',\r\n // using box shadow to create a border - this way hover doesn't affect layout\r\n boxShadow: '0 0 0 1px $colors$borderPrimary',\r\n [hoverCondition]: {\r\n boxShadow: '0 0 0 2px $colors$borderPrimary',\r\n },\r\n },\r\n quaternary: {\r\n backgroundColor: '$primary2',\r\n color: '$textPrimary',\r\n [hoverCondition]: {\r\n backgroundColor: '$primary1',\r\n },\r\n },\r\n outlined: {\r\n backgroundColor: 'transparent',\r\n border: '1px solid $secondary2',\r\n [hoverCondition]: {\r\n backgroundColor: '$primary2',\r\n },\r\n },\r\n },\r\n size: {\r\n s: {\r\n py: 3,\r\n px: 6,\r\n fs: 6,\r\n h: 10,\r\n lineHeight: '$lh133',\r\n },\r\n l: {\r\n py: 3.5,\r\n px: 6,\r\n fs: 8,\r\n h: 12,\r\n lineHeight: '$lh125',\r\n },\r\n },\r\n fullWidth: {\r\n true: {\r\n width: '100%',\r\n },\r\n },\r\n loading: {\r\n true: {\r\n opacity: 0.7,\r\n fs: 7,\r\n },\r\n },\r\n },\r\n defaultVariants: {\r\n color: 'primary',\r\n size: 'l',\r\n },\r\n};\r\n\r\nexport const ButtonBase = {\r\n borderColor: 'transparent',\r\n cursor: 'pointer',\r\n display: 'flex',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n wordSpacing: '$wordSpacings$fontPrimary',\r\n whiteSpace: 'nowrap',\r\n fontFamily: 'fontPrimary500',\r\n ls: '$ls1',\r\n bw: 0.25,\r\n transition: `all ${timings.oneFifth} ${animation.timingFn}`,\r\n textAlign: 'center',\r\n textTransform: 'uppercase',\r\n '&:active': {\r\n outlineWidth: 0,\r\n },\r\n '&:focus': {},\r\n '&:disabled': {\r\n cursor: 'not-allowed',\r\n opacity: 0.5,\r\n },\r\n};\r\n\r\nconst BaseButtonStyled = styled('button', {\r\n ...ButtonBase,\r\n ...ButtonVariants,\r\n});\r\n\r\nexport default BaseButtonStyled;\r\n","import LoadingCircle from 'Atoms/Loaders/LoadingCircle';\r\nimport KexIconLoader from 'Kex/KexIconLoader';\r\nimport { styled } from 'stitches.config';\r\nimport BaseButtonStyled from './BaseButtonStyle';\r\nimport BaseButtonType from './BaseButtonType';\r\n\r\nfunction Button({\r\n onClick,\r\n children,\r\n icon,\r\n disabled,\r\n type,\r\n size,\r\n css,\r\n isLoading,\r\n fullWidth,\r\n}: BaseButtonType) {\r\n const Icon = icon && styled(KexIconLoader(icon.type));\r\n return (\r\n \r\n \r\n {Icon && (\r\n \r\n {' '}\r\n \r\n )}\r\n {children}\r\n \r\n\r\n {isLoading && (\r\n \r\n \r\n \r\n )}\r\n \r\n );\r\n}\r\n\r\nconst IconContainer = styled('div', {\r\n position: 'absolute',\r\n left: 24,\r\n});\r\n\r\nconst StyledLoadingCircle = styled('div', {\r\n position: 'absolute',\r\n});\r\n\r\nconst StyledButtonText = styled('div', {\r\n display: 'flex',\r\n flexDirection: 'row',\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n variants: {\r\n isLoading: {\r\n true: {\r\n opacity: 0,\r\n },\r\n false: {\r\n opacity: 1,\r\n },\r\n },\r\n },\r\n});\r\n\r\nconst StyledButton = styled(BaseButtonStyled, {\r\n position: 'relative',\r\n overflow: 'hidden',\r\n});\r\n\r\nexport default Button;\r\n","import { CSS } from '@stitches/react';\r\nimport { ReactNode } from 'react';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype PropType = {\r\n layout?: string;\r\n children: ReactNode;\r\n css?: CSS;\r\n};\r\n\r\nfunction GridItem({ layout = '1/1', children, css }: PropType) {\r\n return (\r\n \r\n {children}\r\n \r\n );\r\n}\r\n\r\nconst GridItemContainer = styled('div', {\r\n w: '100%',\r\n h: '100%',\r\n mx: 'auto',\r\n gridColumnStart: 'auto',\r\n gridColumnEnd: 'span 12',\r\n '@mediaMinMedium': {\r\n '&:nth-child(n)[data-gridsize=\"1/2\"], &:nth-child(n)[data-gridsize=\"1/3\"], &:nth-child(n)[data-gridsize=\"1/4\"]':\r\n {\r\n gridColumnEnd: 'span 6',\r\n },\r\n },\r\n '@mediaMinLarge': {\r\n '&:nth-child(n)[data-gridsize=\"1/3\"]': {\r\n gridColumnEnd: 'span 4',\r\n },\r\n '&:nth-child(n)[data-gridsize=\"1/4\"]': {\r\n gridColumnEnd: 'span 3',\r\n },\r\n mx: 0,\r\n },\r\n '&:nth-child(n)[data-gridsize=\"FullWidth\"]': {\r\n ml: -4,\r\n w: '100vw',\r\n '@mediaMinLarge': {\r\n px: 0,\r\n left: '50%',\r\n right: '50%',\r\n maxWidth: '100vw',\r\n position: 'relative',\r\n marginLeft: `-50vw`,\r\n marginRight: '-50vw',\r\n },\r\n },\r\n});\r\n\r\nexport default GridItem;\r\n","import IconBaseType from 'Atoms/Icons/IconBaseType';\r\nimport { styled } from 'stitches.config';\r\n\r\ntype LoadingCircleType = Omit & {\r\n isLoading?: boolean;\r\n size?: 's' | 'l' | 'xl';\r\n};\r\n\r\nfunction LoadingCircle({ size, isLoading }: LoadingCircleType) {\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst LoadingSvgStyles = styled('svg', {\r\n stroke: '$JE68GreenPrimary',\r\n overflow: 'visible',\r\n variants: {\r\n isLoading: {\r\n true: {\r\n display: 'initial',\r\n },\r\n false: {\r\n display: 'none',\r\n },\r\n },\r\n size: {\r\n s: {\r\n w: 6,\r\n h: 6,\r\n },\r\n l: {\r\n h: 12,\r\n w: 12,\r\n },\r\n xl: {\r\n h: 16,\r\n w: 16,\r\n },\r\n },\r\n },\r\n defaultVariants: {\r\n size: 's',\r\n },\r\n});\r\n\r\nconst LoadingCircleStyles = styled('circle', {\r\n stroke: '$JE68GreenBackground',\r\n});\r\n\r\nexport default LoadingCircle;\r\n","import Button from 'Atoms/Buttons/Button';\r\nimport GridItem from 'Atoms/Grids/GridItem';\r\nimport { H1 } from 'Atoms/Typography/Headings/Heading';\r\nimport Paragraph from 'Atoms/Typography/Paragraph/Paragraph';\r\nimport KexLink from 'Kex/KexLink';\r\nimport HeroBlockModel from 'Models/Blocks/HeroBlock/HeroBlockModel.interface';\r\nimport ContentContainer from 'Molecules/ContentContainer/ContentContainer';\r\nimport { applyEditModeAttr } from 'Shared/Common/Helpers';\r\nimport useMedia from 'Shared/Hooks/useMedia';\r\nimport { styled } from 'stitches.config';\r\nimport { mediaQueryTypes } from 'Theme/Settings/mediaQueries';\r\n\r\ntype PropType = {\r\n content: HeroBlockModel;\r\n};\r\n\r\nfunction HeroBlock({\r\n content: {\r\n heading,\r\n bodyText,\r\n inEditMode,\r\n image,\r\n link,\r\n applyGreenFilterToImage,\r\n },\r\n}: PropType) {\r\n const isMobile = useMedia(mediaQueryTypes.mediaMaxMedium);\r\n\r\n return (\r\n \r\n \r\n \r\n \r\n \r\n {heading}\r\n
\r\n {bodyText && (\r\n {bodyText}\r\n )}\r\n {link && (\r\n \r\n \r\n \r\n \r\n \r\n )}\r\n \r\n \r\n \r\n \r\n );\r\n}\r\n\r\nconst StyledKexLink = styled(KexLink, {\r\n w: '100%',\r\n});\r\n\r\nconst ImageContainer = styled('div', {\r\n variants: {\r\n applyGreenFilterToImage: {\r\n true: {\r\n '&:before': {\r\n backgroundColor: '$JE68GreenPrimary',\r\n },\r\n },\r\n false: {\r\n '&:before': {\r\n backgroundColor: 'transparent',\r\n },\r\n },\r\n },\r\n },\r\n position: 'relative',\r\n display: 'flex',\r\n backgroundRepeat: 'no-repeat',\r\n flexDirection: 'column',\r\n color: '$heroTextPrimary',\r\n h: 98,\r\n backgroundSize: 'cover',\r\n mb: 16,\r\n '@mediaMinMassive': {\r\n h: '$heroBlockWideScreenHeight',\r\n },\r\n '&:before': {\r\n position: 'absolute',\r\n content: '\"\"',\r\n top: 0,\r\n right: 0,\r\n bottom: 0,\r\n left: 0,\r\n mixBlendMode: 'multiply',\r\n opacity: 1,\r\n },\r\n});\r\n\r\nconst InnnerWrapper = styled('div', {\r\n mt: 'auto',\r\n position: 'relative',\r\n mb: 8,\r\n '@mediaMinMedium': {\r\n maxW: '50%',\r\n mb: 16,\r\n },\r\n bottom: 0,\r\n});\r\n\r\nconst LinkWrapper = styled('div', {\r\n mt: 8,\r\n});\r\n\r\nexport default HeroBlock;\r\n"],"names":["hoverCondition","ButtonVariants","variants","color","primary","backgroundColor","primary2","secondary","secondaryDark","tertiary","boxShadow","quaternary","outlined","border","size","s","py","px","fs","h","lineHeight","l","fullWidth","true","width","loading","opacity","defaultVariants","ButtonBase","borderColor","cursor","display","alignItems","justifyContent","wordSpacing","whiteSpace","fontFamily","ls","bw","transition","timings","animation","textAlign","textTransform","outlineWidth","BaseButtonStyled","styled","IconContainer","position","left","StyledLoadingCircle","StyledButtonText","flexDirection","isLoading","false","StyledButton","overflow","onClick","children","icon","disabled","type","css","Icon","KexIconLoader","toString","onBackground","GridItemContainer","w","mx","gridColumnStart","gridColumnEnd","ml","right","maxWidth","marginLeft","marginRight","layout","LoadingSvgStyles","stroke","xl","LoadingCircleStyles","viewBox","xmlns","fill","fillRule","transform","strokeWidth","strokeOpacity","cx","cy","r","d","attributeName","from","to","dur","repeatCount","StyledKexLink","KexLink","ImageContainer","applyGreenFilterToImage","backgroundRepeat","backgroundSize","mb","content","top","bottom","mixBlendMode","InnnerWrapper","mt","maxW","LinkWrapper","heading","bodyText","inEditMode","image","link","isMobile","useMedia","mediaQueryTypes","backgroundImage","mobileSrc","src","H1","noMargin","applyEditModeAttr","href","underlined","text"],"sourceRoot":""}