{"version":3,"file":"static/js/CallToActionSlimSection.5b14f637.js","mappings":"ySAUA,MAAMA,EAAkBC,IAAM,QAAS,CACnCC,UAAW,uBACXC,KAAM,uBACNC,KAAM,yBAGJC,EAAYJ,IAAM,QAAS,CAC7BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGJE,EAAaL,IAAM,QAAS,CAC9BC,UAAW,yBACXC,KAAM,6BACNC,KAAM,2BAGJG,EAAcN,IAAM,QAAS,CAC/BC,UAAW,4BACXC,KAAM,yBACNC,KAAM,2BAGGI,GAAeC,EAAAA,EAAAA,QAAOC,EAAAA,GAAKC,WAAA,CAAAC,YAAA,gBAAZH,CAAY,4JACvBJ,GASJQ,EAAUJ,EAAAA,OAAOK,IAAGH,WAAA,CAAAC,YAAA,gBAAVH,CAAU,sQAC3BM,EAAAA,GACWV,EAQIA,EAIfW,EAAAA,GAAGC,QAMIC,EAAOT,EAAAA,OAAOK,IAAGH,WAAA,CAAAC,YAAA,gBAAVH,CAAU,2LACxBU,EAAAA,GACWd,EAIXW,EAAAA,GAAGC,OAIHD,EAAAA,GAAGI,OAIHJ,EAAAA,GAAGK,SAKIC,GAAOb,EAAAA,EAAAA,QAAOc,EAAAA,GAAQZ,WAAA,CAAAC,YAAA,gBAAfH,CAAe,4SAC7Be,EAAAA,GAEWnB,EAMPQ,EACeP,EAGIA,EAInBE,EACeF,EAMnBU,EAAAA,GAAGC,QAKIQ,GAAYhB,EAAAA,EAAAA,QAAOiB,EAAAA,IAAcf,WAAA,CAAAC,YAAA,gBAArBH,CAAqB,iLAMxCO,EAAAA,GAAGC,OAKHD,EAAAA,GAAGK,SAMIM,EAAUlB,EAAAA,OAAOK,IAAGH,WAAA,CAAAC,YAAA,gBAAVH,CAAU,4NAGLT,EACOO,EACHA,G,eCtHhC,MAAMqB,EAA0BA,EAC5BC,aACAC,UACAC,OACAC,QACAC,MACAC,SACAjC,QAAQ,OACRkC,eAAe,OACfC,iBAGIC,EAAAA,EAAAA,KAACC,EAAAA,cAAa,CACVrC,MAAO,CACHA,MAAOA,EACPkC,aAAcA,GAChBI,UAEFF,EAAAA,EAAAA,KAACV,EAAO,CAAkBa,GAAIJ,EAAWG,UACrCF,EAAAA,EAAAA,KAACZ,EAAS,CAAAc,UACNE,EAAAA,EAAAA,MAACnB,EAAI,CAACoB,GAAIT,EAAKU,OAAK,EAACT,OAAQA,EAAQF,MAAOA,EAAMO,SAAA,EAC9CF,EAAAA,EAAAA,KAACxB,EAAO,KAAK+B,EAAAA,EAAAA,IAAkB,WAAUL,UACpCM,EAAAA,EAAAA,GACGf,GACAO,EAAAA,EAAAA,KAAC7B,EAAY,CACTsC,KAAM,mBACN,cAAY,aAIxBT,EAAAA,EAAAA,KAACnB,EAAI,KAAK0B,EAAAA,EAAAA,IAAkB,QAAOL,SAAGR,UAZpCF,KAoB1B,MAAekB,EAAAA,KAAWnB,E","sources":["components/CallToActionSlimSection/CallToActionSlimSection.styled.ts","components/CallToActionSlimSection/CallToActionSlimSection.tsx"],"sourcesContent":["import { styled } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport Icon from \"components/Icon\";\nimport { default as NavLink } from \"components/Link\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport { styleBodyM, styleHeadingL } from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst backgroundColor = theme(\"theme\", {\n    lightgray: \"--background-default\",\n    blue: \"--block-blue-default\",\n    cyan: \"--block-cyan-default\",\n});\n\nconst textColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-primary\",\n    blue: \"--text-on-blue-primary\",\n    cyan: \"--text-on-cyan-primary\",\n});\n\nconst hoverColor = theme(\"theme\", {\n    lightgray: \"--text-on-neutral-link\",\n    blue: \"--text-on-blue-primary-alt\",\n    cyan: \"--text-on-cyan-primary\",\n});\n\nconst borderColor = theme(\"theme\", {\n    lightgray: \"--line-on-neutral-default\",\n    blue: \"--line-on-blue-default\",\n    cyan: \"--line-on-cyan-default\",\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 Heading = styled.div`\n    ${styleHeadingL}\n    color: var(${textColor});\n    grid-area: heading;\n    grid-column: col-start 1 / span 4;\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    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 12;\n        margin-bottom: 1.75rem;\n    }\n`;\n\nexport const Text = styled.div`\n    ${styleBodyM};\n    color: var(${textColor});\n    grid-area: text;\n    grid-column: col-start 1 / span 4;\n\n    ${MQ.FROM_M} {\n        grid-column: col-start 1 / span 10;\n    }\n\n    ${MQ.FROM_L} {\n        grid-column: col-start 1 / span 7;\n    }\n\n    ${MQ.FROM_XL} {\n        grid-column: col-start 1 / span 5;\n    }\n`;\n\nexport const Link = styled(NavLink)`\n    ${columnGap};\n    border-bottom: none;\n    color: var(${textColor});\n    display: grid;\n    grid-template-areas: \"heading\" \"text\";\n    grid-template-columns: repeat(4, [col-start] 1fr);\n\n    &:hover {\n        ${Heading} {\n            color: var(${hoverColor});\n\n            span {\n                color: var(${hoverColor});\n            }\n        }\n\n        ${HeadingArrow} {\n            color: var(${hoverColor});\n            margin-left: 1.75rem;\n            margin-right: 0;\n        }\n    }\n\n    ${MQ.FROM_M} {\n        grid-template-columns: repeat(12, [col-start] 1fr);\n    }\n`;\n\nexport const Container = styled(GridContainer)`\n    display: inline-flex;\n    padding-bottom: 2.625rem;\n    padding-top: 2.625rem;\n    width: 100%;\n\n    ${MQ.FROM_M} {\n        padding-bottom: 3.5rem;\n        padding-top: 3.5rem;\n    }\n\n    ${MQ.FROM_XL} {\n        padding-bottom: 4.375rem;\n        padding-top: 4.375rem;\n    }\n`;\n\nexport const Wrapper = styled.div`\n    align-items: center;\n    background-clip: border-box;\n    background-color: var(${backgroundColor});\n    border-bottom: 1px solid var(${borderColor});\n    border-top: 1px solid var(${borderColor});\n    display: flex;\n    flex-direction: column;\n    margin-top: -1px;\n    position: relative;\n    width: 100%;\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport { appendComponentWithNoBr } from \"utils/appendComponentWithNoBr\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport {\n    Container,\n    Link,\n    Heading,\n    HeadingArrow,\n    Text,\n    Wrapper,\n} from \"./CallToActionSlimSection.styled\";\nimport CallToActionSlimSectionProps from \"./CallToActionSlimSectionProps\";\n\nconst CallToActionSlimSection = ({\n    identifier,\n    heading,\n    text,\n    title,\n    url,\n    target,\n    theme = \"blue\",\n    contentTheme = \"cyan\",\n    anchorName,\n}: CallToActionSlimSectionProps): ReactElement => {\n    return (\n        <ThemeProvider\n            theme={{\n                theme: theme,\n                contentTheme: contentTheme,\n            }}\n        >\n            <Wrapper key={identifier} id={anchorName}>\n                <Container>\n                    <Link to={url} exact target={target} title={title}>\n                        <Heading {...addEditAttributes(\"Heading\")}>\n                            {appendComponentWithNoBr(\n                                heading,\n                                <HeadingArrow\n                                    icon={\"longArrowRight35\"}\n                                    aria-hidden=\"true\"\n                                />,\n                            )}\n                        </Heading>\n                        <Text {...addEditAttributes(\"Text\")}>{text}</Text>\n                    </Link>\n                </Container>\n            </Wrapper>\n        </ThemeProvider>\n    );\n};\n\nexport default React.memo(CallToActionSlimSection);\n"],"names":["backgroundColor","theme","lightgray","blue","cyan","textColor","hoverColor","borderColor","HeadingArrow","styled","Icon","withConfig","componentId","Heading","div","styleHeadingL","MQ","FROM_M","Text","styleBodyM","FROM_L","FROM_XL","Link","NavLink","columnGap","Container","GridContainer","Wrapper","CallToActionSlimSection","identifier","heading","text","title","url","target","contentTheme","anchorName","_jsx","ThemeProvider","children","id","_jsxs","to","exact","addEditAttributes","appendComponentWithNoBr","icon","React"],"sourceRoot":""}