@skodaflow/web-library 7.15.0 → 7.15.1

package/materialui/themeProvider/baseline.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../theme/theme.typography';\nimport { getFlowCssAgGrid } from '../../organisms/agGrid/agGrid.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n  scoped: boolean,\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n  theme: Theme,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n  const baseline: CSSObject = {\n    ...(scoped\n      ? {\n          background: 'unset',\n          color: theme.palette.text.primary,\n          ...generateTypography('body', breakpointsOptions, rtl),\n        }\n      : {\n          body: {\n            background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n            color: theme.palette.text.primary,\n          },\n        }),\n    [scoped ? `&, *` : `*`]: {\n      // apply scrollbar-* properties only when webkit-scrollbar is not supported\n      //  otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n      '@supports not selector(::-webkit-scrollbar)': {\n        scrollbarWidth: 'thin',\n        scrollbarColor: theme.palette.onSurface.os500,\n      },\n      '::-webkit-scrollbar': {\n        border: '2px solid transparent',\n        width: '8px',\n        height: '8px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.onSurface.os500,\n        backgroundClip: 'content-box',\n      },\n      ':not(.notracks)::-webkit-scrollbar-track': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.surface.primary,\n        backgroundClip: 'content-box',\n      },\n      '::-webkit-scrollbar-button': {\n        display: 'none',\n      },\n      '::-webkit-scrollbar-corner': {\n        backgroundColor: 'transparent',\n      },\n      // Fix scroll bug on Safari\n      // https://github.com/mui/material-ui/issues/5750\n      '@media not all and (min-resolution: 0.001dpcm)': {\n        '@supports (-webkit-appearance: none)': {\n          \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n            touchAction: 'none',\n          },\n        },\n      },\n    },\n    // provide fonts\n    fallbacks: !Object.values(fonts).filter(Boolean).length\n      ? []\n      : [\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 300,\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 400,\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 700,\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 900,\n            },\n          },\n        ],\n    // ag-grid global styling\n    ...getFlowCssAgGrid(theme),\n  };\n\n  tokens['flow-typography'].forEach((t) => {\n    const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n    // apply style to plain html tags h1 and classes (.h1)\n    //  for ScopedCssBaseline we are applying to tags that outside mui in order\n    //  not to introduce css selector with too importance that does not allow overwrites\n    //  with direct sx styling\n    const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n    baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n  });\n\n  return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n  styleOverrides: {\n    root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n  },\n});\n\nexport const getFlowCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n  styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","Object","assign","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","getFlowCssAgGrid","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"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"}
+{"version":3,"file":"baseline.theme.js","sources":["../../../src/materialui/themeProvider/baseline.theme.ts"],"sourcesContent":["import tokens from '@skodaflow/web-tokens/src/tokens.json';\nimport { generateTypography } from '../typography/typography.theme';\nimport { getFlowCssAgGrid } from '../../organisms/agGrid/agGrid.theme';\nimport { BreakpointsOptions, Components, Theme, CSSObject } from '@mui/material';\nimport { fonts } from './fonts';\n\nexport const getFlowCssBaselineRoot = (\n  scoped: boolean,\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n  theme: Theme,\n  // eslint-disable-next-line sonarjs/cognitive-complexity\n) => {\n  const baseline: CSSObject = {\n    ...(scoped\n      ? {\n          background: 'unset',\n          color: theme.palette.text.primary,\n          ...generateTypography('body', breakpointsOptions, rtl),\n        }\n      : {\n          body: {\n            background: theme.palette.mode === 'dark' ? theme.palette.onSurface.os900 : theme.palette.common.white,\n            color: theme.palette.text.primary,\n          },\n        }),\n    [scoped ? `&, *` : `*`]: {\n      // apply scrollbar-* properties only when webkit-scrollbar is not supported\n      //  otherwise Chrome since version 121 will not apply style https://stackoverflow.com/a/77931548\n      '@supports not selector(::-webkit-scrollbar)': {\n        scrollbarWidth: 'thin',\n        scrollbarColor: theme.palette.onSurface.os500,\n      },\n      '::-webkit-scrollbar': {\n        border: '2px solid transparent',\n        width: '8px',\n        height: '8px',\n      },\n      '::-webkit-scrollbar-thumb': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.onSurface.os500,\n        backgroundClip: 'content-box',\n      },\n      ':not(.notracks)::-webkit-scrollbar-track': {\n        border: '2px solid transparent',\n        borderRadius: '100px',\n        background: theme.palette.surface.primary,\n        backgroundClip: 'content-box',\n      },\n      '::-webkit-scrollbar-button': {\n        display: 'none',\n      },\n      '::-webkit-scrollbar-corner': {\n        backgroundColor: 'transparent',\n      },\n      // Fix scroll bug on Safari\n      // https://github.com/mui/material-ui/issues/5750\n      '@media not all and (min-resolution: 0.001dpcm)': {\n        '@supports (-webkit-appearance: none)': {\n          \"[style*='overflow:hidden'], [style*='overflow: hidden']\": {\n            touchAction: 'none',\n          },\n        },\n      },\n    },\n    // provide fonts\n    fallbacks: !Object.values(fonts).filter(Boolean).length\n      ? []\n      : [\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontLightWoff2 : fonts?.fontLightWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontLightWoff : fonts?.fontLightWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontLightTtf : fonts?.fontLightTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 300,\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontRegularWoff2 : fonts?.fontRegularWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontRegularWoff : fonts?.fontRegularWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontRegularTtf : fonts?.fontRegularTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 400,\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBoldWoff2 : fonts?.fontBoldWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBoldWoff : fonts?.fontBoldWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBoldTtf : fonts?.fontBoldTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 700,\n            },\n          },\n          {\n            '@font-face': {\n              fontFamily: `SKODA Next${rtl ? ' R2L' : ''}`,\n              src: `\n                url('${rtl ? fonts?.rtlFontBlackWoff2 : fonts?.fontBlackWoff2}') format('woff2'),\n                url('${rtl ? fonts?.rtlFontBlackWoff : fonts?.fontBlackWoff}') format('woff'),\n                url('${rtl ? fonts?.rtlFontBlackTtf : fonts?.fontBlackTtf}') format('truetype')\n              `,\n              fontStyle: 'normal',\n              fontWeight: 900,\n            },\n          },\n        ],\n    // ag-grid global styling\n    ...getFlowCssAgGrid(theme),\n  };\n\n  tokens['flow-typography'].forEach((t) => {\n    const el = `${t.name.split('-')[1] === 'list' ? 'typography-' : ''}${t.name.split('-')[1]}`;\n    // apply style to plain html tags h1 and classes (.h1)\n    //  for ScopedCssBaseline we are applying to tags that outside mui in order\n    //  not to introduce css selector with too importance that does not allow overwrites\n    //  with direct sx styling\n    const key = `${el}${scoped ? ':not([class^=\"Mui\"])' : ''}, .${el}`;\n    baseline[key] = generateTypography(el, breakpointsOptions, rtl);\n  });\n\n  return baseline;\n};\n\nexport const getFlowScopedCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiScopedCssBaseline'] => ({\n  styleOverrides: {\n    root: ({ theme }) => getFlowCssBaselineRoot(true, breakpointsOptions, rtl, theme),\n  },\n});\n\nexport const getFlowCssBaseline = (\n  breakpointsOptions: BreakpointsOptions,\n  rtl: boolean,\n): Components<Theme>['MuiCssBaseline'] => ({\n  styleOverrides: (theme) => getFlowCssBaselineRoot(false, breakpointsOptions, rtl, theme),\n});\n"],"names":["getFlowCssBaselineRoot","scoped","breakpointsOptions","rtl","theme","baseline","Object","assign","background","color","palette","text","primary","generateTypography","body","mode","onSurface","os900","common","white","scrollbarWidth","scrollbarColor","os500","border","width","height","borderRadius","backgroundClip","surface","display","backgroundColor","touchAction","fallbacks","values","fonts","filter","Boolean","length","fontFamily","src","rtlFontLightWoff2","fontLightWoff2","rtlFontLightWoff","fontLightWoff","rtlFontLightTtf","fontLightTtf","fontStyle","fontWeight","rtlFontRegularWoff2","fontRegularWoff2","rtlFontRegularWoff","fontRegularWoff","rtlFontRegularTtf","fontRegularTtf","rtlFontBoldWoff2","fontBoldWoff2","rtlFontBoldWoff","fontBoldWoff","rtlFontBoldTtf","fontBoldTtf","rtlFontBlackWoff2","fontBlackWoff2","rtlFontBlackWoff","fontBlackWoff","rtlFontBlackTtf","fontBlackTtf","getFlowCssAgGrid","tokens","forEach","t","el","name","split","getFlowScopedCssBaseline","styleOverrides","root","getFlowCssBaseline"],"mappings":"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"}

package/materialui/themeProvider/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sources":["../../../src/materialui/themeProvider/fonts.ts"],"sourcesContent":["import fontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf';\nimport fontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff';\nimport fontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2';\nimport fontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf';\nimport fontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff';\nimport fontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2';\nimport fontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf';\nimport fontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff';\nimport fontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2';\nimport fontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf';\nimport fontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff';\nimport fontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2';\nimport rtlFontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.ttf';\nimport rtlFontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff';\nimport rtlFontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff2';\nimport rtlFontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.ttf';\nimport rtlFontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff';\nimport rtlFontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff2';\nimport rtlFontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.ttf';\nimport rtlFontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff';\nimport rtlFontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff2';\nimport rtlFontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.ttf';\nimport rtlFontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff';\nimport rtlFontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff2';\n\n// fonts can be excluded from bundle by changing font import to undefined\nexport const fonts = {\n  fontBlackTtf,\n  fontBlackWoff,\n  fontBlackWoff2,\n  fontBoldTtf,\n  fontBoldWoff,\n  fontBoldWoff2,\n  fontLightTtf,\n  fontLightWoff,\n  fontLightWoff2,\n  fontRegularTtf,\n  fontRegularWoff,\n  fontRegularWoff2,\n  rtlFontBlackTtf,\n  rtlFontBlackWoff,\n  rtlFontBlackWoff2,\n  rtlFontBoldTtf,\n  rtlFontBoldWoff,\n  rtlFontBoldWoff2,\n  rtlFontLightTtf,\n  rtlFontLightWoff,\n  rtlFontLightWoff2,\n  rtlFontRegularTtf,\n  rtlFontRegularWoff,\n  rtlFontRegularWoff2,\n};\n"],"names":["fonts","fontBlackTtf","fontBlackWoff","fontBlackWoff2","fontBoldTtf","fontBoldWoff","fontBoldWoff2","fontLightTtf","fontLightWoff","fontLightWoff2","fontRegularTtf","fontRegularWoff","fontRegularWoff2","rtlFontBlackTtf","rtlFontBlackWoff","rtlFontBlackWoff2","rtlFontBoldTtf","rtlFontBoldWoff","rtlFontBoldWoff2","rtlFontLightTtf","rtlFontLightWoff","rtlFontLightWoff2","rtlFontRegularTtf","rtlFontRegularWoff","rtlFontRegularWoff2"],"mappings":"8qDA0Ba,MAAAA,EAAQ,CACnBC,eACAC,gBACAC,iBACAC,cACAC,eACAC,gBACAC,eACAC,gBACAC,iBACAC,iBACAC,kBACAC,mBACAC,kBACAC,mBACAC,oBACAC,iBACAC,kBACAC,mBACAC,kBACAC,mBACAC,oBACAC,oBACAC,qBACAC"}
+{"version":3,"file":"fonts.js","sources":["../../../src/materialui/themeProvider/fonts.ts"],"sourcesContent":["import fontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.ttf';\nimport fontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff';\nimport fontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Black.woff2';\nimport fontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.ttf';\nimport fontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff';\nimport fontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Bold.woff2';\nimport fontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.ttf';\nimport fontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff';\nimport fontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Light.woff2';\nimport fontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.ttf';\nimport fontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff';\nimport fontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANext-Regular.woff2';\nimport rtlFontBlackTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.ttf';\nimport rtlFontBlackWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff';\nimport rtlFontBlackWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Black.woff2';\nimport rtlFontBoldTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.ttf';\nimport rtlFontBoldWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff';\nimport rtlFontBoldWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Bold.woff2';\nimport rtlFontLightTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.ttf';\nimport rtlFontLightWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff';\nimport rtlFontLightWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Light.woff2';\nimport rtlFontRegularTtf from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.ttf';\nimport rtlFontRegularWoff from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff';\nimport rtlFontRegularWoff2 from '@skodaflow/web-tokens/src/fonts/SKODANextArabic-Regular.woff2';\n\n// fonts can be excluded from bundle by changing font import to undefined\nexport const fonts = {\n  fontBlackTtf,\n  fontBlackWoff,\n  fontBlackWoff2,\n  fontBoldTtf,\n  fontBoldWoff,\n  fontBoldWoff2,\n  fontLightTtf,\n  fontLightWoff,\n  fontLightWoff2,\n  fontRegularTtf,\n  fontRegularWoff,\n  fontRegularWoff2,\n  rtlFontBlackTtf,\n  rtlFontBlackWoff,\n  rtlFontBlackWoff2,\n  rtlFontBoldTtf,\n  rtlFontBoldWoff,\n  rtlFontBoldWoff2,\n  rtlFontLightTtf,\n  rtlFontLightWoff,\n  rtlFontLightWoff2,\n  rtlFontRegularTtf,\n  rtlFontRegularWoff,\n  rtlFontRegularWoff2,\n};\n"],"names":["fonts","fontBlackTtf","fontBlackWoff","fontBlackWoff2","fontBoldTtf","fontBoldWoff","fontBoldWoff2","fontLightTtf","fontLightWoff","fontLightWoff2","fontRegularTtf","fontRegularWoff","fontRegularWoff2","rtlFontBlackTtf","rtlFontBlackWoff","rtlFontBlackWoff2","rtlFontBoldTtf","rtlFontBoldWoff","rtlFontBoldWoff2","rtlFontLightTtf","rtlFontLightWoff","rtlFontLightWoff2","rtlFontRegularTtf","rtlFontRegularWoff","rtlFontRegularWoff2"],"mappings":"8qDA0BO,MAAMA,EAAQ,CACnBC,eACAC,gBACAC,iBACAC,cACAC,eACAC,gBACAC,eACAC,gBACAC,iBACAC,iBACAC,kBACAC,mBACAC,kBACAC,mBACAC,oBACAC,iBACAC,kBACAC,mBACAC,kBACAC,mBACAC,oBACAC,oBACAC,qBACAC"}

package/materialui/{theme/theme.typography.js → typography/typography.theme.js}

@@ -1,2 +1,2 @@
 import{createBreakpoints as t}from"@mui/system";import e from"@skodaflow/web-tokens/src/tokens.json";const n=(t,n,i)=>{const s=null!=i?i:"small",o=e["flow-typography"].find((e=>e.name===`${s}-${t}`));return o?Object.assign(Object.assign({},o.style),n?{fontFamily:"SKODA Next R2L"}:{}):null},i=(e,i,s)=>{const o=t(i);return Object.assign(Object.assign({},n(e,s,"small")),{[o.up("md")]:Object.assign({},n(e,s,"medium")),[o.up("xl")]:Object.assign({},n(e,s,"large"))})},s=(t,e)=>{const n=i("body",t,e);return Object.assign(Object.assign({fontFamily:["SKODA Next"+(e?" R2L":""),"sans-serif","Arial"].join(","),body:n},Object.fromEntries(["h1","h2","h3","h4","subheadline","subtitle1","subtitle2","display","list","disclaimer","disclaimer1","disclaimer2","caption1","caption2"].map((n=>[n,i(n,t,e)])))),{body1:n,body2:n,h5:i("subheadline",t,e),h6:i("caption1",t,e),caption:i("caption2",t,e),overline:i("caption1",t,e),button:{fontFamily:e?"SKODA Next R2L":"SKODA Next",letterSpacing:"0.75px",textTransform:"none",textDecoration:"none",fontSize:"16px",fontWeight:"700",lineHeight:"16px"}})};export{i as generateTypography,n as getTypography,s as getTypographyOptions};
-//# sourceMappingURL=theme.typography.js.map
+//# sourceMappingURL=typography.theme.js.map

package/materialui/typography/typography.theme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"typography.theme.js","sources":["../../../src/materialui/typography/typography.theme.ts"],"sourcesContent":["import { CSSProperties } from 'react';\nimport { TypographyOptions } from '@mui/material/styles/createTypography';\nimport { BreakpointsOptions, createBreakpoints } from '@mui/system';\nimport tokens from '@skodaflow/web-tokens/src/tokens.json';\n\nexport type TypographySize = 'small' | 'medium' | 'large';\n\n/**\n * Obtain style for element for the certain size\n */\nexport const getTypography = (element: string, rtl: boolean, size?: TypographySize) => {\n  const screen = size ?? 'small';\n  const typo = tokens['flow-typography'].find((el) => el.name === `${screen}-${element}`);\n  if (typo)\n    return {\n      ...typo['style'],\n      // replace font for rtl variant\n      ...(rtl\n        ? {\n            fontFamily: 'SKODA Next R2L',\n          }\n        : {}),\n    } as CSSProperties;\n  else return null;\n};\n\n/**\n * Generate responsive typography style with the media queries\n */\nexport const generateTypography = (element: string, breakpointsOptions: BreakpointsOptions, rtl: boolean) => {\n  const breakpoints = createBreakpoints(breakpointsOptions);\n\n  return {\n    ...getTypography(element, rtl, 'small'),\n    [breakpoints.up('md')]: {\n      ...getTypography(element, rtl, 'medium'),\n    },\n    [breakpoints.up('xl')]: {\n      ...getTypography(element, rtl, 'large'),\n    },\n  };\n};\n\n/**\n * Build the typography theme options\n */\nexport const getTypographyOptions = (breakpointsOptions: BreakpointsOptions, rtl: boolean): TypographyOptions => {\n  const bodyTypo = generateTypography('body', breakpointsOptions, rtl);\n\n  return {\n    fontFamily: [`SKODA Next${rtl ? ' R2L' : ''}`, 'sans-serif', 'Arial'].join(','),\n    body: bodyTypo,\n    ...Object.fromEntries(\n      [\n        'h1',\n        'h2',\n        'h3',\n        'h4',\n        'subheadline',\n        'subtitle1',\n        'subtitle2',\n        'display',\n        'list',\n        'disclaimer',\n        'disclaimer1',\n        'disclaimer2',\n        'caption1',\n        'caption2',\n      ].map((element) => [element, generateTypography(element, breakpointsOptions, rtl)]),\n    ),\n    // original @mui properties\n    body1: bodyTypo,\n    body2: bodyTypo,\n    h5: generateTypography('subheadline', breakpointsOptions, rtl),\n    h6: generateTypography('caption1', breakpointsOptions, rtl),\n    caption: generateTypography('caption2', breakpointsOptions, rtl),\n    overline: generateTypography('caption1', breakpointsOptions, rtl),\n    // button, later this definition should come from @skodaflow/web-tokens\n    button: {\n      fontFamily: rtl ? 'SKODA Next R2L' : 'SKODA Next',\n      letterSpacing: '0.75px',\n      textTransform: 'none',\n      textDecoration: 'none',\n      fontSize: '16px',\n      fontWeight: '700',\n      lineHeight: '16px',\n    },\n  };\n};\n"],"names":["getTypography","element","rtl","size","screen","typo","tokens","find","el","name","Object","fontFamily","generateTypography","breakpointsOptions","breakpoints","createBreakpoints","assign","up","getTypographyOptions","bodyTypo","join","body","fromEntries","map","body1","body2","h5","h6","caption","overline","button","letterSpacing","textTransform","textDecoration","fontSize","fontWeight","lineHeight"],"mappings":"qGAUO,MAAMA,EAAgB,CAACC,EAAiBC,EAAcC,KAC3D,MAAMC,EAASD,QAAAA,EAAQ,QACjBE,EAAOC,EAAO,mBAAmBC,MAAMC,GAAOA,EAAGC,OAAS,GAAGL,KAAUH,MAC7E,OAAII,EACKK,+BACFL,EAAY,OAEXH,EACA,CACES,WAAY,kBAEd,IAEI,IAAI,EAMLC,EAAqB,CAACX,EAAiBY,EAAwCX,KAC1F,MAAMY,EAAcC,EAAkBF,GAEtC,OAAAH,OAAAM,OAAAN,OAAAM,OAAA,CAAA,EACKhB,EAAcC,EAASC,EAAK,UAAQ,CACvC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,WAEjC,CAACY,EAAYG,GAAG,OAAMP,OAAAM,OAAA,CAAA,EACjBhB,EAAcC,EAASC,EAAK,WAAQ,EAQhCgB,EAAuB,CAACL,EAAwCX,KAC3E,MAAMiB,EAAWP,EAAmB,OAAQC,EAAoBX,GAEhE,OAAAQ,OAAAM,OAAAN,OAAAM,OAAA,CACEL,WAAY,CAAC,cAAaT,EAAM,OAAS,IAAM,aAAc,SAASkB,KAAK,KAC3EC,KAAMF,GACHT,OAAOY,YACR,CACE,KACA,KACA,KACA,KACA,cACA,YACA,YACA,UACA,OACA,aACA,cACA,cACA,WACA,YACAC,KAAKtB,GAAY,CAACA,EAASW,EAAmBX,EAASY,EAAoBX,QAC9E,CAEDsB,MAAOL,EACPM,MAAON,EACPO,GAAId,EAAmB,cAAeC,EAAoBX,GAC1DyB,GAAIf,EAAmB,WAAYC,EAAoBX,GACvD0B,QAAShB,EAAmB,WAAYC,EAAoBX,GAC5D2B,SAAUjB,EAAmB,WAAYC,EAAoBX,GAE7D4B,OAAQ,CACNnB,WAAYT,EAAM,iBAAmB,aACrC6B,cAAe,SACfC,cAAe,OACfC,eAAgB,OAChBC,SAAU,OACVC,WAAY,MACZC,WAAY,SACb"}

package/organisms/agGrid/agGrid.theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"agGrid.theme.js","sources":["../../../src/organisms/agGrid/agGrid.theme.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\nconst getFlowCssAgGrid = (theme: Theme): CSSObject => ({\n  '& .ag-theme-material': {\n    width: '100%',\n    height: '100%',\n\n    '--ag-font-family': theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n    '--ag-font-size': '16px',\n    '--ag-material-primary-color': theme.palette.primary.main,\n    '--ag-material-accent-color': theme.palette.secondary.main,\n    '--ag-foreground-color': theme.palette.text.primary,\n    '--ag-data-color': theme.palette.text.primary,\n    '--ag-header-foreground-color': theme.palette.text.primary,\n    '--ag-background-color': 'transparent',\n    '--ag-header-background-color': 'transparent',\n    '--ag-subheader-background-color': 'transparent',\n    '--ag-subheader-toolbar-background-color': 'transparent',\n    '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n    '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n    '--ag-selected-row-background-color': theme.palette.common.white,\n    '--ag-odd-row-background-color': 'transparent',\n    '--ag-column-hover-color': 'transparent',\n    '--ag-header-cell-hover-background-color': 'transparent',\n    '--ag-row-hover-color': theme.palette.surface.primary,\n    '--ag-row-border-color': theme.palette.surface.secondary,\n    '--ag-border-radius': '8px',\n    '--ag-checkbox-checked-color': theme.palette.brand.primary,\n    '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n    '--ag-cell-horizontal-padding': '16px',\n    '--ag-cell-vertical-padding': '17px',\n    '--ag-row-height': '54px',\n    '--ag-header-height': '54px',\n    '--ag-header-column-separator-display': 'block',\n    '--ag-header-column-separator-height': '20px',\n    '--ag-header-column-separator-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-display': 'block',\n    '--ag-header-column-resize-handle-height': '20px',\n\n    '.ag-root-wrapper': {\n      border: '1px solid',\n      borderColor: theme.palette.surface.secondary,\n      borderRadius: '8px',\n    },\n\n    '.ag-row-last': {\n      borderBottom: 'none',\n    },\n\n    '.ag-row-hover': {\n      backgroundColor: 'var(--ag-row-hover-color) !important',\n    },\n\n    '.ag-center-cols-container': {\n      minWidth: '100%',\n    },\n\n    '.ag-paging-panel': {\n      border: 'none',\n      position: 'relative',\n      '&:before': {\n        display: 'block',\n        content: \"''\",\n        height: '1px',\n        background: theme.palette.surface.secondary,\n        position: 'absolute',\n        top: '0',\n        left: '24px',\n        right: '24px',\n      },\n    },\n  },\n});\n\nexport { getFlowCssAgGrid };\n"],"names":["getFlowCssAgGrid","theme","width","height","direction","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"AAEA,MAAMA,EAAoBC,IAA6B,CACrD,uBAAwB,CACtBC,MAAO,OACPC,OAAQ,OAER,mBAAwC,QAApBF,EAAMG,UAAsB,iBAAmB,aACnE,iBAAkB,OAClB,8BAA+BH,EAAMI,QAAQC,QAAQC,KACrD,6BAA8BN,EAAMI,QAAQG,UAAUD,KACtD,wBAAyBN,EAAMI,QAAQI,KAAKH,QAC5C,kBAAmBL,EAAMI,QAAQI,KAAKH,QACtC,+BAAgCL,EAAMI,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCL,EAAMI,QAAQK,UAAUC,MAC3D,iCAAkCV,EAAMI,QAAQO,SAASC,SACzD,qCAAsCZ,EAAMI,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBd,EAAMI,QAAQW,QAAQV,QAC9C,wBAAyBL,EAAMI,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BP,EAAMI,QAAQY,MAAMX,QACnD,oCAAqCL,EAAMI,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCL,EAAMI,QAAQW,QAAQR,UAC5D,yCAA0CP,EAAMI,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAE3C,mBAAoB,CAClBU,OAAQ,YACRC,YAAalB,EAAMI,QAAQW,QAAQR,UACnCY,aAAc,OAGhB,eAAgB,CACdC,aAAc,QAGhB,gBAAiB,CACfC,gBAAiB,wCAGnB,4BAA6B,CAC3BC,SAAU,QAGZ,mBAAoB,CAClBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACVC,QAAS,QACTC,QAAS,KACTvB,OAAQ,MACRwB,WAAY1B,EAAMI,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}
+{"version":3,"file":"agGrid.theme.js","sources":["../../../src/organisms/agGrid/agGrid.theme.ts"],"sourcesContent":["import { Theme, CSSObject } from '@mui/material';\n\nconst getFlowCssAgGrid = (theme: Theme): CSSObject => ({\n  '& .ag-theme-material': {\n    width: '100%',\n    height: '100%',\n\n    '--ag-font-family': theme.direction === 'rtl' ? 'SKODA Next R2L' : 'SKODA Next',\n    '--ag-font-size': '16px',\n    '--ag-material-primary-color': theme.palette.primary.main,\n    '--ag-material-accent-color': theme.palette.secondary.main,\n    '--ag-foreground-color': theme.palette.text.primary,\n    '--ag-data-color': theme.palette.text.primary,\n    '--ag-header-foreground-color': theme.palette.text.primary,\n    '--ag-background-color': 'transparent',\n    '--ag-header-background-color': 'transparent',\n    '--ag-subheader-background-color': 'transparent',\n    '--ag-subheader-toolbar-background-color': 'transparent',\n    '--ag-secondary-foreground-color': theme.palette.onSurface.os500,\n    '--ag-disabled-foreground-color': theme.palette.disabled.tertiary,\n    '--ag-selected-row-background-color': theme.palette.common.white,\n    '--ag-odd-row-background-color': 'transparent',\n    '--ag-column-hover-color': 'transparent',\n    '--ag-header-cell-hover-background-color': 'transparent',\n    '--ag-row-hover-color': theme.palette.surface.primary,\n    '--ag-row-border-color': theme.palette.surface.secondary,\n    '--ag-border-radius': '8px',\n    '--ag-checkbox-checked-color': theme.palette.brand.primary,\n    '--ag-checkbox-indeterminate-color': theme.palette.brand.primary,\n    '--ag-cell-horizontal-padding': '16px',\n    '--ag-cell-vertical-padding': '17px',\n    '--ag-row-height': '54px',\n    '--ag-header-height': '54px',\n    '--ag-header-column-separator-display': 'block',\n    '--ag-header-column-separator-height': '20px',\n    '--ag-header-column-separator-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-color': theme.palette.surface.secondary,\n    '--ag-header-column-resize-handle-display': 'block',\n    '--ag-header-column-resize-handle-height': '20px',\n\n    '.ag-root-wrapper': {\n      border: '1px solid',\n      borderColor: theme.palette.surface.secondary,\n      borderRadius: '8px',\n    },\n\n    '.ag-row-last': {\n      borderBottom: 'none',\n    },\n\n    '.ag-row-hover': {\n      backgroundColor: 'var(--ag-row-hover-color) !important',\n    },\n\n    '.ag-center-cols-container': {\n      minWidth: '100%',\n    },\n\n    '.ag-paging-panel': {\n      border: 'none',\n      position: 'relative',\n      '&:before': {\n        display: 'block',\n        content: \"''\",\n        height: '1px',\n        background: theme.palette.surface.secondary,\n        position: 'absolute',\n        top: '0',\n        left: '24px',\n        right: '24px',\n      },\n    },\n  },\n});\n\nexport { getFlowCssAgGrid };\n"],"names":["getFlowCssAgGrid","theme","width","height","direction","palette","primary","main","secondary","text","onSurface","os500","disabled","tertiary","common","white","surface","brand","border","borderColor","borderRadius","borderBottom","backgroundColor","minWidth","position","display","content","background","top","left","right"],"mappings":"AAEA,MAAMA,EAAoBC,IAAY,CACpC,uBAAwB,CACtBC,MAAO,OACPC,OAAQ,OAER,mBAAwC,QAApBF,EAAMG,UAAsB,iBAAmB,aACnE,iBAAkB,OAClB,8BAA+BH,EAAMI,QAAQC,QAAQC,KACrD,6BAA8BN,EAAMI,QAAQG,UAAUD,KACtD,wBAAyBN,EAAMI,QAAQI,KAAKH,QAC5C,kBAAmBL,EAAMI,QAAQI,KAAKH,QACtC,+BAAgCL,EAAMI,QAAQI,KAAKH,QACnD,wBAAyB,cACzB,+BAAgC,cAChC,kCAAmC,cACnC,0CAA2C,cAC3C,kCAAmCL,EAAMI,QAAQK,UAAUC,MAC3D,iCAAkCV,EAAMI,QAAQO,SAASC,SACzD,qCAAsCZ,EAAMI,QAAQS,OAAOC,MAC3D,gCAAiC,cACjC,0BAA2B,cAC3B,0CAA2C,cAC3C,uBAAwBd,EAAMI,QAAQW,QAAQV,QAC9C,wBAAyBL,EAAMI,QAAQW,QAAQR,UAC/C,qBAAsB,MACtB,8BAA+BP,EAAMI,QAAQY,MAAMX,QACnD,oCAAqCL,EAAMI,QAAQY,MAAMX,QACzD,+BAAgC,OAChC,6BAA8B,OAC9B,kBAAmB,OACnB,qBAAsB,OACtB,uCAAwC,QACxC,sCAAuC,OACvC,qCAAsCL,EAAMI,QAAQW,QAAQR,UAC5D,yCAA0CP,EAAMI,QAAQW,QAAQR,UAChE,2CAA4C,QAC5C,0CAA2C,OAE3C,mBAAoB,CAClBU,OAAQ,YACRC,YAAalB,EAAMI,QAAQW,QAAQR,UACnCY,aAAc,OAGhB,eAAgB,CACdC,aAAc,QAGhB,gBAAiB,CACfC,gBAAiB,wCAGnB,4BAA6B,CAC3BC,SAAU,QAGZ,mBAAoB,CAClBL,OAAQ,OACRM,SAAU,WACV,WAAY,CACVC,QAAS,QACTC,QAAS,KACTvB,OAAQ,MACRwB,WAAY1B,EAAMI,QAAQW,QAAQR,UAClCgB,SAAU,WACVI,IAAK,IACLC,KAAM,OACNC,MAAO"}

package/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/**\n * @interface CardOwnedVehicleProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface CardOwnedVehicleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Variants of the label\n   */\n  labelVariant: 'general' | 'feature';\n  /**\n   * Vehicle name text\n   */\n  vehicleName?: string;\n  /**\n   * Vehicle equipment text\n   */\n  equipment?: string;\n  /**\n   * Vehicle status\n   */\n  vehicleStatus?: string;\n  /**\n   * Vehicle status variant\n   * As: Alert,Warning,Positive, Neutral, Custom\n   */\n  vehicleStatusVariant?: string;\n  /**\n   * An image of the component\n   */\n  image?: string;\n  /**\n   *  The source of the onError image.\n   */\n  fallbackImage?: string;\n  /**\n   * Alternative description Image\n   */\n  altDescriptionImage?: string;\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  mandatoryButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Optional button object. The button is displayed if the label text is present\n   */\n  optionalButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Set element's opacity.\n   */\n  darkOpacityLayer: DarkOpacity;\n  /**\n   * Set element's opacity.\n   */\n  lightOpacityLayer: LightOpacity;\n  /**\n   * If true, menu is showing\n   */\n  isMenuDropdown: boolean;\n  /**\n   * if true, vehicleSpecs section is showing\n   */\n  vehicleSpecs?: boolean;\n  /**\n   * vehicleSpecs information\n   */\n  vehicleSpecsObject?: [\n    {\n      subtitle: string;\n      value: string;\n    },\n  ];\n  /**\n   * Size of the component's height\n   */\n  size?: 'fixed' | 'adjustable';\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * MenuCardComponent props.\n   */\n  menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardOwnedVehicle = forwardRef<HTMLDivElement, CardOwnedVehicleProps>((props, ref) => {\n  return (\n    <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size} ref={ref}>\n      <CardOwnedVehicleComponent isCompact={true} {...props} />\n    </CardStandardWrapperStyled>\n  );\n});\n"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"gPA4Ha,MAAAA,EAAmBC,GAAkD,CAACC,EAAOC,IAEtFC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMJ,IAAKA,EACtFK,SAAAJ,EAACK,EAA0BC,OAAAC,OAAA,CAAAC,WAAW,GAAUV"}
+{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/**\n * @interface CardOwnedVehicleProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface CardOwnedVehicleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Variants of the label\n   */\n  labelVariant: 'general' | 'feature';\n  /**\n   * Vehicle name text\n   */\n  vehicleName?: string;\n  /**\n   * Vehicle equipment text\n   */\n  equipment?: string;\n  /**\n   * Vehicle status\n   */\n  vehicleStatus?: string;\n  /**\n   * Vehicle status variant\n   * As: Alert,Warning,Positive, Neutral, Custom\n   */\n  vehicleStatusVariant?: string;\n  /**\n   * An image of the component\n   */\n  image?: string;\n  /**\n   *  The source of the onError image.\n   */\n  fallbackImage?: string;\n  /**\n   * Alternative description Image\n   */\n  altDescriptionImage?: string;\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  mandatoryButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Optional button object. The button is displayed if the label text is present\n   */\n  optionalButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Set element's opacity.\n   */\n  darkOpacityLayer: DarkOpacity;\n  /**\n   * Set element's opacity.\n   */\n  lightOpacityLayer: LightOpacity;\n  /**\n   * If true, menu is showing\n   */\n  isMenuDropdown: boolean;\n  /**\n   * if true, vehicleSpecs section is showing\n   */\n  vehicleSpecs?: boolean;\n  /**\n   * vehicleSpecs information\n   */\n  vehicleSpecsObject?: [\n    {\n      subtitle: string;\n      value: string;\n    },\n  ];\n  /**\n   * Size of the component's height\n   */\n  size?: 'fixed' | 'adjustable';\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * MenuCardComponent props.\n   */\n  menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardOwnedVehicle = forwardRef<HTMLDivElement, CardOwnedVehicleProps>((props, ref) => {\n  return (\n    <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size} ref={ref}>\n      <CardOwnedVehicleComponent isCompact={true} {...props} />\n    </CardStandardWrapperStyled>\n  );\n});\n"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"gPA4HO,MAAMA,EAAmBC,GAAkD,CAACC,EAAOC,IAEtFC,EAACC,EAAyB,CAACC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMJ,IAAKA,EAAGK,SACzFJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUV"}

