{"version":3,"file":"static/js/CallToAction.7c5ea091.js","mappings":"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","sources":["components/CallToAction/CallToAction.styled.ts","components/CallToAction/CallToAction.tsx"],"sourcesContent":["import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport { default as NavLink } from \"components/Link\";\nimport {\n    styleBodyM,\n    styleHeadingM,\n    styleLabelM,\n    styleLabelS,\n} from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst textColor = theme(\"contentTheme\", {\n    black: \"--text-on-neutral-primary\",\n    cyan: \"--text-on-blue-primary\",\n    blue: \"--text-on-cyan-primary\",\n    white: \"--text-on-image-primary\",\n});\n\nconst linkColor = theme(\"contentTheme\", {\n    black: \"--text-on-neutral-secondary\",\n    cyan: \"--text-on-blue-secondary\",\n    blue: \"--text-on-cyan-secondary\",\n    white: \"--text-on-image-primary\",\n});\n\nconst hoverColor = theme(\"contentTheme\", {\n    black: \"--text-on-neutral-link\",\n    cyan: \"--text-on-blue-primary-alt\",\n    blue: \"--text-on-cyan-primary\",\n    white: \"--text-on-image-primary\",\n});\n\nconst headingHoverColor = theme(\"variant\", {\n    default: textColor,\n    slim: hoverColor,\n});\n\nconst borderColor = theme(\"contentTheme\", {\n    black: \"--line-on-neutral-default\",\n    cyan: \"--line-on-blue-default\",\n    blue: \"--line-on-cyan-default\",\n    white: \"--line-on-image-default\",\n});\n\nconst iconColor = theme(\"contentTheme\", {\n    black: \"--icon-decorative-blue\",\n    cyan: \"--icon-decorative-cyan\",\n    blue: \"--icon-decorative-blue\",\n    white: \"--text-on-image-primary\",\n});\n\nexport const Container = styled.div.attrs<{\n    $hasIcon?: boolean;\n    $isSlim?: boolean;\n}>(() => ({}))`\n    display: inline-flex;\n    width: 100%;\n    ${(props) =>\n        !props.$hasIcon &&\n        css`\n            ${Link} {\n                border-top: 1px solid var(${borderColor});\n                flex-grow: 1;\n                padding-top: 1.75rem;\n\n                ${MQ.FROM_M} {\n                    padding-top: 2.625rem;\n                }\n\n                ${MQ.FROM_XL} {\n                    padding-top: 3.5rem;\n                }\n            }\n        `}\n\n    ${(props) =>\n        props.$isSlim &&\n        css`\n            ${Link} {\n                padding-top: 1.3125rem;\n            }\n\n            ${Heading} {\n                margin-bottom: 0.4375rem;\n            }\n\n            ${Text} {\n                margin-bottom: 0;\n            }\n        `}\n\n    ${MQ.FROM_M} {\n        ${(props) =>\n            props.$isSlim &&\n            css`\n                ${Heading} {\n                    margin-bottom: 0.875rem;\n                }\n            `}\n    }\n\n    ${MQ.FROM_XL} {\n        ${(props) =>\n            props.$isSlim &&\n            css`\n                ${Link} {\n                    padding-top: 1.75rem;\n                }\n            `}\n    }\n`;\n\nexport const Label = styled.div`\n    ${styleLabelS}\n    color: var(${textColor});\n    margin: 0;\n`;\n\nexport const Heading = styled.div`\n    ${styleHeadingM}\n    color: var(${textColor});\n    margin-bottom: 1.3125rem;\n    margin-top: 0;\n    transition: color 0.2s ease-in-out;\n\n    span {\n        color: var(${textColor});\n        transition: color 0.2s ease-in-out;\n    }\n`;\n\nexport const HeadingArrow = styled(Icon)`\n    color: var(${textColor});\n    margin-left: 0.875rem;\n    margin-right: 0.875rem;\n    transition:\n        margin-left 0.2s ease-in-out,\n        margin-right 0.2s ease-in-out,\n        color 0.2s ease-in-out;\n`;\n\nexport const Text = styled.div`\n    ${styleBodyM};\n    color: var(${textColor});\n    margin-bottom: 0.4375rem;\n    ${theme(\"contentTheme\", {\n        white: css`\n            filter: var(--shadow-on-image);\n        `,\n    })};\n`;\n\nexport const LinkText = styled.div`\n    ${styleLabelM};\n    color: var(${linkColor});\n    margin-right: 0.875rem;\n    transition:\n        margin-right 0.2s ease-in-out,\n        color 0.2s ease-in-out;\n    ${theme(\"contentTheme\", {\n        white: css`\n            filter: var(--shadow-on-image);\n        `,\n    })};\n`;\n\nexport const IconLarge = styled(Icon)`\n    color: var(${iconColor});\n    display: block;\n    margin-bottom: 1.75rem;\n\n    ${MQ.FROM_XL} {\n        margin-bottom: 2.1875rem;\n    }\n`;\n\nexport const IconArrow = styled(Icon)`\n    color: var(${linkColor});\n    margin-right: 0.875rem;\n    transition:\n        margin-left 0.2s ease-in-out,\n        color 0.2s ease-in-out;\n`;\n\nexport const Link = styled(NavLink)`\n    border-bottom: none;\n    color: var(${textColor});\n    display: block;\n\n    &:hover {\n        ${LinkText} {\n            margin-right: 0;\n            color: var(${hoverColor});\n        }\n\n        ${IconArrow} {\n            color: var(${hoverColor});\n            margin-left: 0.875rem;\n        }\n\n        ${Heading} {\n            color: var(${headingHoverColor});\n\n            span {\n                color: var(${headingHoverColor});\n            }\n        }\n\n        ${HeadingArrow} {\n            color: var(${headingHoverColor});\n            margin-left: 1.75rem;\n            margin-right: 0;\n        }\n    }\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport { useBreakpoint } from \"hooks\";\nimport { appendComponentWithNoBr } from \"utils/appendComponentWithNoBr\";\n\nimport {\n    Container,\n    Link,\n    IconArrow,\n    Heading,\n    HeadingArrow,\n    Text,\n    LinkText,\n    IconLarge,\n    Label,\n} from \"./CallToAction.styled\";\nimport CallToActionProps from \"./CallToActionProps\";\n\nconst CallToAction = ({\n    className,\n    contentTheme,\n    identifier,\n    label,\n    heading,\n    text,\n    url,\n    linkText,\n    icon,\n    target,\n    gtmClickType = \"cta\",\n}: CallToActionProps): ReactElement => {\n    const variant = linkText ? \"default\" : \"slim\";\n\n    let iconSize: string;\n    switch (useBreakpoint([\"XL\"])) {\n        case \"XL\":\n            iconSize = \"140\";\n            break;\n        default:\n            iconSize = \"105\";\n    }\n    return (\n        <ThemeProvider theme={{ contentTheme: contentTheme, variant: variant }}>\n            <Container\n                id={identifier}\n                key={identifier || `CallToActionContent`}\n                className={className}\n                $hasIcon={!!icon}\n                $isSlim={!linkText}\n            >\n                <Link\n                    to={url}\n                    target={target}\n                    exact\n                    gtmClickType={gtmClickType}\n                >\n                    {icon && (\n                        <>\n                            <IconLarge\n                                key={`IconLarge-${icon}-${iconSize || \"\"}`}\n                                icon={`${icon}${iconSize}`}\n                                aria-hidden=\"true\"\n                            />\n                        </>\n                    )}\n                    {label && <Label>{label}</Label>}\n                    <Heading>\n                        {appendComponentWithNoBr(\n                            heading,\n                            !linkText ? (\n                                <HeadingArrow\n                                    icon={\"longArrowRight28\"}\n                                    aria-hidden=\"true\"\n                                />\n                            ) : (\n                                <></>\n                            ),\n                        )}\n                    </Heading>\n                    {text && (\n                        <Text\n                            dangerouslySetInnerHTML={{\n                                __html: text,\n                            }}\n                        />\n                    )}\n                    {linkText && (\n                        <LinkText>\n                            <IconArrow\n                                icon={\"longArrowRight28\"}\n                                aria-hidden=\"true\"\n                            />\n                            {linkText}\n                        </LinkText>\n                    )}\n                </Link>\n            </Container>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(CallToAction);\n"],"names":["textColor","theme","black","cyan","blue","white","linkColor","hoverColor","headingHoverColor","default","slim","borderColor","iconColor","Container","styled","div","attrs","withConfig","componentId","props","$hasIcon","css","Link","MQ","FROM_M","FROM_XL","$isSlim","Heading","Text","Label","styleLabelS","styleHeadingM","HeadingArrow","Icon","styleBodyM","LinkText","styleLabelM","IconLarge","IconArrow","NavLink","CallToAction","className","contentTheme","identifier","label","heading","text","url","linkText","icon","target","gtmClickType","variant","iconSize","useBreakpoint","_jsx","ThemeProvider","children","id","_jsxs","to","exact","_Fragment","appendComponentWithNoBr","dangerouslySetInnerHTML","__html","React"],"sourceRoot":""}