{"version":3,"file":"static/js/BlockQuoteList.50f943dc.js","mappings":"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","sources":["components/BlockQuote/BlockQuote.styled.ts","components/BlockQuoteList/BlockQuoteList.styled.ts","components/BlockQuoteList/BlockQuoteList.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 styleLabelM,\n styleQuoteL,\n styleQuoteM,\n} from \"style/components/Typography\";\nimport { MQ } from \"style/mediaQueries\";\n\nconst linkColor = theme(\"theme\", {\n lightgray: \"--text-on-neutral-secondary\",\n blue: \"--text-on-blue-secondary\",\n cyan: \"--text-on-cyan-secondary\",\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\nexport const Container = styled.div`\n border-left: 1px solid var(--icon-decorative-coral);\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n padding-left: 1.75rem;\n\n ${MQ.FROM_M} {\n gap: 1.3125rem;\n padding-left: 2.1875rem;\n }\n\n ${MQ.FROM_XL} {\n gap: 1.75rem;\n padding-left: 2.625rem;\n }\n`;\n\nexport const Quote = styled.div`\n ${theme(\"size\", {\n small: css`\n ${styleQuoteM};\n `,\n large: css`\n ${styleQuoteL};\n `,\n })}\n`;\n\nexport const LinkText = styled.div`\n ${styleLabelM};\n margin-right: 0.875rem;\n transition: margin-right 0.2s ease-in-out;\n`;\n\nexport const IconArrow = styled(Icon)`\n margin-right: 0.875rem;\n transition: margin-left 0.2s ease-in-out;\n`;\n\nexport const Link = styled(NavLink)`\n border-bottom: none;\n color: var(${linkColor});\n display: block;\n transition: color 0.2s ease-in-out;\n\n &:hover {\n color: var(${hoverColor});\n\n ${LinkText} {\n margin-right: 0;\n }\n\n ${IconArrow} {\n margin-left: 0.875rem;\n }\n }\n`;\n","import { styled, css } from \"styled-components\";\nimport theme from \"styled-theming\";\n\nimport { Container as BlockQuote } from \"components/BlockQuote/BlockQuote.styled\";\nimport { default as NavLink } from \"components/Link\";\nimport { Container as GridContainer } from \"style/components/Page\";\nimport {\n styleBodyM,\n styleBodyLAlt,\n styleHeadingXL,\n} from \"style/components/Typography\";\nimport { columnGap } from \"style/grid\";\nimport { MQ } from \"style/mediaQueries\";\n\nexport const borderColor = theme(\"theme\", {\n undefined: \"var(--color-black-o30)\",\n lightgray: \"var(--color-black-o30)\",\n blue: \"var(--color-cyan-l60-o30)\",\n cyan: \"var(--color-blue-o30)\",\n});\n\nexport const Container = styled(GridContainer)`\n display: flex;\n flex-flow: column;\n justify-content: flex-start;\n padding-bottom: 4.375rem;\n padding-top: 2.1875rem;\n position: relative;\n\n ${MQ.FROM_M} {\n ${columnGap}\n display: grid;\n grid-auto-rows: auto;\n grid-template-columns: repeat(12, [col-start] 1fr);\n padding-bottom: 6.125rem;\n padding-top: 3.5rem;\n }\n\n ${MQ.FROM_XL} {\n padding-bottom: 8.75rem;\n padding-top: 4.375rem;\n }\n`;\n\nexport const Header = styled.div`\n ${MQ.FROM_M} {\n ${columnGap}\n display: grid;\n grid-auto-rows: auto;\n grid-column: col-start 1 / span 12;\n grid-template-columns: repeat(12, [col-start] 1fr);\n margin-bottom: 2.1875rem;\n }\n`;\n\nexport const Heading = styled.h2`\n ${styleHeadingXL};\n margin-bottom: 2.625rem;\n margin-top: 0;\n\n ${MQ.FROM_M} {\n grid-column: col-start 1 / span 12;\n }\n\n ${MQ.FROM_L} {\n grid-column: col-start 1 / span 9;\n }\n`;\n\nexport const Introduction = styled.p`\n ${styleBodyLAlt};\n margin-bottom: 4.375rem;\n margin-top: 0;\n\n ${MQ.FROM_M} {\n grid-column: col-start 2 / span 8;\n margin-bottom: 2.1875rem;\n }\n\n ${MQ.FROM_L} {\n grid-column: col-start 2 / span 6;\n }\n`;\n\nexport const BlockQuotes = styled.div.attrs<{\n $count: number;\n}>(() => ({}))`\n ${columnGap};\n align-items: flex-start;\n display: grid;\n grid-template-columns: repeat(1, [col-start] 1fr);\n row-gap: 2.1875rem;\n\n ${MQ.FROM_M} {\n grid-column: col-start 1 / span 12;\n grid-template-columns: repeat(2, [col-start] 1fr);\n row-gap: 2.625rem;\n }\n\n ${MQ.FROM_L} {\n grid-template-columns: repeat(3, [col-start] 1fr);\n row-gap: 2.625rem;\n ${(props) =>\n props.$count === 4\n ? css`\n ${BlockQuote}:nth-child(3) {\n grid-column: 2;\n }\n `\n : props.$count === 5\n ? css`\n ${BlockQuote}:nth-child(4) {\n grid-column: 2;\n }\n `\n : \"\"}\n }\n\n ${MQ.FROM_XL} {\n row-gap: 4.375rem;\n }\n`;\n\nexport const ReadMoreContainer = styled.div`\n grid-column: col-start 1 / span 12;\n margin-top: 4.375rem;\n`;\n\nexport const Link = styled(NavLink)`\n ${styleBodyM}\n display: block;\n grid-column: 1 / span 4;\n margin-top: 0.875rem;\n width: 100%;\n\n span {\n border-bottom-color: ${borderColor};\n }\n\n &:hover {\n span {\n border-bottom-color: currentcolor;\n }\n }\n\n svg {\n margin-left: 0.875rem;\n }\n`;\n","import React, { ReactElement } from \"react\";\nimport { ThemeProvider } from \"styled-components\";\n\nimport BlockQuote from \"components/BlockQuote\";\nimport Icon from \"components/Icon/Icon\";\nimport Section from \"components/Section\";\nimport useIsInEditMode from \"hooks/useIsInEditMode\";\nimport { addEditAttributes } from \"utils/episerver\";\n\nimport {\n Container,\n Heading,\n Introduction,\n BlockQuotes,\n ReadMoreContainer,\n Link,\n Header,\n} from \"./BlockQuoteList.styled\";\nimport BlockQuoteListProps from \"./BlockQuoteListProps\";\n\nconst BlockQuoteList = ({\n identifier,\n theme,\n heading,\n introduction,\n link,\n quotes,\n anchorName,\n}: BlockQuoteListProps): ReactElement => {\n const isInEditMode = useIsInEditMode();\n\n return (\n
\n \n \n {(isInEditMode || heading) && (\n
\n \n {(isInEditMode || introduction) && (\n \n )}\n
\n )}\n \n {quotes?.map((quote, index) => (\n \n ))}\n \n {link?.linkText && (\n \n \n {link.linkText}\n \n \n \n )}\n \n \n
\n );\n};\n\nexport default React.memo(BlockQuoteList);\n"],"names":["linkColor","theme","lightgray","blue","cyan","hoverColor","Container","styled","div","withConfig","componentId","MQ","FROM_M","FROM_XL","Quote","small","css","styleQuoteM","large","styleQuoteL","LinkText","styleLabelM","IconArrow","Icon","Link","NavLink","borderColor","undefined","GridContainer","columnGap","Header","Heading","h2","styleHeadingXL","FROM_L","Introduction","p","styleBodyLAlt","BlockQuotes","attrs","props","$count","BlockQuote","ReadMoreContainer","styleBodyM","BlockQuoteList","identifier","heading","introduction","link","quotes","anchorName","isInEditMode","useIsInEditMode","_jsx","Section","id","alignItems","children","ThemeProvider","_jsxs","addEditAttributes","dangerouslySetInnerHTML","__html","length","map","quote","index","linkText","linkRef","hoverSpan","icon","React"],"sourceRoot":""}