package/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Indicator } from '../../components/indicator';\nimport { CardOwnedVehicleProps } from './cardOwnedVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { Label } from '@/src/components/label';\n\nexport const CardOwnedVehicleComponent: FC<CardOwnedVehicleProps> = ({\n  label,\n  labelVariant,\n  vehicleName,\n  equipment,\n  vehicleStatus,\n  vehicleStatusVariant,\n  image,\n  fallbackImage,\n  altDescriptionImage,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  darkOpacityLayer,\n  lightOpacityLayer,\n  menuCardComponentProps,\n  isMenuDropdown,\n  vehicleSpecs,\n  vehicleSpecsObject,\n  isCompact,\n  size,\n}) => {\n  return (\n    <CardOwnVehicleComponentStyled\n      size={size}\n      darkOpacityLayer={darkOpacityLayer}\n      lightOpacityLayer={lightOpacityLayer}\n    >\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"ownedVehicleContainer\">\n        <div className=\"ownedVehicleContainerContent\">\n          <div className=\"vehicleTitleContainer\">\n            {label &&\n              (labelVariant === 'feature' ? (\n                <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n                  {handleMaxChars(label, 30)}\n                </Label>\n              ) : (\n                <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n              ))}\n            {vehicleName && (\n              <h2 style={{ margin: 0 }} className=\"vehicleName\">\n                {handleMaxChars(vehicleName, 20)}\n              </h2>\n            )}\n            {equipment && (\n              <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n                {handleMaxChars(equipment, 20)}\n              </h4>\n            )}\n            {vehicleStatus && <Indicator className=\"disclamer\" label={vehicleStatus} color={vehicleStatusVariant} />}\n          </div>\n          <div className=\"ownedVehicleImage\">\n            <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n          </div>\n          <div className=\"ownedVehicleSpecsContainer\">\n            <div className=\"ownedVehicleButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n            {vehicleSpecs && (\n              <div className=\"ownedVehicleSpecs\">\n                {vehicleSpecsObject.map((item) => {\n                  return (\n                    <div key={item.value}>\n                      {item.subtitle && <p>{item.subtitle}</p>}\n                      {item.value && (\n                        <p>\n                          <b>{item.value}</b>\n                        </p>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n        </div>\n      </div>\n    </CardOwnVehicleComponentStyled>\n  );\n};\nexport default CardOwnedVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n  let opacity = '';\n\n  switch (lightOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n      break;\n  }\n  switch (darkOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n      break;\n  }\n\n  return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n  let color = '';\n\n  if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n    color = theme.palette.onSurface.os900;\n  }\n  if (darkOpacityLayer !== 'opacity0') {\n    color = theme.palette.onSurface.os0;\n  } else color = theme.palette.onSurface.os900;\n\n  return color;\n};\n\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n  const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n  const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n  let style = {};\n  style = {\n    position: 'relative',\n    width: '100%',\n    padding: '24px',\n    backgroundColor: theme.palette.transparent.primary,\n    color: textColor,\n    '& .ownedVehicleImage': {\n      marginTop: '-45px',\n      position: 'relative',\n      [theme.breakpoints.up('md')]: {\n        position: props.size === 'fixed' ? 'absolute' : 'relative',\n        marginTop: props.size === 'fixed' ? 0 : '-45px',\n      },\n\n      zIndex: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      ' & > img': {\n        minHeight: '176px',\n        maxWidth: '100%',\n        maxHeight: '100%',\n        position: 'relative',\n        objectFit: 'contain',\n      },\n    },\n    '& .disclamer': {\n      fontSize: '14px',\n      lineHeight: '20px',\n      marginTop: '4px',\n      color: textColor,\n    },\n    '& .ownedVehicleContainer': {\n      position: 'relative',\n      height: '100%',\n      width: '100%',\n    },\n    '& .ownedVehicleContainerContent': {\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n      boxSizing: 'border-box',\n      ' & > .vehicleTitleContainer': {\n        zIndex: 2,\n        width: '100%',\n        '& > .vehicleName': {\n          fontSize: '23px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '24px',\n          },\n          lineHeight: '28px',\n        },\n        '& > .vehicleEquipment': {\n          fontSize: '16px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '18px',\n          },\n          lineHeight: '24px',\n        },\n        '& > .CardImageLabelFeature': {\n          marginLeft: '0px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageLabel': {\n          lineHeight: '12px !important',\n          marginBottom: '8px',\n        },\n      },\n      '& > .ownedVehicleSpecsContainer': {\n        marginTop: '-25px',\n        fontSize: '14px',\n        lineHeight: '20px',\n        display: 'flex',\n        flexDirection: 'column-reverse',\n        flexWrap: 'wrap-reverse',\n        width: '100%',\n        justifyContent: 'space-between',\n        zIndex: 2,\n        [theme.breakpoints.up('md')]: {\n          flexDirection: 'row',\n          marginTop: props.size === 'fixed' ? 0 : '-25px',\n        },\n        '& > .ownedVehicleButtons': {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'end',\n          flexWrap: 'wrap',\n          gap: '12px 16px',\n          marginTop: '8px',\n          '& > .button-component': {\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n              width: 'auto',\n              padding: '0 0 2px 2px',\n            },\n            ' > div': {\n              width: '100%',\n            },\n          },\n          '& .MuiButton-root': {\n            width: '100%',\n          },\n          [theme.breakpoints.up('md')]: {\n            flexDirection: 'row',\n            '& > a': {\n              '& + a': {\n                marginTop: '0',\n              },\n            },\n          },\n        },\n        ' & > .ownedVehicleSpecs': {\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'end',\n          marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n\n          ' & > div:first-of-type': {\n            marginRight: '24px',\n          },\n          ' & > div > p': {\n            margin: 0,\n          },\n        },\n      },\n\n      ' & >.menuCardComponent': {\n        top: '-7px',\n        right: '-5px',\n      },\n    },\n    ' & >.CardImageOverlayTheme': {\n      background: opacityLayer,\n    },\n  };\n\n  return style;\n});\n"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","Label","type","variant","handleMaxChars","style","margin","Indicator","color","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
+{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Indicator } from '../../components/indicator';\nimport { CardOwnedVehicleProps } from './cardOwnedVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nimport { Label } from '@/src/components/label';\n\nexport const CardOwnedVehicleComponent: FC<CardOwnedVehicleProps> = ({\n  label,\n  labelVariant,\n  vehicleName,\n  equipment,\n  vehicleStatus,\n  vehicleStatusVariant,\n  image,\n  fallbackImage,\n  altDescriptionImage,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  darkOpacityLayer,\n  lightOpacityLayer,\n  menuCardComponentProps,\n  isMenuDropdown,\n  vehicleSpecs,\n  vehicleSpecsObject,\n  isCompact,\n  size,\n}) => {\n  return (\n    <CardOwnVehicleComponentStyled\n      size={size}\n      darkOpacityLayer={darkOpacityLayer}\n      lightOpacityLayer={lightOpacityLayer}\n    >\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"ownedVehicleContainer\">\n        <div className=\"ownedVehicleContainerContent\">\n          <div className=\"vehicleTitleContainer\">\n            {label &&\n              (labelVariant === 'feature' ? (\n                <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n                  {handleMaxChars(label, 30)}\n                </Label>\n              ) : (\n                <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n              ))}\n            {vehicleName && (\n              <h2 style={{ margin: 0 }} className=\"vehicleName\">\n                {handleMaxChars(vehicleName, 20)}\n              </h2>\n            )}\n            {equipment && (\n              <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n                {handleMaxChars(equipment, 20)}\n              </h4>\n            )}\n            {vehicleStatus && <Indicator className=\"disclamer\" label={vehicleStatus} color={vehicleStatusVariant} />}\n          </div>\n          <div className=\"ownedVehicleImage\">\n            <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n          </div>\n          <div className=\"ownedVehicleSpecsContainer\">\n            <div className=\"ownedVehicleButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n            {vehicleSpecs && (\n              <div className=\"ownedVehicleSpecs\">\n                {vehicleSpecsObject.map((item) => {\n                  return (\n                    <div key={item.value}>\n                      {item.subtitle && <p>{item.subtitle}</p>}\n                      {item.value && (\n                        <p>\n                          <b>{item.value}</b>\n                        </p>\n                      )}\n                    </div>\n                  );\n                })}\n              </div>\n            )}\n          </div>\n          {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n        </div>\n      </div>\n    </CardOwnVehicleComponentStyled>\n  );\n};\nexport default CardOwnedVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n  let opacity = '';\n\n  switch (lightOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n      break;\n  }\n  switch (darkOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n      break;\n  }\n\n  return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n  let color = '';\n\n  if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n    color = theme.palette.onSurface.os900;\n  }\n  if (darkOpacityLayer !== 'opacity0') {\n    color = theme.palette.onSurface.os0;\n  } else color = theme.palette.onSurface.os900;\n\n  return color;\n};\n\n/**\n * @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n  const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n  const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n  let style = {};\n  style = {\n    position: 'relative',\n    width: '100%',\n    padding: '24px',\n    backgroundColor: theme.palette.transparent.primary,\n    color: textColor,\n    '& .ownedVehicleImage': {\n      marginTop: '-45px',\n      position: 'relative',\n      [theme.breakpoints.up('md')]: {\n        position: props.size === 'fixed' ? 'absolute' : 'relative',\n        marginTop: props.size === 'fixed' ? 0 : '-45px',\n      },\n\n      zIndex: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      ' & > img': {\n        minHeight: '176px',\n        maxWidth: '100%',\n        maxHeight: '100%',\n        position: 'relative',\n        objectFit: 'contain',\n      },\n    },\n    '& .disclamer': {\n      fontSize: '14px',\n      lineHeight: '20px',\n      marginTop: '4px',\n      color: textColor,\n    },\n    '& .ownedVehicleContainer': {\n      position: 'relative',\n      height: '100%',\n      width: '100%',\n    },\n    '& .ownedVehicleContainerContent': {\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      display: 'flex',\n      flexDirection: 'column',\n      justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n      boxSizing: 'border-box',\n      ' & > .vehicleTitleContainer': {\n        zIndex: 2,\n        width: '100%',\n        '& > .vehicleName': {\n          fontSize: '23px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '24px',\n          },\n          lineHeight: '28px',\n        },\n        '& > .vehicleEquipment': {\n          fontSize: '16px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '18px',\n          },\n          lineHeight: '24px',\n        },\n        '& > .CardImageLabelFeature': {\n          marginLeft: '0px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageLabel': {\n          lineHeight: '12px !important',\n          marginBottom: '8px',\n        },\n      },\n      '& > .ownedVehicleSpecsContainer': {\n        marginTop: '-25px',\n        fontSize: '14px',\n        lineHeight: '20px',\n        display: 'flex',\n        flexDirection: 'column-reverse',\n        flexWrap: 'wrap-reverse',\n        width: '100%',\n        justifyContent: 'space-between',\n        zIndex: 2,\n        [theme.breakpoints.up('md')]: {\n          flexDirection: 'row',\n          marginTop: props.size === 'fixed' ? 0 : '-25px',\n        },\n        '& > .ownedVehicleButtons': {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'end',\n          flexWrap: 'wrap',\n          gap: '12px 16px',\n          marginTop: '8px',\n          '& > .button-component': {\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n              width: 'auto',\n              padding: '0 0 2px 2px',\n            },\n            ' > div': {\n              width: '100%',\n            },\n          },\n          '& .MuiButton-root': {\n            width: '100%',\n          },\n          [theme.breakpoints.up('md')]: {\n            flexDirection: 'row',\n            '& > a': {\n              '& + a': {\n                marginTop: '0',\n              },\n            },\n          },\n        },\n        ' & > .ownedVehicleSpecs': {\n          display: 'flex',\n          flexDirection: 'row',\n          alignItems: 'end',\n          marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n\n          ' & > div:first-of-type': {\n            marginRight: '24px',\n          },\n          ' & > div > p': {\n            margin: 0,\n          },\n        },\n      },\n\n      ' & >.menuCardComponent': {\n        top: '-7px',\n        right: '-5px',\n      },\n    },\n    ' & >.CardImageOverlayTheme': {\n      background: opacityLayer,\n    },\n  };\n\n  return style;\n});\n"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","Label","type","variant","handleMaxChars","style","margin","Indicator","color","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface CardPhotoAdjustableProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  labelText?: string;\n\n  /**\n   * If labelVariant is feature, it is possible to select a variant of the Feature Label\n   */\n  labelVariants?: 'primary' | 'neutral' | 'secondary';\n\n  /**\n   * Title text\n   */\n  title?: string;\n\n  /**\n   * Description text\n   */\n  subtitle?: string;\n\n  /**\n   * Mandatory Button link.\n   */\n  buttonLink?: string;\n\n  /**\n   * Mandatory Button label\n   */\n  buttonLabel?: string;\n\n  /**\n   * Mandatory Button variant.\n   */\n  buttonVariant?: ButtonVariants;\n\n  /**\n   * If true, button is showing\n   */\n  optionalButton?: boolean;\n\n  /**\n   * Optional Button label. Button displays only if it has a label text\n   */\n  optionalButtonLabel?: string;\n\n  /**\n   * Optional Button link.\n   */\n  optionalButtonLink?: string;\n\n  /**\n   * Optional Button variant.\n   */\n  optionalButtonVariant?: ButtonVariants;\n\n  /**\n   * Height of the component\n   */\n  heightSize?: 'small' | 'medium' | 'normal';\n\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n\n  /**\n   * An image of the component\n   */\n  cardImage?: string;\n\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n\n  /**\n   * Callback for analytics\n   */\n  analyticsCallback?: (payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef<HTMLDivElement, CardPhotoAdjustableProps>((props, ref) => {\n  return (\n    <CardPhotoAdjustableStyled ref={ref}>\n      <CardPhotoFixedComponent {...props} />\n    </CardPhotoAdjustableStyled>\n  );\n});\n\n/**\n * @description Card Photo Fixed styling definition based on props\n */\n\nconst CardPhotoAdjustableStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n      case 'small':\n        return '180px';\n\n      case 'medium':\n        return '400px';\n\n      case 'normal':\n        return '400px';\n\n      default:\n        return '';\n    }\n  }};\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: ${(props) => {\n      switch (props.children.props.heightSize) {\n        case 'small':\n          return '150px';\n\n        case 'medium':\n          return '240px';\n\n        case 'normal':\n          return '300px';\n\n        default:\n          return '';\n      }\n    }};\n  }\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: ${(props) => {\n      switch (props.children.props.heightSize) {\n        case 'small':\n          return '200px';\n\n        case 'medium':\n          return '300px';\n\n        case 'normal':\n          return '400px';\n\n        default:\n          return '';\n      }\n    }};\n  }\n\n  padding: 0;\n  .CardImagePicture {\n    display: block;\n  }\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n  }};\n\n  color: ${(props) => {\n    if (\n      (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n      props.children.props.cardType === 'configurator'\n    ) {\n      return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n      return props.theme.palette.onSurface.os0;\n    } else return props.theme.palette.onSurface.os0;\n  }};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n\n\t.CardImageHeader {\n    width: 100%;\n  }\n  .CardImageHeader {\n    .Label {\n      margin: 0;\n    }\n    color: ${(props) => {\n      if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n      }\n      if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n      }\n    }};\n  }\n  .CardImageMedia {\n    position: relative;\n    height: auto;\n  }\n  .CardImageTextContainer {\n    padding: 24px;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .CardImageText {\n    position: absolute;\n    .CardImageSubtitle {\n      font-weight: bold;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 27px;\n      line-height: 32px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 30px;\n        line-height: 36px;\n      }\n    }\n  }\n  .CardImageButtonsContainerContent {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    flex-direction: column-reverse;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 8px;\n    span:first-of-type {\n      margin-bottom: 4px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      span:first-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n  .InfoVehicle {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 12px;\n    text-align: left;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      margin-bottom: 0;\n      text-align: right;\n    }\n    margin-bottom: 16px;\n    .InfoVehicleTotal {\n      font-weight: bold;\n    }\n    .infoVehicleDealerInfoContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoVehicleDealerInfo {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8RA8Ga,MAAAA,EAAsBC,GAAqD,CAACC,EAAOC,IAE5FC,EAACC,EAAyB,CAACF,IAAKA,EAC9BG,SAAAF,EAACG,EAA4BC,OAAAC,OAAA,CAAA,EAAAP,QAS7BG,EAA4BK,EAAOC,EAAwD;YACpFT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SAGL,IAAK,SACH,MAAO,QAET,QACE,MAAO;;uBAISV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;uBAKOV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;;;;;sBASMV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GAEiC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SAEdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACnErB,EAAMW,MAAMK,QAAQC,UAAUC;IAGtClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aACpB,MAAO;;IAIRzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACvB,MAAO;;;;;;;;;aAWC1B,GACkC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YACpEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,YAChBpB,EAAMW,MAAMK,QAAQC,UAAUC,SADvC;;;;;;;;;;;;;;;;;;;;;2BAwBsBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACM6B,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAG1EnB,GACM8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}
+{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface CardPhotoAdjustableProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  labelText?: string;\n\n  /**\n   * If labelVariant is feature, it is possible to select a variant of the Feature Label\n   */\n  labelVariants?: 'primary' | 'neutral' | 'secondary';\n\n  /**\n   * Title text\n   */\n  title?: string;\n\n  /**\n   * Description text\n   */\n  subtitle?: string;\n\n  /**\n   * Mandatory Button link.\n   */\n  buttonLink?: string;\n\n  /**\n   * Mandatory Button label\n   */\n  buttonLabel?: string;\n\n  /**\n   * Mandatory Button variant.\n   */\n  buttonVariant?: ButtonVariants;\n\n  /**\n   * If true, button is showing\n   */\n  optionalButton?: boolean;\n\n  /**\n   * Optional Button label. Button displays only if it has a label text\n   */\n  optionalButtonLabel?: string;\n\n  /**\n   * Optional Button link.\n   */\n  optionalButtonLink?: string;\n\n  /**\n   * Optional Button variant.\n   */\n  optionalButtonVariant?: ButtonVariants;\n\n  /**\n   * Height of the component\n   */\n  heightSize?: 'small' | 'medium' | 'normal';\n\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n\n  /**\n   * An image of the component\n   */\n  cardImage?: string;\n\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n\n  /**\n   * Callback for analytics\n   */\n  analyticsCallback?: (payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoAdjustable = forwardRef<HTMLDivElement, CardPhotoAdjustableProps>((props, ref) => {\n  return (\n    <CardPhotoAdjustableStyled ref={ref}>\n      <CardPhotoFixedComponent {...props} />\n    </CardPhotoAdjustableStyled>\n  );\n});\n\n/**\n * @description Card Photo Fixed styling definition based on props\n */\n\nconst CardPhotoAdjustableStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n      case 'small':\n        return '180px';\n\n      case 'medium':\n        return '400px';\n\n      case 'normal':\n        return '400px';\n\n      default:\n        return '';\n    }\n  }};\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: ${(props) => {\n      switch (props.children.props.heightSize) {\n        case 'small':\n          return '150px';\n\n        case 'medium':\n          return '240px';\n\n        case 'normal':\n          return '300px';\n\n        default:\n          return '';\n      }\n    }};\n  }\n\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: ${(props) => {\n      switch (props.children.props.heightSize) {\n        case 'small':\n          return '200px';\n\n        case 'medium':\n          return '300px';\n\n        case 'normal':\n          return '400px';\n\n        default:\n          return '';\n      }\n    }};\n  }\n\n  padding: 0;\n  .CardImagePicture {\n    display: block;\n  }\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n  }};\n\n  color: ${(props) => {\n    if (\n      (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n      props.children.props.cardType === 'configurator'\n    ) {\n      return props.theme.palette.text.primary;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n      return props.theme.palette.onSurface.os0;\n    } else return props.theme.palette.onSurface.os0;\n  }};\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n\n\t.CardImageHeader {\n    width: 100%;\n  }\n  .CardImageHeader {\n    .Label {\n      margin: 0;\n    }\n    color: ${(props) => {\n      if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n      }\n      if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n      }\n    }};\n  }\n  .CardImageMedia {\n    position: relative;\n    height: auto;\n  }\n  .CardImageTextContainer {\n    padding: 24px;\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column;\n    height: 100%;\n    width: 100%;\n    box-sizing: border-box;\n  }\n  .CardImageText {\n    position: absolute;\n    .CardImageSubtitle {\n      font-weight: bold;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 27px;\n      line-height: 32px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 30px;\n        line-height: 36px;\n      }\n    }\n  }\n  .CardImageButtonsContainerContent {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n    flex-direction: column-reverse;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    width: 100%;\n  }\n  .CardImageButtons {\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n    }\n    .cta-button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n    }\n    .cta-button button {\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\n    }\n  }\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 8px;\n    span:first-of-type {\n      margin-bottom: 4px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      span:first-of-type {\n        margin-bottom: 0;\n      }\n    }\n  }\n  .InfoVehicle {\n    font-size: 14px;\n    line-height: 20px;\n    margin-bottom: 12px;\n    text-align: left;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      margin-bottom: 0;\n      text-align: right;\n    }\n    margin-bottom: 16px;\n    .InfoVehicleTotal {\n      font-weight: bold;\n    }\n    .infoVehicleDealerInfoContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoVehicleDealerInfo {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8RA8GO,MAAMA,EAAsBC,GAAqD,CAACC,EAAOC,IAE5FC,EAACC,EAAyB,CAACF,IAAKA,EAAGG,SACjCF,EAACG,EAAuBC,OAAAC,OAAA,CAAA,EAAKP,QAS7BG,EAA4BK,EAAOC,EAAwD;YACpFT,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SAGL,IAAK,SACH,MAAO,QAET,QACE,MAAO;;uBAISV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;cAClDd,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;uBAKOV,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;cAClDf,IACT,OAAQA,EAAMI,SAASJ,MAAMU,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO;;;;;;;sBASMV,GACZA,EAAMW,MAAMK,QAAQC,UAAUC;;WAG7BlB,GAEiC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,aACxC,iBAAlCpB,EAAMI,SAASJ,MAAMqB,SAEdrB,EAAMW,MAAMK,QAAQM,KAAKC,SAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,aAA8BpB,EAAMI,SAASJ,MAAMqB,SACnErB,EAAMW,MAAMK,QAAQC,UAAUC;IAGtClB,IACD,GAAIA,EAAMW,MAAMa,MAAMC,aACpB,MAAO,mBACT;;IAGCzB,IACD,GAAIA,EAAMI,SAASJ,MAAM0B,eACvB,MAAO,qBACT;;;;;;;;;aAUU1B,GACkC,aAAtCA,EAAMI,SAASJ,MAAMmB,cAAoE,aAArCnB,EAAMI,SAASJ,MAAMoB,YACpEpB,EAAMW,MAAMK,QAAQM,KAAKC,QAEO,aAArCvB,EAAMI,SAASJ,MAAMoB,YAChBpB,EAAMW,MAAMK,QAAQC,UAAUC,SADvC;;;;;;;;;;;;;;;;;;;;;2BAwBsBlB,GAAUA,EAAMW,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC3B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C5B,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;2BAKzCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3Cf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzCd,GAAUA,EAAMW,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCf,GAAUA,EAAMW,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9Dd,GACM6B,EAAiC7B,EAAMI,SAASJ,MAAMmB,aAAc;;MAG1EnB,GACM8B,EAAgC9B,EAAMI,SAASJ,MAAMoB,YAAa;;"}

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { FC, useCallback } from 'react';\nimport { CardPhotoAdjustableProps } from '.';\nimport { Button } from '../../components/button';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Label } from '@/src/components/label';\n\nconst CardPhotoFixedComponent: FC<CardPhotoAdjustableProps> = ({\n  cardImage,\n  altImageDescription,\n  labelText,\n  labelVariants,\n  title,\n  subtitle,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageTextContainer\">\n          <div className=\"CardImageHeader\">\n            {labelText && (\n              <Label type=\"feature\" className=\"Label\" variant={labelVariants} label={handleMaxChars(labelText, 30)} />\n            )}\n            {title && <h2 className=\"h4\">{handleMaxChars(title, 30)}</h2>}\n            {subtitle && <span className=\"CardImageSubtitle\">{handleMaxChars(subtitle, 30)}</span>}\n          </div>\n          <div className=\"CardImageButtonsContainer\">\n            <div className=\"CardImageButtonsContainerContent\">\n              <div className=\"CardImageButtons\">\n                <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)} style={{ textDecoration: 'none' }}>\n                  <Button\n                    label={handleMaxChars(buttonLabel, 30)}\n                    variant={buttonVariant}\n                    compact={true}\n                    onClick={() => handleOnClick(buttonLabel)}\n                  />\n                </a>\n                {optionalButton && optionalButtonLabel && optionalButtonLink && (\n                  <a\n                    tabIndex={-1}\n                    className=\"cta-button\"\n                    href={encodeURI(optionalButtonLink)}\n                    style={{ textDecoration: 'none' }}\n                  >\n                    <Button\n                      label={handleMaxChars(optionalButtonLabel, 30)}\n                      variant={optionalButtonVariant}\n                      compact={true}\n                      onClick={() => handleOnClick(optionalButtonLabel)}\n                    />\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","type","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"iRAMA,MAAMA,EAAwD,EAC5DC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAEH,OACEI,EACEC,EAAA,CAAAC,SAAA,CAAAC,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,EAAK,MAAA,CAAAI,UAAU,yBACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAACE,EAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAElGE,GAASgB,EAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAetB,EAAO,MACnDC,GAAYe,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,EAAerB,EAAU,SAE7Ee,EAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,EAAK,MAAA,CAAAC,UAAU,mCACbF,SAAAF,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,EAAG,IAAA,CAAAO,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,QAC5FZ,SAAAC,EAACY,EACC,CAAAP,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAACY,EAAM,CACLP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBACbF,SAAAC,EAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC,UAG7B"}
+{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { FC, useCallback } from 'react';\nimport { CardPhotoAdjustableProps } from '.';\nimport { Button } from '../../components/button';\nimport { handleMaxChars } from '../../utils/utilities';\nimport { Label } from '@/src/components/label';\n\nconst CardPhotoFixedComponent: FC<CardPhotoAdjustableProps> = ({\n  cardImage,\n  altImageDescription,\n  labelText,\n  labelVariants,\n  title,\n  subtitle,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageTextContainer\">\n          <div className=\"CardImageHeader\">\n            {labelText && (\n              <Label type=\"feature\" className=\"Label\" variant={labelVariants} label={handleMaxChars(labelText, 30)} />\n            )}\n            {title && <h2 className=\"h4\">{handleMaxChars(title, 30)}</h2>}\n            {subtitle && <span className=\"CardImageSubtitle\">{handleMaxChars(subtitle, 30)}</span>}\n          </div>\n          <div className=\"CardImageButtonsContainer\">\n            <div className=\"CardImageButtonsContainerContent\">\n              <div className=\"CardImageButtons\">\n                <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)} style={{ textDecoration: 'none' }}>\n                  <Button\n                    label={handleMaxChars(buttonLabel, 30)}\n                    variant={buttonVariant}\n                    compact={true}\n                    onClick={() => handleOnClick(buttonLabel)}\n                  />\n                </a>\n                {optionalButton && optionalButtonLabel && optionalButtonLink && (\n                  <a\n                    tabIndex={-1}\n                    className=\"cta-button\"\n                    href={encodeURI(optionalButtonLink)}\n                    style={{ textDecoration: 'none' }}\n                  >\n                    <Button\n                      label={handleMaxChars(optionalButtonLabel, 30)}\n                      variant={optionalButtonVariant}\n                      compact={true}\n                      onClick={() => handleOnClick(optionalButtonLabel)}\n                    />\n                  </a>\n                )}\n              </div>\n            </div>\n          </div>\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","type","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"iRAMA,MAAMA,EAAwD,EAC5DC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAEH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfD,EAAA,MAAA,CAAKC,UAAU,gBAAeF,SAC5BF,EAAA,MAAA,CAAKI,UAAU,yBAAwBF,SAAA,CACrCF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC7BjB,GACCkB,EAACE,EAAK,CAACC,KAAK,UAAUF,UAAU,QAAQG,QAASrB,EAAesB,MAAOC,EAAexB,EAAW,MAElGE,GAASgB,EAAA,KAAA,CAAIC,UAAU,KAAIF,SAAEO,EAAetB,EAAO,MACnDC,GAAYe,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEO,EAAerB,EAAU,SAE7Ee,EAAA,MAAA,CAAKC,UAAU,4BAA2BF,SACxCC,EAAA,MAAA,CAAKC,UAAU,mCAAkCF,SAC/CF,EAAA,MAAA,CAAKI,UAAU,mBAAkBF,SAAA,CAC/BC,EAAA,IAAA,CAAGO,UAAU,EAAIN,UAAU,aAAaO,KAAMC,UAAUvB,GAAawB,MAAO,CAAEC,eAAgB,QAAQZ,SACpGC,EAACY,EAAM,CACLP,MAAOC,EAAenB,EAAa,IACnCiB,QAAShB,EACTyB,SAAS,EACTC,QAAS,IAAMpB,EAAcP,OAGhCE,GAAkBE,GAAuBD,GACxCU,EAAA,IAAA,CACEO,UAAU,EACVN,UAAU,aACVO,KAAMC,UAAUnB,GAChBoB,MAAO,CAAEC,eAAgB,QAAQZ,SAEjCC,EAACY,EAAM,CACLP,MAAOC,EAAef,EAAqB,IAC3Ca,QAASZ,EACTqB,SAAS,EACTC,QAAS,IAAMpB,EAAcH,mBAS7CS,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAA,MAAA,CAAKe,IAAKnC,EAAWoC,IAAKnC,UAG7B"}

package/organisms/cardPhotoFixed/cardPhotoFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Card as MuiCard, CardProps as MuiCardProps, useTheme, useMediaQuery } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface CardPhotoFixedProps\n * @description  Properties are inherited from HTML div element\n */\nexport interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label?: string;\n  /**\n   * Title name text\n   */\n  title?: string;\n  /**\n   * Subtitle text\n   */\n  subTitle?: string;\n  /**\n   * Description text\n   */\n  description?: string;\n  /**\n   * if true, first label is showing\n   */\n  labelInfoFirst?: boolean;\n  /**\n   * First label information label text\n   */\n  labelInfoFirstText?: string;\n  /**\n   * First label variant\n   */\n  labelInfoFirstVariant?: 'primary' | 'neutral';\n  /**\n   * if true, second optional label is showing\n   */\n  labelInfoSecond?: boolean;\n  /**\n   * Second label text\n   */\n  labelInfoSecondText?: string;\n  /**\n   * Second label variant\n   */\n  labelInfoSecondVariant?: 'primary' | 'neutral';\n  /**\n   * An image of the component\n   */\n  cardImage?: string;\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n  /**\n   * Mandatory Button link.\n   */\n  buttonLink?: string;\n\n  /**\n   * Mandatory Button label. Button displays only if it has a label text\n   */\n  buttonLabel?: string;\n\n  /**\n   * Mandatory Button variant.\n   */\n  buttonVariant?: ButtonVariants;\n  /**\n   * If true, button is showing\n   */\n  optionalButton?: boolean;\n  /**\n   * Optional Button label. Button displays only if it has a label text\n   */\n  optionalButtonLabel?: string;\n  /**\n   * Optional Button link.\n   */\n  optionalButtonLink?: string;\n  /**\n   * Mandatory Button variant.\n   */\n  optionalButtonVariant?: ButtonVariants;\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Info text\n   */\n  infoText?: string;\n  /**\n   * Info text second position text\n   */\n  infoTextSecond?: string;\n  /**\n   * info text third position text\n   */\n  infoTextThird?: string;\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * Callback for analytics\n   */\n  analyticsCallback?: (payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef<HTMLDivElement, CardPhotoFixedProps>((props, ref) => {\n  const themeBreakpoint = useTheme();\n  const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n  return (\n    <CardPhotoFixedsStyled ref={ref}>\n      <CardPhotoFixedComponent isCompact={isCompact} {...props} />\n    </CardPhotoFixedsStyled>\n  );\n});\n\n/**\n * @description Card Photo Fixed styling definition based on props\n */\n\nconst CardPhotoFixedsStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n  }};\n\n  color: ${(props) => {\n    if (\n      (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n      props.children.props.cardType === 'configurator'\n    ) {\n      return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n      return props.theme.palette.common.white;\n    } else return props.theme.palette.common.white;\n  }};\n\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n\n  /* Height of the component */\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: 440px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: 400px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n    height: 440px;\n  }\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n\n  .CardImageHeader {\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      max-width: 560px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 640px;\n    }\n  }\n\n  .CardImageHeader {\n    .VehicleEquipment {\n      margin: 0;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n    color: ${(props) => {\n      if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n      }\n      if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n      }\n    }};\n  }\n\n  .CardImageText {\n    .CardImageSubtitleContainer {\n      display: inline-flex;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 100%;\n    }\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 23px;\n      line-height: 28px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 32px;\n        line-height: 38px;\n        ${(props) => {\n          if (props.children.props.cardSize === 'small') {\n            return 'font-size: 27px; line-height: 32px';\n          }\n        }};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 36px;\n        line-height: 44px;\n        ${(props) => {\n          if (props.children.props.cardSize === 'small') {\n            return 'font-size: 30px; line-height: 36px';\n          }\n        }};\n      }\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    flex-wrap: wrap-reverse;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsGroup {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n      width: auto;\n    }\n    .cta-button {\n      text-decoration: none;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        width: auto;\n      }\n      div {\n        width: 100%;\n      }\n      button {\n        width: 100%;\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n          width: auto;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 6px;\n  }\n  .infoText {\n    font-size: 14px;\n    margin-bottom: 12px;\n    margin-bottom: 12px;\n    width: 100%;\n    align-self: end;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      width: auto;\n      margin-bottom: 0;\n    }\n    .infoTextFirst {\n      font-weight: bold;\n      span {\n        font-weight: 300;\n      }\n    }\n    .infoTextThirdContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        display: inline;\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoTextThird {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"4VAqIa,MAAAA,EAAiBC,GAAgD,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,EAACG,EAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAOC,EAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO;;;;uBAMWzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO;;;;yBAMa9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;2BAISpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO;;;;;;;;;;yBAYOpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}
+{"version":3,"file":"cardPhotoFixed.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { styled } from '@mui/material/styles';\nimport { Card as MuiCard, CardProps as MuiCardProps, useTheme, useMediaQuery } from '@mui/material';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n/**\n * @interface CardPhotoFixedProps\n * @description  Properties are inherited from HTML div element\n */\nexport interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label?: string;\n  /**\n   * Title name text\n   */\n  title?: string;\n  /**\n   * Subtitle text\n   */\n  subTitle?: string;\n  /**\n   * Description text\n   */\n  description?: string;\n  /**\n   * if true, first label is showing\n   */\n  labelInfoFirst?: boolean;\n  /**\n   * First label information label text\n   */\n  labelInfoFirstText?: string;\n  /**\n   * First label variant\n   */\n  labelInfoFirstVariant?: 'primary' | 'neutral';\n  /**\n   * if true, second optional label is showing\n   */\n  labelInfoSecond?: boolean;\n  /**\n   * Second label text\n   */\n  labelInfoSecondText?: string;\n  /**\n   * Second label variant\n   */\n  labelInfoSecondVariant?: 'primary' | 'neutral';\n  /**\n   * An image of the component\n   */\n  cardImage?: string;\n  /**\n   * alt HTML tag apply to the image\n   */\n  altImageDescription?: string;\n  /**\n   * Mandatory Button link.\n   */\n  buttonLink?: string;\n\n  /**\n   * Mandatory Button label. Button displays only if it has a label text\n   */\n  buttonLabel?: string;\n\n  /**\n   * Mandatory Button variant.\n   */\n  buttonVariant?: ButtonVariants;\n  /**\n   * If true, button is showing\n   */\n  optionalButton?: boolean;\n  /**\n   * Optional Button label. Button displays only if it has a label text\n   */\n  optionalButtonLabel?: string;\n  /**\n   * Optional Button link.\n   */\n  optionalButtonLink?: string;\n  /**\n   * Mandatory Button variant.\n   */\n  optionalButtonVariant?: ButtonVariants;\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Info text\n   */\n  infoText?: string;\n  /**\n   * Info text second position text\n   */\n  infoTextSecond?: string;\n  /**\n   * info text third position text\n   */\n  infoTextThird?: string;\n  /**\n   * A dark gradient layer was added\n   */\n  darkOpacity?: DarkOpacity;\n\n  /**\n   * A light gradient layer was added\n   */\n  lightOpacity?: LightOpacity;\n\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * Callback for analytics\n   */\n  analyticsCallback?: (payload?: any) => void;\n}\n\n/**\n * @description SkodaFlow CardPhotoFixed component.\n * Properties are inherited from HTML Div element.\n * @param props CardPhotoFixedProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPhotoFixed = forwardRef<HTMLDivElement, CardPhotoFixedProps>((props, ref) => {\n  const themeBreakpoint = useTheme();\n  const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n  return (\n    <CardPhotoFixedsStyled ref={ref}>\n      <CardPhotoFixedComponent isCompact={isCompact} {...props} />\n    </CardPhotoFixedsStyled>\n  );\n});\n\n/**\n * @description Card Photo Fixed styling definition based on props\n */\n\nconst CardPhotoFixedsStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n  }};\n\n  color: ${(props) => {\n    if (\n      (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n      props.children.props.cardType === 'configurator'\n    ) {\n      return props.theme.palette.common.black;\n    }\n    if (props.children.props.darkOpacity !== 'opacity0' && props.children.props.cardType === 'configurator') {\n      return props.theme.palette.common.white;\n    } else return props.theme.palette.common.white;\n  }};\n\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n      return 'border-radius: 0;';\n    }\n  }}\n\n  /* Height of the component */\n  height: 500px;\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n    height: 440px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n    height: 400px;\n  }\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n    height: 440px;\n  }\n\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n      return 'border-radius: 8px;';\n    }\n  }}\n\n  .CardImageHeader {\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      max-width: 560px;\n    }\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n      max-width: 640px;\n    }\n  }\n\n  .CardImageHeader {\n    .VehicleEquipment {\n      margin: 0;\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 23px;\n        line-height: 28px;\n      }\n    }\n    color: ${(props) => {\n      if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n        return props.theme.palette.text.primary;\n      }\n      if (props.children.props.darkOpacity !== 'opacity0') {\n        return props.theme.palette.onSurface.os0;\n      }\n    }};\n  }\n\n  .CardImageText {\n    .CardImageSubtitleContainer {\n      display: inline-flex;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      width: 100%;\n    }\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .CardImageTitle {\n      font-size: 23px;\n      line-height: 28px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        font-size: 32px;\n        line-height: 38px;\n        ${(props) => {\n          if (props.children.props.cardSize === 'small') {\n            return 'font-size: 27px; line-height: 32px';\n          }\n        }};\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 36px;\n        line-height: 44px;\n        ${(props) => {\n          if (props.children.props.cardSize === 'small') {\n            return 'font-size: 30px; line-height: 36px';\n          }\n        }};\n      }\n    }\n  }\n  .CardImageButtonsContainer {\n    display: flex;\n    justify-content: space-between;\n    flex-direction: column-reverse;\n    flex-wrap: wrap-reverse;\n    width: 100%;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      flex-direction: row;\n    }\n  }\n  .CardImageButtonsGroup {\n    display: flex;\n    flex-direction: column;\n    flex-wrap: wrap;\n    width: 100%;\n    gap: 12px 16px;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n      flex-direction: row;\n      flex-wrap: wrap;\n      width: auto;\n    }\n    .cta-button {\n      text-decoration: none;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        width: auto;\n      }\n      div {\n        width: 100%;\n      }\n      button {\n        width: 100%;\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n          width: auto;\n          font-size: 14px;\n        }\n      }\n    }\n  }\n\n  .LabelsOptional {\n    display: flex;\n    flex-wrap: wrap;\n    margin-top: 6px;\n  }\n  .infoText {\n    font-size: 14px;\n    margin-bottom: 12px;\n    margin-bottom: 12px;\n    width: 100%;\n    align-self: end;\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n      width: auto;\n      margin-bottom: 0;\n    }\n    .infoTextFirst {\n      font-weight: bold;\n      span {\n        font-weight: 300;\n      }\n    }\n    .infoTextThirdContainer {\n      display: inline-flex;\n      width: 100%;\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\n        display: inline;\n        text-align: right;\n        margin-bottom: 0;\n        width: auto;\n      }\n    }\n    .infoTextThird {\n      white-space: nowrap;\n      overflow: hidden;\n      text-overflow: ellipsis;\n    }\n  }\n  .CardImageOverlayTheme {\n    ${(props) => {\n      return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n    }};\n\n    ${(props) => {\n      return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n    }}\n  }\n`;\n"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"4VAqIO,MAAMA,EAAiBC,GAAgD,CAACC,EAAOC,KACpF,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAACC,GAAsBR,IAAKA,EAAGS,SAC7BF,EAACG,EAAuBC,OAAAC,OAAA,CAACT,UAAWA,GAAeJ,KAC7B,IAQtBS,EAAwBK,EAAOC,EAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO,mBACT;;;;uBAKoBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO,qBACT;;;;yBAKsB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACT;;2BAGkBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACT;;;;;;;;;;yBAWgBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { useCallback, FC } from 'react';\nimport { CardPhotoFixedProps } from '.';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\n\nconst CardPhotoFixedComponent: FC<CardPhotoFixedProps> = ({\n  label,\n  title,\n  subTitle,\n  description,\n  labelInfoFirst,\n  labelInfoFirstText,\n  labelInfoFirstVariant,\n  labelInfoSecond,\n  labelInfoSecondText,\n  labelInfoSecondVariant,\n  cardImage,\n  altImageDescription,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  isCompact,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n          {title && <h2 className=\"CardImageTitle\">{handleMaxChars(title, 35)}</h2>}\n          {subTitle && <h4 className=\"VehicleEquipment\">{handleMaxChars(subTitle, 20)}</h4>}\n          {description && (\n            <div className=\"CardImageSubtitleContainer\">\n              <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n            </div>\n          )}\n          <div className=\"LabelsOptional\">\n            {labelInfoFirst && labelInfoFirstText && (\n              <div>\n                <Label type=\"feature\" variant={labelInfoFirstVariant} label={handleMaxChars(labelInfoFirstText, 30)} />\n              </div>\n            )}\n            {labelInfoSecond && labelInfoSecondText && (\n              <div>\n                <Label\n                  type=\"feature\"\n                  variant={labelInfoSecondVariant}\n                  label={handleMaxChars(labelInfoSecondText, 30)}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsGroup\">\n            <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)}>\n              <Button\n                label={handleMaxChars(buttonLabel, 30)}\n                variant={buttonVariant}\n                compact={isCompact}\n                onClick={() => handleOnClick(buttonLabel)}\n              />\n            </a>\n            {optionalButton && optionalButtonLabel && optionalButtonLink && (\n              <a tabIndex={-1} className=\"cta-button\" href={encodeURI(optionalButtonLink)}>\n                <Button\n                  label={handleMaxChars(optionalButtonLabel, 30)}\n                  variant={optionalButtonVariant}\n                  compact={isCompact}\n                  onClick={() => handleOnClick(optionalButtonLabel)}\n                />\n              </a>\n            )}\n          </div>\n          <InfoTextCardComponent\n            infoText={infoText}\n            infoTextSecond={infoTextSecond}\n            infoTextThird={infoTextThird}\n            className=\"infoText\"\n          />\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxChars","type","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"yVAOM,MAAAA,EAAmD,EACvDC,QACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAGH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAK,MAAA,CAAAC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,gBACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,kBACbF,SAAA,CAAAC,EAACE,EAAM,CAAAD,UAAU,iBAAiB/B,MAAOiC,EAAejC,EAAO,MAC9DC,GAAS6B,EAAI,KAAA,CAAAC,UAAU,iBAAgBF,SAAEI,EAAehC,EAAO,MAC/DC,GAAY4B,EAAI,KAAA,CAAAC,UAAU,mBAAkBF,SAAEI,EAAe/B,EAAU,MACvEC,GACC2B,EAAA,MAAA,CAAKC,UAAU,6BACbF,SAAAC,EAAA,OAAA,CAAMC,UAAU,oBAAqBF,SAAAI,EAAe9B,EAAa,QAGrEwB,EAAA,MAAA,CAAKI,UAAU,iBACZF,SAAA,CAAAzB,GAAkBC,GACjByB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,EACE,MAAA,CAAAD,SAAAC,EAACE,EACC,CAAAE,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAezB,EAAqB,cAMrDmB,EAAA,MAAA,CAAKI,UAAU,4BACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,wBACbF,SAAA,CAAAC,EAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,EAACS,EACC,CAAAvC,MAAOiC,EAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,OAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,GACtDa,SAAAC,EAACS,EAAM,CACLvC,MAAOiC,EAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,EAACY,EACC,CAAAvB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,EAAK,MAAA,CAAAC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BC,EAAK,MAAA,CAAAa,IAAKjC,EAAWkC,IAAKjC,UAG7B"}
+{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { useCallback, FC } from 'react';\nimport { CardPhotoFixedProps } from '.';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\n\nconst CardPhotoFixedComponent: FC<CardPhotoFixedProps> = ({\n  label,\n  title,\n  subTitle,\n  description,\n  labelInfoFirst,\n  labelInfoFirstText,\n  labelInfoFirstVariant,\n  labelInfoSecond,\n  labelInfoSecondText,\n  labelInfoSecondVariant,\n  cardImage,\n  altImageDescription,\n  buttonLink,\n  buttonLabel,\n  buttonVariant,\n  optionalButton,\n  optionalButtonLink,\n  optionalButtonLabel,\n  optionalButtonVariant,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  isCompact,\n  analyticsCallback,\n}) => {\n  const handleOnClick = useCallback(\n    (e: string) => {\n      analyticsCallback?.(e);\n    },\n    [analyticsCallback],\n  );\n\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        <div className=\"CardImageHeader\">\n          <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n          {title && <h2 className=\"CardImageTitle\">{handleMaxChars(title, 35)}</h2>}\n          {subTitle && <h4 className=\"VehicleEquipment\">{handleMaxChars(subTitle, 20)}</h4>}\n          {description && (\n            <div className=\"CardImageSubtitleContainer\">\n              <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n            </div>\n          )}\n          <div className=\"LabelsOptional\">\n            {labelInfoFirst && labelInfoFirstText && (\n              <div>\n                <Label type=\"feature\" variant={labelInfoFirstVariant} label={handleMaxChars(labelInfoFirstText, 30)} />\n              </div>\n            )}\n            {labelInfoSecond && labelInfoSecondText && (\n              <div>\n                <Label\n                  type=\"feature\"\n                  variant={labelInfoSecondVariant}\n                  label={handleMaxChars(labelInfoSecondText, 30)}\n                />\n              </div>\n            )}\n          </div>\n        </div>\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsGroup\">\n            <a tabIndex={-1} className=\"cta-button\" href={encodeURI(buttonLink)}>\n              <Button\n                label={handleMaxChars(buttonLabel, 30)}\n                variant={buttonVariant}\n                compact={isCompact}\n                onClick={() => handleOnClick(buttonLabel)}\n              />\n            </a>\n            {optionalButton && optionalButtonLabel && optionalButtonLink && (\n              <a tabIndex={-1} className=\"cta-button\" href={encodeURI(optionalButtonLink)}>\n                <Button\n                  label={handleMaxChars(optionalButtonLabel, 30)}\n                  variant={optionalButtonVariant}\n                  compact={isCompact}\n                  onClick={() => handleOnClick(optionalButtonLabel)}\n                />\n              </a>\n            )}\n          </div>\n          <InfoTextCardComponent\n            infoText={infoText}\n            infoTextSecond={infoTextSecond}\n            infoTextThird={infoTextThird}\n            className=\"infoText\"\n          />\n        </div>\n      </div>\n      <div className=\"CardImageMedia\">\n        <div className=\"CardImagePicture\">\n          <img src={cardImage} alt={altImageDescription} />\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardPhotoFixedComponent;\n"],"names":["CardPhotoFixedComponent","label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","handleOnClick","useCallback","e","_jsxs","_Fragment","children","_jsx","className","Label","handleMaxChars","type","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"yVAOA,MAAMA,EAAmD,EACvDC,QACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,wBAEA,MAAMC,EAAgBC,GACnBC,IACCH,SAAAA,EAAoBG,EAAE,GAExB,CAACH,IAGH,OACEI,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAA,MAAA,CAAKC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,gBAAeF,SAAA,CAC5BF,EAAA,MAAA,CAAKI,UAAU,kBAAiBF,SAAA,CAC9BC,EAACE,EAAK,CAACD,UAAU,iBAAiB/B,MAAOiC,EAAejC,EAAO,MAC9DC,GAAS6B,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAehC,EAAO,MAC/DC,GAAY4B,EAAA,KAAA,CAAIC,UAAU,mBAAkBF,SAAEI,EAAe/B,EAAU,MACvEC,GACC2B,EAAA,MAAA,CAAKC,UAAU,6BAA4BF,SACzCC,EAAA,OAAA,CAAMC,UAAU,oBAAmBF,SAAEI,EAAe9B,EAAa,QAGrEwB,EAAA,MAAA,CAAKI,UAAU,iBAAgBF,SAAA,CAC5BzB,GAAkBC,GACjByB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CAACE,KAAK,UAAUC,QAAS7B,EAAuBN,MAAOiC,EAAe5B,EAAoB,QAGnGE,GAAmBC,GAClBsB,EAAA,MAAA,CAAAD,SACEC,EAACE,EAAK,CACJE,KAAK,UACLC,QAAS1B,EACTT,MAAOiC,EAAezB,EAAqB,cAMrDmB,EAAA,MAAA,CAAKI,UAAU,4BAA2BF,SAAA,CACxCF,EAAA,MAAA,CAAKI,UAAU,wBAAuBF,SAAA,CACpCC,EAAA,IAAA,CAAGM,YAAcL,UAAU,aAAaM,KAAMC,UAAU1B,YACtDkB,EAACS,EAAM,CACLvC,MAAOiC,EAAepB,EAAa,IACnCsB,QAASrB,EACT0B,QAASlB,EACTmB,QAAS,IAAMjB,EAAcX,OAGhCE,GAAkBE,GAAuBD,GACxCc,OAAGM,UAAU,EAAIL,UAAU,aAAaM,KAAMC,UAAUtB,GAAmBa,SACzEC,EAACS,EAAM,CACLvC,MAAOiC,EAAehB,EAAqB,IAC3CkB,QAASjB,EACTsB,QAASlB,EACTmB,QAAS,IAAMjB,EAAcP,UAKrCa,EAACY,EAAqB,CACpBvB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfU,UAAU,mBAIhBD,EAAA,MAAA,CAAKC,UAAU,iBAAgBF,SAC7BC,EAAA,MAAA,CAAKC,UAAU,mBAAkBF,SAC/BC,EAAA,MAAA,CAAKa,IAAKjC,EAAWkC,IAAKjC,UAG7B"}

package/organisms/cardPromoVehicle/cardPromoVehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPromoVehicle.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { FC, HTMLAttributes, ReactNode } from 'react';\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Variants of the label\n   */\n  labelVariant: 'general' | 'feature';\n  /**\n   * Vehicle name text\n   */\n  vehicleName?: string;\n  /**\n   * Vehicle equipment text\n   */\n  equipment?: string;\n  /**\n   * Description text\n   */\n  description?: string;\n  /**\n   * First label information label text. If this prop is empty, the label isn't showing\n   */\n  labelInfoFirstText?: string;\n  /**\n   * First label variant\n   */\n  labelInfoFirstVariant?: 'primary' | 'neutral';\n  /**\n   * Second label text. If this prop is empty, the label isn't showing\n   */\n  labelInfoSecondText?: string;\n  /**\n   * Second label variant\n   */\n  labelInfoSecondVariant?: 'primary' | 'neutral';\n  /**\n   * If the main image is not found this image will be used.\n   */\n  image?: string;\n  /**\n   * The source of the onError image.\n   */\n  fallbackImage?: string;\n  /**\n   * Alternative description Image\n   */\n  altDescriptionImage?: string;\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  mandatoryButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Optional button object. The button is displayed if the label text is present\n   */\n  optionalButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Set element's opacity.\n   */\n  darkOpacityLayer: DarkOpacity;\n  /**\n   * Set element's opacity.\n   */\n  lightOpacityLayer: LightOpacity;\n  /**\n   * if true, dropdownMenu is showing\n   */\n  isMenuDropdown: boolean;\n  /**\n   * Height size of the component\n   */\n  size?: 'fixed' | 'adjustable';\n  /**\n   * Info text\n   */\n  infoText?: string;\n  /**\n   * Info text second position text\n   */\n  infoTextSecond?: string;\n  /**\n   * info text third position text\n   */\n  infoTextThird?: string;\n  /**\n   * Custom Info accept react node element\n   */\n  customInfo?: ReactNode;\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * MenuCardComponent props.\n   */\n  menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPromoVehicle: FC<CardPromoVehicleProps> = (props) => {\n  return (\n    <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size}>\n      <CardPromoVehicleComponent isCompact={true} {...props} />\n    </CardStandardWrapperStyled>\n  );\n};\n"],"names":["CardPromoVehicle","props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"6MAyIa,MAAAA,EAA+CC,GAExDC,EAACC,EAA0B,CAAAC,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,KAC3EC,SAAAJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUT"}
+{"version":3,"file":"cardPromoVehicle.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { FC, HTMLAttributes, ReactNode } from 'react';\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\n/**\n * @interface ChipProps\n * @description Base definition of SkodaFlow Chip independent on core implementation.\n * Properties are inherited from HTML div element\n */\nexport interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Variants of the label\n   */\n  labelVariant: 'general' | 'feature';\n  /**\n   * Vehicle name text\n   */\n  vehicleName?: string;\n  /**\n   * Vehicle equipment text\n   */\n  equipment?: string;\n  /**\n   * Description text\n   */\n  description?: string;\n  /**\n   * First label information label text. If this prop is empty, the label isn't showing\n   */\n  labelInfoFirstText?: string;\n  /**\n   * First label variant\n   */\n  labelInfoFirstVariant?: 'primary' | 'neutral';\n  /**\n   * Second label text. If this prop is empty, the label isn't showing\n   */\n  labelInfoSecondText?: string;\n  /**\n   * Second label variant\n   */\n  labelInfoSecondVariant?: 'primary' | 'neutral';\n  /**\n   * If the main image is not found this image will be used.\n   */\n  image?: string;\n  /**\n   * The source of the onError image.\n   */\n  fallbackImage?: string;\n  /**\n   * Alternative description Image\n   */\n  altDescriptionImage?: string;\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  mandatoryButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Optional button object. The button is displayed if the label text is present\n   */\n  optionalButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Set element's opacity.\n   */\n  darkOpacityLayer: DarkOpacity;\n  /**\n   * Set element's opacity.\n   */\n  lightOpacityLayer: LightOpacity;\n  /**\n   * if true, dropdownMenu is showing\n   */\n  isMenuDropdown: boolean;\n  /**\n   * Height size of the component\n   */\n  size?: 'fixed' | 'adjustable';\n  /**\n   * Info text\n   */\n  infoText?: string;\n  /**\n   * Info text second position text\n   */\n  infoTextSecond?: string;\n  /**\n   * info text third position text\n   */\n  infoTextThird?: string;\n  /**\n   * Custom Info accept react node element\n   */\n  customInfo?: ReactNode;\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * MenuCardComponent props.\n   */\n  menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPromoVehicle: FC<CardPromoVehicleProps> = (props) => {\n  return (\n    <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size}>\n      <CardPromoVehicleComponent isCompact={true} {...props} />\n    </CardStandardWrapperStyled>\n  );\n};\n"],"names":["CardPromoVehicle","props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"6MAyIO,MAAMA,EAA+CC,GAExDC,EAACC,EAAyB,CAACC,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,KAAIC,SAC/EJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUT"}

package/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Label } from '../../components/label';\nimport { CardPromoVehicleProps } from './cardPromoVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\nexport const CardPromoVehicleComponent: FC<CardPromoVehicleProps> = ({\n  label,\n  labelVariant,\n  vehicleName,\n  equipment,\n  image,\n  altDescriptionImage,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  darkOpacityLayer,\n  lightOpacityLayer,\n  menuCardComponentProps,\n  isMenuDropdown,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  customInfo,\n  description,\n  labelInfoFirstVariant,\n  labelInfoFirstText,\n  labelInfoSecondVariant,\n  labelInfoSecondText,\n  isCompact,\n  size,\n  fallbackImage,\n}) => {\n  return (\n    <CardPromoVehicleComponentStyled\n      size={size}\n      darkOpacityLayer={darkOpacityLayer}\n      lightOpacityLayer={lightOpacityLayer}\n    >\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"promoVehicleContainerPadding\">\n        <div className=\"promoVehicleContainer\">\n          <div className=\"vehicleTitleContainer\">\n            {label &&\n              (labelVariant === 'feature' ? (\n                <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n                  {handleMaxChars(label, 30)}\n                </Label>\n              ) : (\n                <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n              ))}\n            {vehicleName && (\n              <h2 style={{ margin: 0 }} className=\"vehicleName\">\n                {handleMaxChars(vehicleName, 20)}\n              </h2>\n            )}\n            {equipment && (\n              <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n                {handleMaxChars(equipment, 20)}\n              </h4>\n            )}\n            {description && (\n              <div className=\"CardImageSubtitleContainer\">\n                <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n              </div>\n            )}\n            <div className=\"LabelsOptional\">\n              {labelInfoFirstText && (\n                <div>\n                  <Label\n                    type=\"feature\"\n                    variant={labelInfoFirstVariant}\n                    label={handleMaxChars(labelInfoFirstText, 30)}\n                  />\n                </div>\n              )}\n              {labelInfoSecondText && (\n                <div>\n                  <Label\n                    type=\"feature\"\n                    variant={labelInfoSecondVariant}\n                    label={handleMaxChars(labelInfoSecondText, 30)}\n                  />\n                </div>\n              )}\n            </div>\n          </div>\n          <div className=\"promoVehicleImage\">\n            <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n          </div>\n          <div className=\"promoVehicleInfo\">\n            <div className=\"promoVehicleButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n            {customInfo ? (\n              <div className=\"infoText\">{customInfo}</div>\n            ) : (\n              <InfoTextCardComponent\n                infoText={infoText}\n                infoTextSecond={infoTextSecond}\n                infoTextThird={infoTextThird}\n                className=\"infoText\"\n              />\n            )}\n          </div>\n          {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n        </div>\n      </div>\n    </CardPromoVehicleComponentStyled>\n  );\n};\n\nexport default CardPromoVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n  let opacity = '';\n  switch (lightOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n      break;\n  }\n  switch (darkOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n      break;\n  }\n  return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n  let color = '';\n  if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n    color = theme.palette.text.primary;\n  }\n  if (darkOpacityLayer !== 'opacity0') {\n    color = theme.palette.onSurface.os0;\n  } else color = theme.palette.text.primary;\n  return color;\n};\n\n/**\n * @description cardPromoVehicleComponent styling definition based on props\n */\n\nconst CardPromoVehicleComponentStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n  const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n  const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n  let style = {};\n\n  style = {\n    position: 'relative',\n    width: '100%',\n    padding: '24px',\n    backgroundColor: theme.palette.transparent.primary,\n    color: textColor,\n    '& .LabelsOptional': {\n      display: 'flex',\n      flexWrap: 'wrap',\n      position: 'relative',\n      zIndex: 2,\n    },\n    '& .promoVehicleImage': {\n      marginTop: '-45px',\n      position: 'relative',\n      [theme.breakpoints.up('md')]: {\n        position: props.size === 'fixed' ? 'absolute' : 'relative',\n        marginTop: props.size === 'fixed' ? 0 : '-45px',\n      },\n\n      zIndex: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      ' & > img': {\n        minHeight: '176px',\n        maxWidth: '100%',\n        maxHeight: '100%',\n        position: 'relative',\n        objectFit: 'contain',\n      },\n    },\n    '& .promoVehicleContainerPadding': {\n      position: 'relative',\n      height: '100%',\n      width: '100%',\n    },\n    '& .promoVehicleContainer': {\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      flexDirection: 'column',\n      display: 'flex',\n      justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n      boxSizing: 'border-box',\n      ' & > .vehicleTitleContainer': {\n        zIndex: 2,\n        width: '100%',\n        position: 'relative',\n        '& > .vehicleName': {\n          fontSize: '23px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '24px',\n          },\n          lineHeight: '28px',\n        },\n        '& > .vehicleEquipment': {\n          fontSize: '16px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '18px',\n          },\n          lineHeight: '24px',\n        },\n        '& > .CardImageLabelFeature': {\n          marginLeft: '0px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageLabel': {\n          lineHeight: '12px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageSubtitleContainer': {\n          display: 'inline-flex',\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          width: '100%',\n          '& > .CardImageSubtitle': {\n            fontSize: '16px',\n            lineHeight: '24px',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            [theme.breakpoints.up('lg')]: {\n              fontSize: '18px',\n              lineHeight: '28px',\n            },\n          },\n        },\n      },\n      '& > .promoVehicleInfo': {\n        marginTop: '-25px',\n        position: 'relative',\n        [theme.breakpoints.up('md')]: {\n          marginTop: props.size === 'fixed' ? 0 : '-25px',\n        },\n\n        display: 'flex',\n        flexDirection: 'column-reverse',\n        flexWrap: 'wrap-reverse',\n        width: '100%',\n        justifyContent: 'space-between',\n        zIndex: 2,\n        [theme.breakpoints.up('md')]: {\n          flexDirection: 'row',\n        },\n        '& > .promoVehicleButtons': {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'end',\n          flexWrap: 'wrap',\n          gap: '12px 16px',\n          marginTop: '8px',\n          '& > .button-component': {\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n              width: 'auto',\n              padding: '0 0 2px 2px',\n            },\n            ' > div': {\n              width: '100%',\n            },\n          },\n          '& .MuiButton-root': {\n            width: '100%',\n          },\n          [theme.breakpoints.up('md')]: {\n            flexDirection: 'row',\n            '& > a': {\n              '& + a': {\n                marginTop: '0',\n              },\n            },\n          },\n        },\n        ' & > .infoText': {\n          display: 'block',\n          maxWidth: '100%',\n          fontSize: '14px',\n          [theme.breakpoints.up('md')]: {\n            width: 'auto',\n            alignSelf: 'end',\n          },\n          ' & > div > p': {\n            margin: 0,\n          },\n          '.infoTextFirst': {\n            fontWeight: 'bold',\n            span: { fontWeight: '300' },\n          },\n          '.infoTextThirdContainer': {\n            display: 'inline-flex',\n            maxWidth: '100%',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          },\n          '.infoTextThird': {\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          },\n        },\n      },\n      ' & >.menuCardComponent': {\n        top: '-7px',\n        right: '-5px',\n      },\n    },\n    ' & >.CardImageOverlayTheme': {\n      background: opacityLayer,\n    },\n  };\n  return style;\n});\n"],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","_jsx","className","children","Label","type","variant","handleMaxChars","style","margin","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}
+{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Label } from '../../components/label';\nimport { CardPromoVehicleProps } from './cardPromoVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\nexport const CardPromoVehicleComponent: FC<CardPromoVehicleProps> = ({\n  label,\n  labelVariant,\n  vehicleName,\n  equipment,\n  image,\n  altDescriptionImage,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  darkOpacityLayer,\n  lightOpacityLayer,\n  menuCardComponentProps,\n  isMenuDropdown,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  customInfo,\n  description,\n  labelInfoFirstVariant,\n  labelInfoFirstText,\n  labelInfoSecondVariant,\n  labelInfoSecondText,\n  isCompact,\n  size,\n  fallbackImage,\n}) => {\n  return (\n    <CardPromoVehicleComponentStyled\n      size={size}\n      darkOpacityLayer={darkOpacityLayer}\n      lightOpacityLayer={lightOpacityLayer}\n    >\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"promoVehicleContainerPadding\">\n        <div className=\"promoVehicleContainer\">\n          <div className=\"vehicleTitleContainer\">\n            {label &&\n              (labelVariant === 'feature' ? (\n                <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n                  {handleMaxChars(label, 30)}\n                </Label>\n              ) : (\n                <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n              ))}\n            {vehicleName && (\n              <h2 style={{ margin: 0 }} className=\"vehicleName\">\n                {handleMaxChars(vehicleName, 20)}\n              </h2>\n            )}\n            {equipment && (\n              <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n                {handleMaxChars(equipment, 20)}\n              </h4>\n            )}\n            {description && (\n              <div className=\"CardImageSubtitleContainer\">\n                <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n              </div>\n            )}\n            <div className=\"LabelsOptional\">\n              {labelInfoFirstText && (\n                <div>\n                  <Label\n                    type=\"feature\"\n                    variant={labelInfoFirstVariant}\n                    label={handleMaxChars(labelInfoFirstText, 30)}\n                  />\n                </div>\n              )}\n              {labelInfoSecondText && (\n                <div>\n                  <Label\n                    type=\"feature\"\n                    variant={labelInfoSecondVariant}\n                    label={handleMaxChars(labelInfoSecondText, 30)}\n                  />\n                </div>\n              )}\n            </div>\n          </div>\n          <div className=\"promoVehicleImage\">\n            <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n          </div>\n          <div className=\"promoVehicleInfo\">\n            <div className=\"promoVehicleButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n            {customInfo ? (\n              <div className=\"infoText\">{customInfo}</div>\n            ) : (\n              <InfoTextCardComponent\n                infoText={infoText}\n                infoTextSecond={infoTextSecond}\n                infoTextThird={infoTextThird}\n                className=\"infoText\"\n              />\n            )}\n          </div>\n          {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n        </div>\n      </div>\n    </CardPromoVehicleComponentStyled>\n  );\n};\n\nexport default CardPromoVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n  let opacity = '';\n  switch (lightOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n      break;\n  }\n  switch (darkOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n      break;\n  }\n  return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n  let color = '';\n  if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n    color = theme.palette.text.primary;\n  }\n  if (darkOpacityLayer !== 'opacity0') {\n    color = theme.palette.onSurface.os0;\n  } else color = theme.palette.text.primary;\n  return color;\n};\n\n/**\n * @description cardPromoVehicleComponent styling definition based on props\n */\n\nconst CardPromoVehicleComponentStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n  const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n  const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n  let style = {};\n\n  style = {\n    position: 'relative',\n    width: '100%',\n    padding: '24px',\n    backgroundColor: theme.palette.transparent.primary,\n    color: textColor,\n    '& .LabelsOptional': {\n      display: 'flex',\n      flexWrap: 'wrap',\n      position: 'relative',\n      zIndex: 2,\n    },\n    '& .promoVehicleImage': {\n      marginTop: '-45px',\n      position: 'relative',\n      [theme.breakpoints.up('md')]: {\n        position: props.size === 'fixed' ? 'absolute' : 'relative',\n        marginTop: props.size === 'fixed' ? 0 : '-45px',\n      },\n\n      zIndex: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      ' & > img': {\n        minHeight: '176px',\n        maxWidth: '100%',\n        maxHeight: '100%',\n        position: 'relative',\n        objectFit: 'contain',\n      },\n    },\n    '& .promoVehicleContainerPadding': {\n      position: 'relative',\n      height: '100%',\n      width: '100%',\n    },\n    '& .promoVehicleContainer': {\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      flexDirection: 'column',\n      display: 'flex',\n      justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n      boxSizing: 'border-box',\n      ' & > .vehicleTitleContainer': {\n        zIndex: 2,\n        width: '100%',\n        position: 'relative',\n        '& > .vehicleName': {\n          fontSize: '23px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '24px',\n          },\n          lineHeight: '28px',\n        },\n        '& > .vehicleEquipment': {\n          fontSize: '16px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '18px',\n          },\n          lineHeight: '24px',\n        },\n        '& > .CardImageLabelFeature': {\n          marginLeft: '0px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageLabel': {\n          lineHeight: '12px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageSubtitleContainer': {\n          display: 'inline-flex',\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          width: '100%',\n          '& > .CardImageSubtitle': {\n            fontSize: '16px',\n            lineHeight: '24px',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            [theme.breakpoints.up('lg')]: {\n              fontSize: '18px',\n              lineHeight: '28px',\n            },\n          },\n        },\n      },\n      '& > .promoVehicleInfo': {\n        marginTop: '-25px',\n        position: 'relative',\n        [theme.breakpoints.up('md')]: {\n          marginTop: props.size === 'fixed' ? 0 : '-25px',\n        },\n\n        display: 'flex',\n        flexDirection: 'column-reverse',\n        flexWrap: 'wrap-reverse',\n        width: '100%',\n        justifyContent: 'space-between',\n        zIndex: 2,\n        [theme.breakpoints.up('md')]: {\n          flexDirection: 'row',\n        },\n        '& > .promoVehicleButtons': {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'end',\n          flexWrap: 'wrap',\n          gap: '12px 16px',\n          marginTop: '8px',\n          '& > .button-component': {\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n              width: 'auto',\n              padding: '0 0 2px 2px',\n            },\n            ' > div': {\n              width: '100%',\n            },\n          },\n          '& .MuiButton-root': {\n            width: '100%',\n          },\n          [theme.breakpoints.up('md')]: {\n            flexDirection: 'row',\n            '& > a': {\n              '& + a': {\n                marginTop: '0',\n              },\n            },\n          },\n        },\n        ' & > .infoText': {\n          display: 'block',\n          maxWidth: '100%',\n          fontSize: '14px',\n          [theme.breakpoints.up('md')]: {\n            width: 'auto',\n            alignSelf: 'end',\n          },\n          ' & > div > p': {\n            margin: 0,\n          },\n          '.infoTextFirst': {\n            fontWeight: 'bold',\n            span: { fontWeight: '300' },\n          },\n          '.infoTextThirdContainer': {\n            display: 'inline-flex',\n            maxWidth: '100%',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          },\n          '.infoTextThird': {\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          },\n        },\n      },\n      ' & >.menuCardComponent': {\n        top: '-7px',\n        right: '-5px',\n      },\n    },\n    ' & >.CardImageOverlayTheme': {\n      background: opacityLayer,\n    },\n  };\n  return style;\n});\n"],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","_jsx","className","children","Label","type","variant","handleMaxChars","style","margin","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}