{"version":3,"file":"static/js/pages-public-MyGeotabLogin.1df092554b4957a03e86.js","mappings":"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","sources":["components/IconComponents/MyGeotabIcon.tsx","pages/public/styleObjects/myGeotabLogin.ts","pages/public/MyGeotabLogin.tsx","../node_modules/@mui/system/Stack/createStack.js","../node_modules/@mui/material/Stack/Stack.js"],"sourcesContent":["import React from 'react';\n\nexport function MyGeotabIcon(props: React.SVGProps<SVGSVGElement>): JSX.Element {\n    return (\n        <svg\n            aria-hidden\n            xmlns='http://www.w3.org/2000/svg'\n            id='mygeotab-logo'\n            data-name='MyGeotabLogo'\n            viewBox='0 0 500 65'\n            {...props}\n        >\n            <defs>\n                <style>{'.brandBlue{fill:#25477b;}.lighterBlue{fill:#00aeef;}'}</style>\n            </defs>\n            <path\n                className='brandBlue'\n                d='M183.56,24.68H153.43v4.61h22.18A19.1,19.1,0,0,1,176,32c0,5.19-1,8.43-2.93,9.65s-7.17,1.84-15.51,1.84c-10.92,0-17.73-.65-20.23-1.94s-3.73-4.8-3.73-10.45l0-6.5.1-6c0-5.57,1.13-9.09,3.35-10.47S145,6,154,6c9.77,0,15.9.43,18.2,1.3s3.41,3.12,3.41,6.75v1.28h8V13.41c0-5.08-1.77-8.4-5.24-9.88s-11.18-2.19-23-2.19-19.73,1.13-23.63,3.35-5.92,6.8-5.92,13.56l0,4,0,6.7c0,8,1.79,13.29,5.32,15.61s11.51,3.47,23.77,3.47c13,0,21.11-1,24.2-2.94s4.69-7.12,4.69-15.33a48.15,48.15,0,0,0-.21-5Z'\n            />\n            <polygon\n                className='brandBlue'\n                points='191.24 47.59 236.3 47.59 236.3 42.98 199.39 42.98 199.39 26.25 234.77 26.25 234.77 21.64 199.39 21.64 199.39 6.42 236.3 6.42 236.3 1.81 191.24 1.81 191.24 47.59'\n            />\n            <path\n                className='brandBlue'\n                d='M252.81,8.32C254.64,6.75,261.12,6,272.06,6c9.54,0,15.67.68,18.22,2s3.81,4.5,3.81,9.45l0,4.3v3c0,9.32-.92,14.83-2.75,16.4s-8.34,2.36-19.32,2.36-17.42-.79-19.25-2.36-2.76-7.08-2.76-16.4S251,9.89,252.81,8.32m44.1-3.18c-3.31-2.52-11.65-3.8-24.8-3.8-11.36,0-19.24,1.12-23.42,3.33s-6.32,6.44-6.32,12.51l-.1,4.3v3.2c0,10.47,1.64,17.06,4.87,19.58s11.63,3.8,25,3.8,21.83-1.29,25-3.82,4.8-9.34,4.8-20.16c0-10-1.69-16.42-5-18.94'\n            />\n            <polygon\n                className='brandBlue'\n                points='358.47 1.8 305.1 1.8 305.1 6.85 327.81 6.85 327.81 47.59 335.95 47.59 335.95 6.85 358.47 6.85 358.47 1.8'\n            />\n            <path\n                className='brandBlue'\n                d='M397,33.82H366.76l15-27.38Zm-9.8-32H376L350.36,47.59H359L364.37,38h35.11l5.41,9.64h8.54L387.28,1.88Z'\n            />\n            <path\n                className='brandBlue'\n                d='M428.72,26.43h20.12c8.24,0,13.36.45,15.21,1.36s2.73,3.37,2.73,7.36c0,3.2-.91,5.31-2.71,6.3s-5.76,1.5-11.7,1.5l-7.1,0H428.72Zm33.15-6.14c-1.86,1-6.1,1.52-12.62,1.52H428.72V6.42H451.4c5.56,0,9.21.45,10.83,1.33s2.4,2.84,2.4,5.83c0,3.47-.93,5.73-2.76,6.71m1.94,3.29c5.71-1.4,8.61-4.63,8.61-9.6s-1.36-8.3-4-9.85-8.31-2.32-16.84-2.32h-31V47.59h34.3c7.21,0,12.35-1,15.27-3s4.43-5.44,4.43-10.29c0-5.91-3.63-9.53-10.76-10.77'\n            />\n            <path\n                className='lighterBlue'\n                d='M1,1.79H12.51V7.05a19.53,19.53,0,0,1,6.55-4.84A19.08,19.08,0,0,1,26.92.61a14.66,14.66,0,0,1,7.76,2.1,15.31,15.31,0,0,1,5.57,6.15A18.1,18.1,0,0,1,55.68.61a16.07,16.07,0,0,1,8.59,2.27,13.14,13.14,0,0,1,5.34,5.94q1.64,3.67,1.63,11.92V47.62H59.65V24.37c0-5.19-.64-8.72-1.94-10.55a6.61,6.61,0,0,0-5.81-2.76,8.84,8.84,0,0,0-5.29,1.68,10,10,0,0,0-3.48,4.66c-.75,2-1.13,5.16-1.13,9.54V47.62H30.41V25.42a31.06,31.06,0,0,0-.91-8.91,8,8,0,0,0-2.72-4.11,7.18,7.18,0,0,0-4.39-1.34,8.69,8.69,0,0,0-5.22,1.7,10.15,10.15,0,0,0-3.5,4.78c-.78,2.06-1.16,5.28-1.16,9.7V47.62H1Z'\n            />\n            <polygon\n                className='lighterBlue'\n                points='110.25 1.79 97.11 30.55 85.21 1.79 73.45 1.79 90.88 44.21 81.45 64.39 93.33 64.39 122.04 1.79 110.25 1.79'\n            />\n            <path className='brandBlue' d='M486,3.16h-4.1V13.29h-1.52V3.16h-4.11V1.81H486Z' />\n            <path\n                className='brandBlue'\n                d='M499,13.29h-1.53V3.4l-3.19,6.73h-.91L490.2,3.4v9.89h-1.42V1.81h2.08l3.06,6.39,3-6.39H499Z'\n            />\n        </svg>\n    );\n}\n","import { v2Colors, getRgbaColor, breakpoints } from '@web-for-marketing/react-ui';\n\nexport const myGeotabLoginStyles = {\n    loginContainer: {\n        marginTop: '10rem',\n        marginBottom: '20rem',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'flex-start',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            marginTop: '4rem',\n            marginBottom: '6rem',\n        },\n    },\n    loginItemContainer: {\n        textAlign: 'center',\n    },\n    heading: {\n        marginBottom: '3rem',\n    },\n    logo: {\n        maxWidth: '30rem',\n        margin: '0 0 2rem',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            margin: '0 auto 2rem',\n        },\n    },\n    button: {\n        width: '30rem',\n        margin: '1rem 0',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            width: '100%',\n            margin: '1rem 0',\n        },\n    },\n    primaryCard: {\n        borderRadius: '0px',\n        boxShadow: 'none',\n        background: v2Colors.core.snow,\n        height: 'inherit',\n    },\n    horizontal: {\n        display: 'flex',\n        flexDirection: 'row',\n        justifyContent: 'start',\n        alignItems: 'stretch',\n        height: '100%',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            display: 'flex',\n            flexDirection: 'column',\n            alignItems: 'stretch',\n            height: '100%',\n            zIndex: 3,\n            '&:hover > .hoverProp': {\n                visibility: 'visible',\n                height: 'auto',\n                transform: 'translateY(-100%)',\n                position: 'absolute',\n                width: '100%',\n                top: 196,\n            },\n        },\n    },\n    vertical: {\n        display: 'flex',\n        flexDirection: 'column',\n        position: 'relative',\n        alignItems: 'stretch',\n        height: '100%',\n        zIndex: 3,\n        '&:hover > .hoverProp': {\n            visibility: 'visible',\n            height: 'auto',\n            transform: 'translateY(-100%)',\n            position: 'absolute',\n            width: '100%',\n            top: 196,\n        },\n    },\n    horizontalImage: {\n        flex: 1,\n        boxShadow: `0px 5px 5px ${getRgbaColor(v2Colors.core.slate, 0.13)}`,\n        [`@media (max-width: ${breakpoints.sm})`]: {\n            maxWidth: '100%',\n        },\n    },\n    gutterTop: {\n        marginTop: '1.6rem',\n    },\n    cardContent: {\n        background: `${v2Colors.core.snow} 0% 0% no-repeat padding-box`,\n        boxShadow: `0px 5px 5px ${getRgbaColor(v2Colors.core.slate, 0.13)}`,\n        opacity: 1,\n        width: '100%',\n        flex: 1,\n        zIndex: 4,\n        [`@media (max-width: ${breakpoints.sm})`]: {\n            height: '13.1rem',\n        },\n    },\n    imageSize: {\n        width: '25rem',\n        height: '14rem',\n        [`@media (max-width: ${breakpoints.md})`]: {\n            height: '25vh',\n            minHeight: '190px',\n            width: '100%',\n        },\n    },\n    horizontalCardContentPadding: {\n        width: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        alignItems: 'stretch',\n        padding: '2rem 2rem',\n        boxSizing: 'border-box',\n        [`@media (max-width: ${breakpoints.lg})`]: {\n            padding: '3rem 2rem',\n        },\n        [`@media (max-width: ${breakpoints.sm})`]: {\n            padding: '2rem 2rem',\n        },\n    },\n    cardContentPadding: {\n        padding: '3rem',\n    },\n    title: {\n        fontSize: '2rem',\n        fontWeight: 'bold',\n        color: v2Colors.core.slate,\n        marginBottom: '1rem',\n    },\n    spaceAfterHeader: {\n        marginBottom: '3rem',\n    },\n    dividerSpacing: {\n        marginBottom: '2rem',\n    },\n    heightInherit: {\n        height: 'inherit',\n    },\n    link: {\n        [`@media (max-width: ${breakpoints.md})`]: {\n            width: '100%',\n        },\n    },\n} as const;\n","import React from 'react';\nimport { Button, Grid2, Stack } from '@mui/material';\nimport { myGeotabLoginStyles as classes } from './styleObjects/myGeotabLogin';\nimport { PageHelmet } from '@components/PageHelmet';\nimport { useAtom } from 'jotai';\nimport { selectedLanguageAtom } from '@atoms/appSettings';\nimport { useTranslation } from '@stateManagement/TranslationContext';\nimport { Card } from '@components/Cards/Card';\nimport { MyGeotabIcon } from '@components/IconComponents/MyGeotabIcon';\nimport { getTranslation } from '@helpers/languageTranslations';\nimport { getLanguageRouteAndPrefixByCodeAndRouteKey } from '@helpers/languages';\nimport { cardTypes } from '@helpers/ObjectTypeModels/Card';\nimport { languageRouteTypes } from '@helpers/languageRoutes';\nimport { useStaticValues } from '@stateManagement/StaticValuesContext';\nimport { Heading } from '@web-for-marketing/react-ui';\nimport { SectionContainer } from '@components/SectionComponents/SectionContainer';\n\nexport default function MyGeotabLogin(): JSX.Element {\n    const { selectedLanguageTranslation } = useTranslation();\n    const [selectedLanguage] = useAtom(selectedLanguageAtom);\n    const { myGeotabLoginPageData } = useStaticValues();\n    const myGeotabLoginTranslation = getTranslation(selectedLanguageTranslation, 'myGeotabLogin');\n\n    return (\n        <SectionContainer>\n            <PageHelmet seo={myGeotabLoginTranslation.seo}></PageHelmet>\n            {myGeotabLoginTranslation.heading ? (\n                <Heading variant='h2' component='h1' css={classes.heading}>\n                    {myGeotabLoginTranslation.heading}\n                </Heading>\n            ) : null}\n            <Grid2 container>\n                <Grid2 css={classes.loginContainer} size={{ xs: 12, md: 5 }}>\n                    <MyGeotabIcon css={classes.logo} />\n                    <Button\n                        component='a'\n                        href='https://my.geotab.com/'\n                        target='_blank'\n                        variant='contained'\n                        css={classes.button}\n                    >\n                        {myGeotabLoginTranslation.loginText}\n                    </Button>\n                    <Button\n                        component='a'\n                        href='https://my.geotab.com/registration.html'\n                        target='_blank'\n                        variant='outlined'\n                        css={classes.button}\n                    >\n                        {myGeotabLoginTranslation.registerText}\n                    </Button>\n                </Grid2>\n                <Grid2 size={{ xs: 12, md: 7 }}>\n                    <Heading variant='h3' weight='regular' component='h2' css={classes.spaceAfterHeader}>\n                        {myGeotabLoginTranslation.newsText}\n                    </Heading>\n                    <Stack spacing='4rem'>\n                        {myGeotabLoginPageData?.featuredNews.map((blogPost, index) => {\n                            const cardContent = {\n                                title: blogPost.title,\n                                image: {\n                                    imagePath: blogPost.cardImageUrl ?? '',\n                                    mobilePath: blogPost.mobileCardImageUrl,\n                                    imageAlt: blogPost.cardImageAlt,\n                                    lazyLoad: true,\n                                },\n                                publishedDateUtc: blogPost.publishedDateUtc,\n                            };\n\n                            return (\n                                <Card\n                                    card={{\n                                        ...cardTypes.BLOG_SMALL_SHARP_SHADOW,\n                                        content: cardContent,\n                                    }}\n                                    href={`${getLanguageRouteAndPrefixByCodeAndRouteKey(\n                                        selectedLanguage,\n                                        languageRouteTypes.BLOG_POST\n                                    )}${blogPost.slug}`}\n                                    key={blogPost.slug}\n                                    data-testid={`blogPostCard${index}`}\n                                    reverse\n                                />\n                            );\n                        })}\n                    </Stack>\n                </Grid2>\n            </Grid2>\n        </SectionContainer>\n    );\n}\n","import * as React from 'react';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport deepmerge from '@mui/utils/deepmerge';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nimport composeClasses from '@mui/utils/composeClasses';\nimport systemStyled from \"../styled/index.js\";\nimport useThemePropsSystem from \"../useThemeProps/index.js\";\nimport { extendSxProp } from \"../styleFunctionSx/index.js\";\nimport createTheme from \"../createTheme/index.js\";\nimport { handleBreakpoints, mergeBreakpointsInOrder, resolveBreakpointValues } from \"../breakpoints/index.js\";\nimport { createUnarySpacing, getValue } from \"../spacing/index.js\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nconst defaultTheme = createTheme();\n// widening Theme to any so that the consumer can own the theme structure.\nconst defaultCreateStyledComponent = systemStyled('div', {\n  name: 'MuiStack',\n  slot: 'Root',\n  overridesResolver: (props, styles) => styles.root\n});\nfunction useThemePropsDefault(props) {\n  return useThemePropsSystem({\n    props,\n    name: 'MuiStack',\n    defaultTheme\n  });\n}\n\n/**\n * Return an array with the separator React element interspersed between\n * each React node of the input children.\n *\n * > joinChildren([1,2,3], 0)\n * [1,0,2,0,3]\n */\nfunction joinChildren(children, separator) {\n  const childrenArray = React.Children.toArray(children).filter(Boolean);\n  return childrenArray.reduce((output, child, index) => {\n    output.push(child);\n    if (index < childrenArray.length - 1) {\n      output.push(/*#__PURE__*/React.cloneElement(separator, {\n        key: `separator-${index}`\n      }));\n    }\n    return output;\n  }, []);\n}\nconst getSideFromDirection = direction => {\n  return {\n    row: 'Left',\n    'row-reverse': 'Right',\n    column: 'Top',\n    'column-reverse': 'Bottom'\n  }[direction];\n};\nexport const style = ({\n  ownerState,\n  theme\n}) => {\n  let styles = {\n    display: 'flex',\n    flexDirection: 'column',\n    ...handleBreakpoints({\n      theme\n    }, resolveBreakpointValues({\n      values: ownerState.direction,\n      breakpoints: theme.breakpoints.values\n    }), propValue => ({\n      flexDirection: propValue\n    }))\n  };\n  if (ownerState.spacing) {\n    const transformer = createUnarySpacing(theme);\n    const base = Object.keys(theme.breakpoints.values).reduce((acc, breakpoint) => {\n      if (typeof ownerState.spacing === 'object' && ownerState.spacing[breakpoint] != null || typeof ownerState.direction === 'object' && ownerState.direction[breakpoint] != null) {\n        acc[breakpoint] = true;\n      }\n      return acc;\n    }, {});\n    const directionValues = resolveBreakpointValues({\n      values: ownerState.direction,\n      base\n    });\n    const spacingValues = resolveBreakpointValues({\n      values: ownerState.spacing,\n      base\n    });\n    if (typeof directionValues === 'object') {\n      Object.keys(directionValues).forEach((breakpoint, index, breakpoints) => {\n        const directionValue = directionValues[breakpoint];\n        if (!directionValue) {\n          const previousDirectionValue = index > 0 ? directionValues[breakpoints[index - 1]] : 'column';\n          directionValues[breakpoint] = previousDirectionValue;\n        }\n      });\n    }\n    const styleFromPropValue = (propValue, breakpoint) => {\n      if (ownerState.useFlexGap) {\n        return {\n          gap: getValue(transformer, propValue)\n        };\n      }\n      return {\n        // The useFlexGap={false} implement relies on each child to give up control of the margin.\n        // We need to reset the margin to avoid double spacing.\n        '& > :not(style):not(style)': {\n          margin: 0\n        },\n        '& > :not(style) ~ :not(style)': {\n          [`margin${getSideFromDirection(breakpoint ? directionValues[breakpoint] : ownerState.direction)}`]: getValue(transformer, propValue)\n        }\n      };\n    };\n    styles = deepmerge(styles, handleBreakpoints({\n      theme\n    }, spacingValues, styleFromPropValue));\n  }\n  styles = mergeBreakpointsInOrder(theme.breakpoints, styles);\n  return styles;\n};\nexport default function createStack(options = {}) {\n  const {\n    // This will allow adding custom styled fn (for example for custom sx style function)\n    createStyledComponent = defaultCreateStyledComponent,\n    useThemeProps = useThemePropsDefault,\n    componentName = 'MuiStack'\n  } = options;\n  const useUtilityClasses = () => {\n    const slots = {\n      root: ['root']\n    };\n    return composeClasses(slots, slot => generateUtilityClass(componentName, slot), {});\n  };\n  const StackRoot = createStyledComponent(style);\n  const Stack = /*#__PURE__*/React.forwardRef(function Grid(inProps, ref) {\n    const themeProps = useThemeProps(inProps);\n    const props = extendSxProp(themeProps); // `color` type conflicts with html color attribute.\n    const {\n      component = 'div',\n      direction = 'column',\n      spacing = 0,\n      divider,\n      children,\n      className,\n      useFlexGap = false,\n      ...other\n    } = props;\n    const ownerState = {\n      direction,\n      spacing,\n      useFlexGap\n    };\n    const classes = useUtilityClasses();\n    return /*#__PURE__*/_jsx(StackRoot, {\n      as: component,\n      ownerState: ownerState,\n      ref: ref,\n      className: clsx(classes.root, className),\n      ...other,\n      children: divider ? joinChildren(children, divider) : children\n    });\n  });\n  process.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n    children: PropTypes.node,\n    direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n    divider: PropTypes.node,\n    spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n    sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object])\n  } : void 0;\n  return Stack;\n}","'use client';\n\nimport PropTypes from 'prop-types';\nimport { createStack } from '@mui/system';\nimport styled from \"../styles/styled.js\";\nimport useThemeProps from \"../styles/useThemeProps.js\";\nconst Stack = createStack({\n  createStyledComponent: styled('div', {\n    name: 'MuiStack',\n    slot: 'Root',\n    overridesResolver: (props, styles) => styles.root\n  }),\n  useThemeProps: inProps => useThemeProps({\n    props: inProps,\n    name: 'MuiStack'\n  })\n});\nprocess.env.NODE_ENV !== \"production\" ? Stack.propTypes /* remove-proptypes */ = {\n  // ┌────────────────────────────── Warning ──────────────────────────────┐\n  // │ These PropTypes are generated from the TypeScript type definitions. │\n  // │    To update them, edit the d.ts file and run `pnpm proptypes`.     │\n  // └─────────────────────────────────────────────────────────────────────┘\n  /**\n   * The content of the component.\n   */\n  children: PropTypes.node,\n  /**\n   * The component used for the root node.\n   * Either a string to use a HTML element or a component.\n   */\n  component: PropTypes.elementType,\n  /**\n   * Defines the `flex-direction` style property.\n   * It is applied for all screen sizes.\n   * @default 'column'\n   */\n  direction: PropTypes.oneOfType([PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row']), PropTypes.arrayOf(PropTypes.oneOf(['column-reverse', 'column', 'row-reverse', 'row'])), PropTypes.object]),\n  /**\n   * Add an element between each child.\n   */\n  divider: PropTypes.node,\n  /**\n   * Defines the space between immediate children.\n   * @default 0\n   */\n  spacing: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.number, PropTypes.string])), PropTypes.number, PropTypes.object, PropTypes.string]),\n  /**\n   * The system prop, which allows defining system overrides as well as additional CSS styles.\n   */\n  sx: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.oneOfType([PropTypes.func, PropTypes.object, PropTypes.bool])), PropTypes.func, PropTypes.object]),\n  /**\n   * If `true`, the CSS flexbox `gap` is used instead of applying `margin` to children.\n   *\n   * While CSS `gap` removes the [known limitations](https://mui.com/joy-ui/react-stack/#limitations),\n   * it is not fully supported in some browsers. We recommend checking https://caniuse.com/?search=flex%20gap before using this flag.\n   *\n   * To enable this flag globally, follow the [theme's default props](https://mui.com/material-ui/customization/theme-components/#default-props) configuration.\n   * @default false\n   */\n  useFlexGap: PropTypes.bool\n} : void 0;\nexport default Stack;"],"names":["MyGeotabIcon","props","_jsxs","xmlns","id","viewBox","children","_jsx","className","d","points","myGeotabLoginStyles","loginContainer","marginTop","marginBottom","display","flexDirection","alignItems","breakpoints","md","loginItemContainer","textAlign","heading","logo","maxWidth","margin","button","width","primaryCard","borderRadius","boxShadow","background","v2Colors","core","snow","height","horizontal","justifyContent","zIndex","visibility","transform","position","top","vertical","horizontalImage","flex","getRgbaColor","slate","sm","gutterTop","cardContent","opacity","imageSize","minHeight","horizontalCardContentPadding","padding","boxSizing","lg","cardContentPadding","title","fontSize","fontWeight","color","spaceAfterHeader","dividerSpacing","heightInherit","link","MyGeotabLogin","selectedLanguageTranslation","useTranslation","selectedLanguage","useAtom","selectedLanguageAtom","myGeotabLoginPageData","useStaticValues","myGeotabLoginTranslation","getTranslation","SectionContainer","PageHelmet","seo","Heading","variant","component","css","classes","Grid2","container","size","xs","Button","href","target","loginText","registerText","weight","newsText","Stack","spacing","featuredNews","map","blogPost","index","image","imagePath","cardImageUrl","mobilePath","mobileCardImageUrl","imageAlt","cardImageAlt","lazyLoad","publishedDateUtc","Card","card","cardTypes","BLOG_SMALL_SHARP_SHADOW","content","getLanguageRouteAndPrefixByCodeAndRouteKey","languageRouteTypes","BLOG_POST","slug","reverse","defaultTheme","createTheme","defaultCreateStyledComponent","systemStyled","name","slot","overridesResolver","styles","root","useThemePropsDefault","useThemePropsSystem","joinChildren","separator","childrenArray","React","toArray","filter","Boolean","reduce","output","child","push","length","key","style","ownerState","theme","handleBreakpoints","resolveBreakpointValues","values","direction","propValue","transformer","createUnarySpacing","base","Object","keys","acc","breakpoint","directionValues","spacingValues","forEach","previousDirectionValue","styleFromPropValue","useFlexGap","gap","getValue","row","column","deepmerge","mergeBreakpointsInOrder","options","createStyledComponent","useThemeProps","componentName","StackRoot","inProps","ref","themeProps","extendSxProp","divider","other","composeClasses","generateUtilityClass","as","clsx","createStack","styled"],"sourceRoot":""}