@skodaflow/web-library 4.0.3 → 4.2.0

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicle.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../../components/button';
 import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
@@ -6,9 +6,8 @@ import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComp
  * @interface CardOwnedVehicleProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardOwnedVehicleProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardOwnedVehicleProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -115,5 +114,6 @@ export interface CardOwnedVehicleProps extends React.HTMLAttributes<HTMLDivEleme
  * Properties are inherited from HTML Div element.
  * @param props ChipProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardOwnedVehicle: React.ForwardRefExoticComponent<CardOwnedVehicleProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicle.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),d=require("./cardOwnedVehicleComponent.js"),a=require("../common/styled/cardStandardWrapperStyled.js");function s(e){return e&&e.__esModule?e:{default:e}}const t=s(r).default.forwardRef(((r,s)=>e.jsx(a.CardStandardWrapperStyled,{isBorderRadius:r.isBorderRadius,size:r.size,ref:s,children:e.jsx(d.CardOwnedVehicleComponent,Object.assign({isCompact:!0},r))})));exports.CardOwnedVehicle=t;
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),d=require("./cardOwnedVehicleComponent.js"),a=require("../common/styled/cardStandardWrapperStyled.js");const s=r.forwardRef(((r,s)=>e.jsx(a.CardStandardWrapperStyled,{isBorderRadius:r.isBorderRadius,size:r.size,ref:s,children:e.jsx(d.CardOwnedVehicleComponent,Object.assign({isCompact:!0},r))})));exports.CardOwnedVehicle=s;
 //# sourceMappingURL=cardOwnedVehicle.js.map

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":[null],"names":["CardOwnedVehicle","React","forwardRef","props","ref","_jsx","jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"6NA4HO,MAAMA,OAAmBC,QAAMC,YAAkD,CAACC,EAAOC,IAE5FC,EAAAC,IAACC,4BAAyB,CAACC,eAAgBL,EAAMK,eAAgBC,KAAMN,EAAMM,KAAML,IAAKA,EACtFM,SAAAL,MAACM,EAAAA,0BAA0BC,OAAAC,OAAA,CAAAC,WAAW,GAAUX"}
+{"version":3,"file":"cardOwnedVehicle.js","sources":["../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport CardOwnedVehicleComponent from './cardOwnedVehicleComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\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((props, ref) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, size: props.size, ref: ref, children: _jsx(CardOwnedVehicleComponent, Object.assign({ isCompact: true }, props)) }));\n});\n//# sourceMappingURL=cardOwnedVehicle.js.map"],"names":["CardOwnedVehicle","forwardRef","props","ref","_jsx","jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardOwnedVehicleComponent","Object","assign","isCompact"],"mappings":"0KAWY,MAACA,EAAmBC,EAAUA,YAAC,CAACC,EAAOC,IACvCC,EAAIC,IAACC,4BAA2B,CAAEC,eAAgBL,EAAMK,eAAgBC,KAAMN,EAAMM,KAAML,IAAKA,EAAKM,SAAUL,MAAKM,EAAAA,0BAA2BC,OAAOC,OAAO,CAAEC,WAAW,GAAQX"}

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardOwnedVehicleProps } from './cardOwnedVehicle';
-export declare const CardOwnedVehicleComponent: React.ForwardRefExoticComponent<CardOwnedVehicleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardOwnedVehicleComponent: FC<CardOwnedVehicleProps>;
 export default CardOwnedVehicleComponent;

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("react"),t=require("../../components/indicator/indicator.js"),r=require("@mui/material/Card"),n=require("../../components/label/label.js"),o=require("../common/menuCardComponent/menuCardComponent.js"),l=require("../common/buttonCardComponent/buttonCardComponent.js"),s=require("../../components/labelFeature/labelFeature.js"),c=require("@mui/material/styles"),d=require("../../utils/utilities.js"),p=require("../../components/common/imageComponent.js");function m(e){return e&&e.__esModule?e:{default:e}}var u=m(i),h=m(r);const x=u.default.forwardRef((({label:e,labelVariant:i,vehicleName:r,equipment:c,vehicleStatus:m,vehicleStatusVariant:u,image:h,fallbackImage:x,altDescriptionImage:b,mandatoryButtonObject:f,optionalButtonObject:y,darkOpacityLayer:v,lightOpacityLayer:j,menuCardComponentProps:C,isMenuDropdown:w,vehicleSpecs:k,vehicleSpecsObject:O,isCompact:S,size:I},N)=>a.jsxs(g,{size:I,darkOpacityLayer:v,lightOpacityLayer:j,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"ownedVehicleContainer",children:a.jsxs("div",{className:"ownedVehicleContainerContent",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===i?a.jsx(s.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:d.handleMaxChars(e,30)}):a.jsx(n.Label,{className:"CardImageLabel",label:d.handleMaxChars(e,30)})),r&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:d.handleMaxChars(r,20)}),c&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:d.handleMaxChars(c,20)}),m&&a.jsx(t.Indicator,{className:"disclamer",label:m,variant:u})]}),a.jsx("div",{className:"ownedVehicleImage",children:a.jsx(p.default,{image:h,alt:b,fallbackImage:x})}),a.jsxs("div",{className:"ownedVehicleSpecsContainer",children:[a.jsxs("div",{className:"ownedVehicleButtons",children:[(null==f?void 0:f.label)&&a.jsx(l.default,{className:"button-component",buttonObject:f,compact:S}),(null==y?void 0:y.label)&&a.jsx(l.default,{className:"button-component",buttonObject:y,compact:S})]}),k&&a.jsxs("div",{className:"ownedVehicleSpecs",children:[O.map(((e,i)=>a.jsxs("div",{children:[e.subtitle&&a.jsx("p",{children:e.subtitle}),e.value&&a.jsx("p",{children:a.jsx("b",{children:e.value})})]},"ownedVehicleSpecsItem"+i)))," "]})]}),w&&a.jsx(o.default,Object.assign({},C))]})})]}))),g=c.styled(h.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const r=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),n=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:n,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:n},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:r}},o}));exports.CardOwnedVehicleComponent=x,exports.default=x;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("../../components/indicator/indicator.js"),t=require("@mui/material/Card"),n=require("../../components/label/label.js"),r=require("../common/menuCardComponent/menuCardComponent.js"),o=require("../common/buttonCardComponent/buttonCardComponent.js"),l=require("../../components/labelFeature/labelFeature.js"),s=require("@mui/material/styles"),c=require("../../utils/utilities.js"),p=require("../../components/common/imageComponent.js");function d(e){return e&&e.__esModule?e:{default:e}}var m=d(t);const u=({label:e,labelVariant:t,vehicleName:s,equipment:d,vehicleStatus:m,vehicleStatusVariant:u,image:x,fallbackImage:g,altDescriptionImage:b,mandatoryButtonObject:y,optionalButtonObject:f,darkOpacityLayer:v,lightOpacityLayer:j,menuCardComponentProps:C,isMenuDropdown:w,vehicleSpecs:k,vehicleSpecsObject:O,isCompact:N,size:S})=>a.jsxs(h,{size:S,darkOpacityLayer:v,lightOpacityLayer:j,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"ownedVehicleContainer",children:a.jsxs("div",{className:"ownedVehicleContainerContent",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===t?a.jsx(l.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:c.handleMaxChars(e,30)}):a.jsx(n.Label,{className:"CardImageLabel",label:c.handleMaxChars(e,30)})),s&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:c.handleMaxChars(s,20)}),d&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:c.handleMaxChars(d,20)}),m&&a.jsx(i.Indicator,{className:"disclamer",label:m,variant:u})]}),a.jsx("div",{className:"ownedVehicleImage",children:a.jsx(p.default,{image:x,alt:b,fallbackImage:g})}),a.jsxs("div",{className:"ownedVehicleSpecsContainer",children:[a.jsxs("div",{className:"ownedVehicleButtons",children:[(null==y?void 0:y.label)&&a.jsx(o.default,{className:"button-component",buttonObject:y,compact:N}),(null==f?void 0:f.label)&&a.jsx(o.default,{className:"button-component",buttonObject:f,compact:N})]}),k&&a.jsxs("div",{className:"ownedVehicleSpecs",children:[O.map((e=>a.jsxs("div",{children:[e.subtitle&&a.jsx("p",{children:e.subtitle}),e.value&&a.jsx("p",{children:a.jsx("b",{children:e.value})})]},e.value)))," "]})]}),w&&a.jsx(r.default,Object.assign({},C))]})})]}),h=s.styled(m.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.onSurface.os900),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.onSurface.os900,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:i.palette.transparent.primary,color:r,"& .ownedVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .disclamer":{fontSize:"14px",lineHeight:"20px",marginTop:"4px",color:r},"& .ownedVehicleContainer":{position:"relative",height:"100%",width:"100%"},"& .ownedVehicleContainerContent":{overflow:"hidden",height:"100%",width:"100%",display:"flex",flexDirection:"column",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"}},"& > .ownedVehicleSpecsContainer":{marginTop:"-25px",fontSize:"14px",lineHeight:"20px",display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row",marginTop:"fixed"===t.size?0:"-25px"},"& > .ownedVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .ownedVehicleSpecs":{display:"flex",flexDirection:"row",alignItems:"end",marginBottom:i.breakpoints.values.md?0:"12px"," & > div:first-of-type":{marginRight:"24px"}," & > div > p":{margin:0}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:n}},o}));exports.CardOwnedVehicleComponent=u,exports.default=u;
 //# sourceMappingURL=cardOwnedVehicleComponent.js.map

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":[null],"names":["CardOwnedVehicleComponent","React","default","forwardRef","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","ref","_jsxs","CardOwnVehicleComponentStyled","_jsx","className","children","jsxs","LabelFeature","variant","handleMaxChars","jsx","Label","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","index","subtitle","value","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","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 { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n    return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n                                    (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, variant: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null || mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null || optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n                                            return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n                                        }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\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};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n    let color = '';\n    if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n        color = theme.palette.onSurface.os900;\n    }\n    if (darkOpacityLayer !== 'opacity0') {\n        color = theme.palette.onSurface.os0;\n    }\n    else\n        color = theme.palette.onSurface.os900;\n    return color;\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})((_a) => {\n    var { theme } = _a, props = __rest(_a, [\"theme\"]);\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            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                    ' & > div:first-of-type': {\n                        marginRight: '24px',\n                    },\n                    ' & > div > p': {\n                        margin: 0,\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//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","jsx","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","default","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","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":"onBAWY,MAACA,EAA4B,QAAGC,EAAOC,eAAcC,cAAaC,YAAWC,gBAAeC,uBAAsBC,QAAOC,gBAAeC,sBAAqBC,wBAAuBC,uBAAsBC,mBAAkBC,oBAAmBC,yBAAwBC,iBAAgBC,eAAcC,qBAAoBC,YAAWC,UACpUC,EAAAA,KAAMC,EAA+B,CAAEF,KAAMA,EAAMP,iBAAkBA,EAAkBC,kBAAmBA,EAAmBS,SAAU,CAACC,MAAK,MAAO,CAAEC,UAAW,0BAA4BD,EAAAA,IAAK,MAAO,CAAEC,UAAW,wBAAyBF,SAAUF,EAAAA,KAAM,MAAO,CAAEI,UAAW,+BAAgCF,SAAU,CAACF,EAAKK,KAAC,MAAO,CAAED,UAAW,wBAAyBF,SAAU,CAACrB,IAClV,YAAjBC,EAA8BqB,MAAKG,EAAAA,aAAc,CAAEF,UAAW,wBAAyBG,QAAS,UAAWL,SAAUM,EAAAA,eAAe3B,EAAO,MAAWsB,EAAAA,IAAKM,EAAAA,MAAO,CAAEL,UAAW,iBAAkBvB,MAAO2B,EAAAA,eAAe3B,EAAO,OAAUE,GAAgBoB,EAAIO,IAAC,KAAM,CAAEC,MAAO,CAAEC,OAAQ,GAAKR,UAAW,cAAeF,SAAUM,EAAcA,eAACzB,EAAa,MAASC,GAAcmB,EAAAA,IAAK,KAAM,CAAEQ,MAAO,CAAEC,OAAQ,GAAKR,UAAW,mBAAoBF,SAAUM,EAAcA,eAACxB,EAAW,MAASC,GAAiBkB,EAAIO,IAACG,EAASA,UAAE,CAAET,UAAW,YAAavB,MAAOI,EAAesB,QAASrB,OAA6BiB,MAAK,MAAO,CAAEC,UAAW,oBAAqBF,SAAUC,EAAAA,IAAKW,EAAAA,QAAgB,CAAE3B,MAAOA,EAAO4B,IAAK1B,EAAqBD,cAAeA,MAAqBY,OAAM,MAAO,CAAEI,UAAW,6BAA8BF,SAAU,CAACF,EAAKK,KAAC,MAAO,CAAED,UAAW,sBAAuBF,SAAU,EAAEZ,aAAqE,EAASA,EAAsBT,QAAWsB,MAAKa,EAAAA,QAAqB,CAAEZ,UAAW,mBAAoBa,aAAc3B,EAAuB4B,QAASpB,KAAgBP,aAAmE,EAASA,EAAqBV,QAAWsB,MAAKa,EAAAA,QAAqB,CAAEZ,UAAW,mBAAoBa,aAAc1B,EAAsB2B,QAASpB,OAAmBF,GAAiBI,EAAAA,KAAM,MAAO,CAAEI,UAAW,oBAAqBF,SAAU,CAACL,EAAmBsB,KAAKC,GACt5CpB,EAAKK,KAAC,MAAO,CAAEH,SAAU,CAACkB,EAAKC,UAAYlB,EAAIO,IAAC,IAAK,CAAER,SAAUkB,EAAKC,WAAaD,EAAKE,OAAUnB,EAAAA,IAAK,IAAK,CAAED,SAAUC,EAAIO,IAAC,IAAK,CAAER,SAAUkB,EAAKE,YAAiBF,EAAKE,SACjL,UAAc3B,GAAkBQ,EAAAA,IAAKoB,EAAiBC,QAAEC,OAAOC,OAAO,CAAE,EAAEhC,YA4ChHO,EAAgC0B,EAAMA,OAACC,UAAS,CAClDC,kBAAoBC,GAAkB,qBAATA,GAAwC,sBAATA,GAAyC,SAATA,GAD1DH,EAElCI,IACA,IAAIC,MAAEA,GAAUD,EAAIE,EAAQC,EAAAA,OAAOH,EAAI,CAAC,UACxC,MAAMI,EA7CY,EAAC3C,EAAkBC,KACrC,IAAI2C,EAAU,GACd,OAAQ3C,GACJ,IAAK,YACD2C,EAAU,6FACV,MACJ,IAAK,YACDA,EAAU,4FACV,MACJ,IAAK,YACDA,EAAU,6FAGlB,OAAQ5C,GACJ,IAAK,YACD4C,EAAU,iFACV,MACJ,IAAK,YACDA,EAAU,gFACV,MACJ,IAAK,YACDA,EAAU,iFAGlB,OAAOA,CAAO,EAqBOC,CAAcJ,EAAMzC,iBAAkByC,EAAMxC,mBAC3D6C,EApBc,EAAC9C,EAAkBC,EAAmBuC,KAC1D,IAAIO,EAAQ,GASZ,MAR0B,aAAtB9C,GAAyD,aAArBD,IACpC+C,EAAQP,EAAMQ,QAAQC,UAAUC,OAGhCH,EADqB,aAArB/C,EACQwC,EAAMQ,QAAQC,UAAUE,IAGxBX,EAAMQ,QAAQC,UAAUC,MAC7BH,CAAK,EAUMK,CAAgBX,EAAMzC,iBAAkByC,EAAMxC,kBAAmBuC,GACnF,IAAIrB,EAAQ,CAAA,EAyIZ,OAxIAA,EAAQ,CACJkC,SAAU,WACVC,MAAO,OACPC,QAAS,OACTC,gBAAiBhB,EAAMQ,QAAQS,YAAYC,QAC3CX,MAAOD,EACP,uBAAwB,CACpBa,UAAW,QACXN,SAAU,WACV,CAACb,EAAMoB,YAAYC,GAAG,OAAQ,CAC1BR,SAAyB,UAAfZ,EAAMlC,KAAmB,WAAa,WAChDoD,UAA0B,UAAflB,EAAMlC,KAAmB,EAAI,SAE5CuD,OAAQ,EACRR,MAAO,OACPS,OAAQ,OACRC,QAAS,OACTC,eAAgB,SAChB,WAAY,CACRC,UAAW,QACXC,SAAU,OACVC,UAAW,OACXf,SAAU,WACVgB,UAAW,YAGnB,eAAgB,CACZC,SAAU,OACVC,WAAY,OACZZ,UAAW,MACXZ,MAAOD,GAEX,2BAA4B,CACxBO,SAAU,WACVU,OAAQ,OACRT,MAAO,QAEX,kCAAmC,CAC/BkB,SAAU,SACVT,OAAQ,OACRT,MAAO,OACPU,QAAS,OACTS,cAAe,SACfR,eAA+B,UAAfxB,EAAMlC,KAAmB,gBAAkB,SAC3DmE,UAAW,aACX,8BAA+B,CAC3BZ,OAAQ,EACRR,MAAO,OACP,mBAAoB,CAChBgB,SAAU,OACV,CAAC9B,EAAMoB,YAAYC,GAAG,OAAQ,CAC1BS,SAAU,QAEdC,WAAY,QAEhB,wBAAyB,CACrBD,SAAU,OACV,CAAC9B,EAAMoB,YAAYC,GAAG,OAAQ,CAC1BS,SAAU,QAEdC,WAAY,QAEhB,6BAA8B,CAC1BI,WAAY,iBACZC,aAAc,OAElB,sBAAuB,CACnBL,WAAY,kBACZK,aAAc,QAGtB,kCAAmC,CAC/BjB,UAAW,QACXW,SAAU,OACVC,WAAY,OACZP,QAAS,OACTS,cAAe,iBACfI,SAAU,eACVvB,MAAO,OACPW,eAAgB,gBAChBH,OAAQ,EACR,CAACtB,EAAMoB,YAAYC,GAAG,OAAQ,CAC1BY,cAAe,MACfd,UAA0B,UAAflB,EAAMlC,KAAmB,EAAI,SAE5C,2BAA4B,CACxByD,QAAS,OACTS,cAAe,SACfK,WAAY,MACZD,SAAU,OACVE,IAAK,YACLpB,UAAW,MACX,wBAAyB,CACrBL,MAAO,OACP,CAACd,EAAMoB,YAAYC,GAAG,OAAQ,CAC1BP,MAAO,OACPC,QAAS,eAEb,SAAU,CACND,MAAO,SAGf,oBAAqB,CACjBA,MAAO,QAEX,CAACd,EAAMoB,YAAYC,GAAG,OAAQ,CAC1BY,cAAe,MACf,QAAS,CACL,QAAS,CACLd,UAAW,QAK3B,0BAA2B,CACvBK,QAAS,OACTS,cAAe,MACfK,WAAY,MACZF,aAAcpC,EAAMoB,YAAYoB,OAAOC,GAAK,EAAI,OAChD,yBAA0B,CACtBC,YAAa,QAEjB,eAAgB,CACZ9D,OAAQ,KAIpB,yBAA0B,CACtB+D,IAAK,OACLC,MAAO,SAGf,6BAA8B,CAC1BC,WAAY1C,IAGbxB,CAAK"}

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.d.ts

@@ -1,13 +1,12 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../..';
 /**
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardPhotoAdjustableProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardPhotoAdjustableProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -86,5 +85,6 @@ export interface CardPhotoAdjustableProps extends React.HTMLAttributes<HTMLDivEl
  * Properties are inherited from HTML Div element.
  * @param props CardPhotoFixedProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardPhotoAdjustable: React.ForwardRefExoticComponent<CardPhotoAdjustableProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("@emotion/styled"),a=require("@mui/material/Card"),r=require("./cardPhotoAdjustableComponent.js"),o=require("../../utils/utilities.js");function n(e){return e&&e.__esModule?e:{default:e}}var p=n(t),d=n(i),l=n(a);const s=p.default.forwardRef(((t,i)=>e.jsx(h,{ref:i,children:e.jsx(r.default,Object.assign({},t))}))),h=d.default(l.default)`
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("@emotion/styled"),a=require("@mui/material/Card"),r=require("./cardPhotoAdjustableComponent.js"),o=require("../../utils/utilities.js");function n(e){return e&&e.__esModule?e:{default:e}}var p=n(i),d=n(a);const l=t.forwardRef(((t,i)=>e.jsx(s,{ref:i,children:e.jsx(r.default,Object.assign({},t))}))),s=p.default(d.default)`
   height: ${e=>{switch(e.children.props.heightSize){case"small":return"180px";case"medium":case"normal":return"400px";default:return""}}};
 
   @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
@@ -144,5 +144,5 @@
 
     ${e=>o.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
   }
-`;exports.CardPhotoAdjustable=s;
+`;exports.CardPhotoAdjustable=l;
 //# sourceMappingURL=cardPhotoAdjustable.js.map

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":[null],"names":["CardPhotoAdjustable","React","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"iSA+GO,MAAMA,EAAsBC,EAAAA,QAAMC,YAAqD,CAACC,EAAOC,IAElGC,EAAAC,IAACC,EAAyB,CAACH,IAAKA,EAC9BI,SAAAH,EAAAA,IAACI,EAAAA,QAA4BC,OAAAC,OAAA,CAAA,EAAAR,QAS7BI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAiD;YACpFX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SAGL,IAAK,SACH,MAAO,QAET,QACE,MAAO,GACV;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACT,OAAQA,EAAMK,SAASL,MAAMY,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO,GACV;;;uBAIiBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACT,OAAQA,EAAMK,SAASL,MAAMY,YAC3B,IAAK,QACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,IAAK,SACH,MAAO,QAET,QACE,MAAO,GACV;;;;;;;sBAQgBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GAEiC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SAEdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEO,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACnEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAGtCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aACpB,MAAO,mBACR;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACvB,MAAO,qBACR;;;;;;;;;aAUS5B,GACkC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YACpEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEO,aAArCzB,EAAMK,SAASL,MAAMsB,YAChBtB,EAAMa,MAAMK,QAAQC,UAAUC,SADvC;;;;;;;;;;;;;;;;;;;;;2BAwBsBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACM+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAG1ErB,GACMgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}
+{"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n    return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\r\n  height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '180px';\n        case 'medium':\n            return '400px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '150px';\n        case 'medium':\n            return '240px';\n        case 'normal':\n            return '300px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: ${(props) => {\n    switch (props.children.props.heightSize) {\n        case 'small':\n            return '200px';\n        case 'medium':\n            return '300px';\n        case 'normal':\n            return '400px';\n        default:\n            return '';\n    }\n}};\r\n  }\r\n\r\n  padding: 0;\r\n  .CardImagePicture {\r\n    display: block;\r\n  }\r\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\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    }\n    else\n        return props.theme.palette.onSurface.os0;\n}};\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n\t.CardImageHeader {\r\n    width: 100%;\r\n  }\r\n  .CardImageHeader {\r\n    .Label {\r\n      margin: 0;\r\n    }\r\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}};\r\n  }\r\n  .CardImageMedia {\r\n    position: relative;\r\n    height: auto;\r\n  }\r\n  .CardImageTextContainer {\r\n    padding: 24px;\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column;\r\n    height: 100%;\r\n    width: 100%;\r\n    box-sizing: border-box;\r\n  }\r\n  .CardImageText {\r\n    position: absolute;\r\n    .CardImageSubtitle {\r\n      font-weight: bold;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 27px;\r\n      line-height: 32px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 30px;\r\n        line-height: 36px;\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainerContent {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    flex-direction: column-reverse;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n  }\r\n  .CardImageButtons {\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n    }\r\n    .cta-button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n      }\r\n    }\r\n    .cta-button button {\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        width: auto;\r\n        font-size: 14px;\r\n      }\r\n    }\r\n  }\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 8px;\r\n    span:first-of-type {\r\n      margin-bottom: 4px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      span:first-of-type {\r\n        margin-bottom: 0;\r\n      }\r\n    }\r\n  }\r\n  .InfoVehicle {\r\n    font-size: 14px;\r\n    line-height: 20px;\r\n    margin-bottom: 12px;\r\n    text-align: left;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      margin-bottom: 0;\r\n      text-align: right;\r\n    }\r\n    margin-bottom: 16px;\r\n    .InfoVehicleTotal {\r\n      font-weight: bold;\r\n    }\r\n    .infoVehicleDealerInfoContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoVehicleDealerInfo {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"0RAaY,MAACA,EAAsBC,EAAUA,YAAC,CAACC,EAAOC,IAC1CC,EAAIC,IAACC,EAA2B,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAyBC,OAAOC,OAAO,CAAA,EAAIR,QAK5GI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAE;YACrCX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GACmC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SACdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEK,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACjEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAKxCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACrB,MAAO,qBACV;;;;;;;;;aAUS5B,GACgC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YAClEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEK,aAArCzB,EAAMK,SAASL,MAAMsB,YACdtB,EAAMa,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACI+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAGxErB,GACIgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardPhotoAdjustableProps } from '.';
-declare const CardPhotoFixedComponent: React.ForwardRefExoticComponent<CardPhotoAdjustableProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardPhotoFixedComponent: FC<CardPhotoAdjustableProps>;
 export default CardPhotoFixedComponent;

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../components/button/button.js"),s=require("../../components/labelFeature/labelFeature.js"),n=require("../../utils/utilities.js");function l(e){return e&&e.__esModule?e:{default:e}}const r=l(a).default.forwardRef((({cardImage:l,altImageDescription:r,labelText:i,labelVariants:c,title:o,subtitle:d,buttonLink:u,buttonLabel:m,buttonVariant:x,optionalButton:h,optionalButtonLink:b,optionalButtonLabel:j,optionalButtonVariant:C,analyticsCallback:I},v)=>{const g=a.useCallback((e=>{I&&I(e)}),[I]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"CardImageOverlayTheme"}),e.jsx("div",{className:"CardImageText",children:e.jsxs("div",{className:"CardImageTextContainer",children:[e.jsxs("div",{className:"CardImageHeader",children:[i&&e.jsx(s.LabelFeature,{className:"Label",variant:c,label:n.handleMaxChars(i,30)}),o&&e.jsx("h2",{className:"h4",children:n.handleMaxChars(o,30)}),d&&e.jsx("span",{className:"CardImageSubtitle",children:n.handleMaxChars(d,30)})]}),e.jsx("div",{className:"CardImageButtonsContainer",children:e.jsx("div",{className:"CardImageButtonsContainerContent",children:e.jsxs("div",{className:"CardImageButtons",children:[e.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(u),style:{textDecoration:"none"},children:e.jsx(t.Button,{label:n.handleMaxChars(m,30),variant:x,compact:!0,onClick:()=>g(m)})}),h&&j&&b&&e.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(b),style:{textDecoration:"none"},children:e.jsx(t.Button,{label:n.handleMaxChars(j,30),variant:C,compact:!0,onClick:()=>g(j)})})]})})})]})}),e.jsx("div",{className:"CardImageMedia",children:e.jsx("div",{className:"CardImagePicture",children:e.jsx("img",{src:l,alt:r})})})]})}));exports.default=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var a=require("react/jsx-runtime"),e=require("react"),t=require("../../components/button/button.js"),s=require("../../components/labelFeature/labelFeature.js"),n=require("../../utils/utilities.js");exports.default=({cardImage:l,altImageDescription:r,labelText:i,labelVariants:c,title:o,subtitle:d,buttonLink:u,buttonLabel:m,buttonVariant:x,optionalButton:h,optionalButtonLink:b,optionalButtonLabel:j,optionalButtonVariant:C,analyticsCallback:I})=>{const v=e.useCallback((a=>{null==I||I(a)}),[I]);return a.jsxs(a.Fragment,{children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"CardImageText",children:a.jsxs("div",{className:"CardImageTextContainer",children:[a.jsxs("div",{className:"CardImageHeader",children:[i&&a.jsx(s.LabelFeature,{className:"Label",variant:c,label:n.handleMaxChars(i,30)}),o&&a.jsx("h2",{className:"h4",children:n.handleMaxChars(o,30)}),d&&a.jsx("span",{className:"CardImageSubtitle",children:n.handleMaxChars(d,30)})]}),a.jsx("div",{className:"CardImageButtonsContainer",children:a.jsx("div",{className:"CardImageButtonsContainerContent",children:a.jsxs("div",{className:"CardImageButtons",children:[a.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(u),style:{textDecoration:"none"},children:a.jsx(t.Button,{label:n.handleMaxChars(m,30),variant:x,compact:!0,onClick:()=>v(m)})}),h&&j&&b&&a.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(b),style:{textDecoration:"none"},children:a.jsx(t.Button,{label:n.handleMaxChars(j,30),variant:C,compact:!0,onClick:()=>v(j)})})]})})})]})}),a.jsx("div",{className:"CardImageMedia",children:a.jsx("div",{className:"CardImagePicture",children:a.jsx("img",{src:l,alt:r})})})]})};
 //# sourceMappingURL=cardPhotoAdjustableComponent.js.map

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":[null],"names":["CardPhotoFixedComponent","React","forwardRef","cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","ref","handleOnClick","useCallback","e","_jsxs","jsxs","_Fragment","children","_jsx","jsx","className","LabelFeature","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"6TAMA,MAAMA,OAA0BC,QAAMC,YACpC,EAEIC,YACAC,sBACAC,YACAC,gBACAC,QACAC,WACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,qBAEFC,KAEA,MAAMC,EAAgBC,eACnBC,IACCJ,GAAqBA,EAAkBI,EAAE,GAE3C,CAACJ,IAEH,OACEK,EACEC,KAAAC,WAAA,CAAAC,SAAA,CAAAC,EAAAC,IAAA,MAAA,CAAKC,UAAU,0BACfF,EAAAC,IAAA,MAAA,CAAKC,UAAU,gBAAeH,SAC5BH,EAAKC,KAAA,MAAA,CAAAK,UAAU,yBACbH,SAAA,CAAAH,EAAAA,KAAA,MAAA,CAAKM,UAAU,kBAAiBH,SAAA,CAC7BnB,GACCoB,EAAAA,IAACG,EAAYA,aAAA,CAACD,UAAU,QAAQE,QAASvB,EAAewB,MAAOC,iBAAe1B,EAAW,MAE1FE,GAASkB,MAAI,KAAA,CAAAE,UAAU,KAAMH,SAAAO,iBAAexB,EAAO,MACnDC,GAAYiB,MAAM,OAAA,CAAAE,UAAU,oBAAqBH,SAAAO,iBAAevB,EAAU,SAE7EiB,MAAK,MAAA,CAAAE,UAAU,4BACbH,SAAAC,MAAA,MAAA,CAAKE,UAAU,mCAAkCH,SAC/CH,OAAK,MAAA,CAAAM,UAAU,mBAAkBH,SAAA,CAC/BC,EACEC,IAAA,IAAA,CAAAM,UAAW,EACXL,UAAU,aACVM,KAAMC,UAAUzB,GAChB0B,MAAO,CAAEC,eAAgB,QAEzBZ,SAAAC,EAAAC,IAACW,SAAM,CACLP,MAAOC,iBAAerB,EAAa,IACnCmB,QAASlB,EACT2B,SAAS,EACTC,QAAS,IAAMrB,EAAcR,OAGhCE,GAAkBE,GAAuBD,GACxCY,EAAAA,IACE,IAAA,CAAAO,UAAW,EACXL,UAAU,aACVM,KAAMC,UAAUrB,GAChBsB,MAAO,CAAEC,eAAgB,QAEzBZ,SAAAC,EAAAC,IAACW,EAAMA,OACL,CAAAP,MAAOC,iBAAejB,EAAqB,IAC3Ce,QAASd,EACTuB,SAAS,EACTC,QAAS,IAAMrB,EAAcJ,mBAS7CW,EAAAC,IAAA,MAAA,CAAKC,UAAU,iBAAgBH,SAC7BC,EAAKC,IAAA,MAAA,CAAAC,UAAU,mBACbH,SAAAC,EAAAC,IAAA,MAAA,CAAKc,IAAKrC,EAAWsC,IAAKrC,UAIhC"}
+{"version":3,"file":"cardPhotoAdjustableComponent.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Button } from '../../components/button';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { handleMaxChars } from '../../utils/utilities';\nconst CardPhotoFixedComponent = ({ cardImage, altImageDescription, labelText, labelVariants, title, subtitle, buttonLink, buttonLabel, buttonVariant, optionalButton, optionalButtonLink, optionalButtonLabel, optionalButtonVariant, analyticsCallback, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback === null || analyticsCallback === void 0 ? void 0 : analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"CardImageText\", children: _jsxs(\"div\", { className: \"CardImageTextContainer\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [labelText && (_jsx(LabelFeature, { className: \"Label\", variant: labelVariants, label: handleMaxChars(labelText, 30) })), title && _jsx(\"h2\", { className: \"h4\", children: handleMaxChars(title, 30) }), subtitle && _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(subtitle, 30) })] }), _jsx(\"div\", { className: \"CardImageButtonsContainer\", children: _jsx(\"div\", { className: \"CardImageButtonsContainerContent\", children: _jsxs(\"div\", { className: \"CardImageButtons\", children: [_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(buttonLink), style: { textDecoration: 'none' }, children: _jsx(Button, { label: handleMaxChars(buttonLabel, 30), variant: buttonVariant, compact: true, onClick: () => handleOnClick(buttonLabel) }) }), optionalButton && optionalButtonLabel && optionalButtonLink && (_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(optionalButtonLink), style: { textDecoration: 'none' }, children: _jsx(Button, { label: handleMaxChars(optionalButtonLabel, 30), variant: optionalButtonVariant, compact: true, onClick: () => handleOnClick(optionalButtonLabel) }) }))] }) }) })] }) }), _jsx(\"div\", { className: \"CardImageMedia\", children: _jsx(\"div\", { className: \"CardImagePicture\", children: _jsx(\"img\", { src: cardImage, alt: altImageDescription }) }) })] }));\n};\nexport default CardPhotoFixedComponent;\n//# sourceMappingURL=cardPhotoAdjustableComponent.js.map"],"names":["cardImage","altImageDescription","labelText","labelVariants","title","subtitle","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","analyticsCallback","handleOnClick","useCallback","e","_jsxs","jsxs","_Fragment","children","_jsx","jsx","className","LabelFeature","variant","label","handleMaxChars","tabIndex","href","encodeURI","style","textDecoration","Button","compact","onClick","src","alt"],"mappings":"0RAKgC,EAAGA,YAAWC,sBAAqBC,YAAWC,gBAAeC,QAAOC,WAAUC,aAAYC,cAAaC,gBAAeC,iBAAgBC,qBAAoBC,sBAAqBC,wBAAuBC,wBAClO,MAAMC,EAAgBC,eAAaC,IAC/BH,SAAsEA,EAAkBG,EAAE,GAC3F,CAACH,IACJ,OAAQI,EAAKC,KAACC,WAAW,CAAEC,SAAU,CAACC,EAAIC,IAAC,MAAO,CAAEC,UAAW,0BAA4BF,EAAIC,IAAC,MAAO,CAAEC,UAAW,gBAAiBH,SAAUH,EAAKC,KAAC,MAAO,CAAEK,UAAW,yBAA0BH,SAAU,CAACH,EAAAA,KAAM,MAAO,CAAEM,UAAW,kBAAmBH,SAAU,CAAClB,GAAcmB,EAAAA,IAAKG,EAAYA,aAAE,CAAED,UAAW,QAASE,QAAStB,EAAeuB,MAAOC,iBAAezB,EAAW,MAASE,GAASiB,MAAK,KAAM,CAAEE,UAAW,KAAMH,SAAUO,iBAAevB,EAAO,MAAQC,GAAYgB,MAAK,OAAQ,CAAEE,UAAW,oBAAqBH,SAAUO,iBAAetB,EAAU,SAAYgB,MAAK,MAAO,CAAEE,UAAW,4BAA6BH,SAAUC,MAAK,MAAO,CAAEE,UAAW,mCAAoCH,SAAUH,OAAM,MAAO,CAAEM,UAAW,mBAAoBH,SAAU,CAACC,EAAIC,IAAC,IAAK,CAAEM,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUxB,GAAayB,MAAO,CAAEC,eAAgB,QAAUZ,SAAUC,EAAIC,IAACW,SAAQ,CAAEP,MAAOC,iBAAepB,EAAa,IAAKkB,QAASjB,EAAe0B,SAAS,EAAMC,QAAS,IAAMrB,EAAcP,OAAoBE,GAAkBE,GAAuBD,GAAuBW,EAAAA,IAAK,IAAK,CAAEO,UAAW,EAAGL,UAAW,aAAcM,KAAMC,UAAUpB,GAAqBqB,MAAO,CAAEC,eAAgB,QAAUZ,SAAUC,EAAIC,IAACW,EAAMA,OAAE,CAAEP,MAAOC,iBAAehB,EAAqB,IAAKc,QAASb,EAAuBsB,SAAS,EAAMC,QAAS,IAAMrB,EAAcH,mBAA8CU,EAAIC,IAAC,MAAO,CAAEC,UAAW,iBAAkBH,SAAUC,EAAIC,IAAC,MAAO,CAAEC,UAAW,mBAAoBH,SAAUC,EAAIC,IAAC,MAAO,CAAEc,IAAKpC,EAAWqC,IAAKpC,UAAkC"}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.d.ts

@@ -1,12 +1,11 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../..';
 /**
  * @interface CardPhotoFixedProps
  * @description  Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardPhotoFixedProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardPhotoFixedProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -121,5 +120,6 @@ export interface CardPhotoFixedProps extends React.HTMLAttributes<HTMLDivElement
  * Properties are inherited from HTML Div element.
  * @param props CardPhotoFixedProps
  * @returns React Functional Component
+ * @deprecated
  */
 export declare const CardPhotoFixed: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js

@@ -1,4 +1,4 @@
-"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@emotion/styled"),a=require("@mui/material/Card"),r=require("@mui/material/styles"),o=require("@mui/material/useMediaQuery"),p=require("./cardPhotoFixedComponent.js"),n=require("../../utils/utilities.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(i),h=d(t),s=d(a),m=d(o);const x=l.default.forwardRef(((i,t)=>{const a=r.useTheme(),o=m.default(a.breakpoints.up("md"));return e.jsx(c,{ref:t,children:e.jsx(p.default,Object.assign({isCompact:o},i))})})),c=h.default(s.default)`
+"use strict";var e=require("react/jsx-runtime"),i=require("react"),t=require("@emotion/styled"),a=require("@mui/material/Card"),r=require("@mui/material/styles"),o=require("@mui/material/useMediaQuery"),p=require("./cardPhotoFixedComponent.js"),n=require("../../utils/utilities.js");function d(e){return e&&e.__esModule?e:{default:e}}var l=d(t),h=d(a),s=d(o);const m=i.forwardRef(((i,t)=>{const a=r.useTheme(),o=s.default(a.breakpoints.up("md"));return e.jsx(x,{ref:t,children:e.jsx(p.default,Object.assign({isCompact:o},i))})})),x=l.default(h.default)`
   background-color: ${e=>e.theme.palette.common.white};
 
   color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity||"configurator"===e.children.props.cardType?e.theme.palette.common.black:("opacity0"!==e.children.props.darkOpacity&&e.children.props.cardType,e.theme.palette.common.white)};
@@ -161,5 +161,5 @@
 
     ${e=>n.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
   }
-`;exports.CardPhotoFixed=x;
+`;exports.CardPhotoFixed=m;
 //# sourceMappingURL=cardPhotoFixed.js.map

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":[null],"names":["CardPhotoFixed","React","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8WAuIO,MAAMA,EAAiBC,EAAAA,QAAMC,YAAgD,CAACC,EAAOC,KAC1F,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAAAA,IAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,MAACG,EAAAA,QAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAErD,IAOES,EAAwBK,EAAAA,QAAOC,EAAOC,QAAiD;sBACtEhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SAEdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEK,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACnEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAInCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aACpB,MAAO,mBACR;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACvB,MAAO,qBACR;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACkC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YACpEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEO,aAArClC,EAAMU,SAASV,MAAMsB,YAChBtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACvB,MAAO,oCACR;;2BAGiBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACvB,MAAO,oCACR;;;;;;;;;;yBAWerC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACMsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAG1ErB,GACMuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}
+{"version":3,"file":"cardPhotoFixed.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n    const themeBreakpoint = useTheme();\n    const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n    return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/**\n * @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n  background-color: ${(props) => {\n    return props.theme.palette.common.white;\n}};\r\n\r\n  color: ${(props) => {\n    if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') ||\n        props.children.props.cardType === 'configurator') {\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    }\n    else\n        return props.theme.palette.common.white;\n}};\r\n\r\n  ${(props) => {\n    if (props.theme.shape.borderRadius) {\n        return 'border-radius: 0;';\n    }\n}}\r\n\r\n  /* Height of the component */\r\n  height: 500px;\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n    height: 440px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n    height: 400px;\r\n  }\r\n  @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n    height: 440px;\r\n  }\r\n\r\n  ${(props) => {\n    if (props.children.props.isBorderRadius) {\n        return 'border-radius: 8px;';\n    }\n}}\r\n\r\n  .CardImageHeader {\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      max-width: 560px;\r\n    }\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n      max-width: 640px;\r\n    }\r\n  }\r\n\r\n  .CardImageHeader {\r\n    .VehicleEquipment {\r\n      margin: 0;\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 23px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\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}};\r\n  }\r\n\r\n  .CardImageText {\r\n    .CardImageSubtitleContainer {\r\n      display: inline-flex;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      width: 100%;\r\n    }\r\n    .CardImageSubtitle {\r\n      font-size: 16px;\r\n      line-height: 24px;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n        font-size: 18px;\r\n        line-height: 28px;\r\n      }\r\n    }\r\n    .CardImageTitle {\r\n      font-size: 23px;\r\n      line-height: 28px;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n        font-size: 32px;\r\n        line-height: 38px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 27px; line-height: 32px';\n    }\n}};\r\n      }\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n        font-size: 36px;\r\n        line-height: 44px;\r\n        ${(props) => {\n    if (props.children.props.cardSize === 'small') {\n        return 'font-size: 30px; line-height: 36px';\n    }\n}};\r\n      }\r\n    }\r\n  }\r\n  .CardImageButtonsContainer {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    flex-direction: column-reverse;\r\n    flex-wrap: wrap-reverse;\r\n    width: 100%;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      flex-direction: row;\r\n    }\r\n  }\r\n  .CardImageButtonsGroup {\r\n    display: flex;\r\n    flex-direction: column;\r\n    flex-wrap: wrap;\r\n    width: 100%;\r\n    gap: 12px 16px;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n      flex-direction: row;\r\n      flex-wrap: wrap;\r\n      width: auto;\r\n    }\r\n    .cta-button {\r\n      text-decoration: none;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        width: auto;\r\n      }\r\n      div {\r\n        width: 100%;\r\n      }\r\n      button {\r\n        width: 100%;\r\n        @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n          width: auto;\r\n          font-size: 14px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .LabelsOptional {\r\n    display: flex;\r\n    flex-wrap: wrap;\r\n    margin-top: 6px;\r\n  }\r\n  .infoText {\r\n    font-size: 14px;\r\n    margin-bottom: 12px;\r\n    margin-bottom: 12px;\r\n    width: 100%;\r\n    align-self: end;\r\n    @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n      width: auto;\r\n      margin-bottom: 0;\r\n    }\r\n    .infoTextFirst {\r\n      font-weight: bold;\r\n      span {\r\n        font-weight: 300;\r\n      }\r\n    }\r\n    .infoTextThirdContainer {\r\n      display: inline-flex;\r\n      width: 100%;\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n      @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n        display: inline;\r\n        text-align: right;\r\n        margin-bottom: 0;\r\n        width: auto;\r\n      }\r\n    }\r\n    .infoTextThird {\r\n      white-space: nowrap;\r\n      overflow: hidden;\r\n      text-overflow: ellipsis;\r\n    }\r\n  }\r\n  .CardImageOverlayTheme {\r\n    ${(props) => {\n    return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n    ${(props) => {\n    return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n  }\r\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uWAeY,MAACA,EAAiBC,EAAUA,YAAC,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAAA,IAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,MAAKG,EAAAA,QAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAAA,QAAOC,EAAOC,QAAE;sBACvBhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GACmC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SACdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEG,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACjEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAMrCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACrB,MAAO,qBACV;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACgC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YAClEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEK,aAArClC,EAAMU,SAASV,MAAMsB,YACdtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;2BAGuBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACIsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAGxErB,GACIuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardPhotoFixedProps } from '.';
-declare const CardPhotoFixedComponent: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;
+declare const CardPhotoFixedComponent: FC<CardPhotoFixedProps>;
 export default CardPhotoFixedComponent;

package/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),t=require("../../components/label/label.js"),l=require("../../components/button/button.js"),n=require("../../components/labelFeature/labelFeature.js"),s=require("../common/infoTextCardComponent/infoTextCardComponent.js"),r=require("../../utils/utilities.js");function i(e){return e&&e.__esModule?e:{default:e}}const o=i(a).default.forwardRef((({label:i,title:o,subTitle:d,description:c,labelInfoFirst:x,labelInfoFirstText:u,labelInfoFirstVariant:m,labelInfoSecond:h,labelInfoSecondText:b,labelInfoSecondVariant:j,cardImage:C,altImageDescription:f,buttonLink:I,buttonLabel:p,buttonVariant:v,optionalButton:T,optionalButtonLink:N,optionalButtonLabel:g,optionalButtonVariant:M,infoText:L,infoTextSecond:q,infoTextThird:B,isCompact:F,analyticsCallback:S},k)=>{const V=a.useCallback((e=>{S&&S(e)}),[S]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"CardImageOverlayTheme"}),e.jsxs("div",{className:"CardImageText",children:[e.jsxs("div",{className:"CardImageHeader",children:[e.jsx(t.Label,{className:"CardImageLabel",label:r.handleMaxChars(i,30)}),o&&e.jsx("h2",{className:"CardImageTitle",children:r.handleMaxChars(o,35)}),d&&e.jsx("h4",{className:"VehicleEquipment",children:r.handleMaxChars(d,20)}),c&&e.jsx("div",{className:"CardImageSubtitleContainer",children:e.jsx("span",{className:"CardImageSubtitle",children:r.handleMaxChars(c,50)})}),e.jsxs("div",{className:"LabelsOptional",children:[x&&u&&e.jsx("div",{children:e.jsx(n.LabelFeature,{variant:m,label:r.handleMaxChars(u,30)})}),h&&b&&e.jsx("div",{children:e.jsx(n.LabelFeature,{variant:j,label:r.handleMaxChars(b,30)})})]})]}),e.jsxs("div",{className:"CardImageButtonsContainer",children:[e.jsxs("div",{className:"CardImageButtonsGroup",children:[e.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(I),children:e.jsx(l.Button,{label:r.handleMaxChars(p,30),variant:v,compact:F,onClick:()=>V(p)})}),T&&g&&N&&e.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(N),children:e.jsx(l.Button,{label:r.handleMaxChars(g,30),variant:M,compact:F,onClick:()=>V(g)})})]}),e.jsx(s.default,{infoText:L,infoTextSecond:q,infoTextThird:B,className:"infoText"})]})]}),e.jsx("div",{className:"CardImageMedia",children:e.jsx("div",{className:"CardImagePicture",children:e.jsx("img",{src:C,alt:f})})})]})}));exports.default=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("react"),l=require("../../components/label/label.js"),t=require("../../components/button/button.js"),n=require("../../components/labelFeature/labelFeature.js"),s=require("../common/infoTextCardComponent/infoTextCardComponent.js"),r=require("../../utils/utilities.js");exports.default=({label:i,title:o,subTitle:d,description:c,labelInfoFirst:x,labelInfoFirstText:m,labelInfoFirstVariant:u,labelInfoSecond:h,labelInfoSecondText:b,labelInfoSecondVariant:j,cardImage:C,altImageDescription:I,buttonLink:p,buttonLabel:f,buttonVariant:v,optionalButton:T,optionalButtonLink:N,optionalButtonLabel:g,optionalButtonVariant:M,infoText:L,infoTextSecond:q,infoTextThird:B,isCompact:F,analyticsCallback:S})=>{const k=a.useCallback((e=>{null==S||S(e)}),[S]);return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"CardImageOverlayTheme"}),e.jsxs("div",{className:"CardImageText",children:[e.jsxs("div",{className:"CardImageHeader",children:[e.jsx(l.Label,{className:"CardImageLabel",label:r.handleMaxChars(i,30)}),o&&e.jsx("h2",{className:"CardImageTitle",children:r.handleMaxChars(o,35)}),d&&e.jsx("h4",{className:"VehicleEquipment",children:r.handleMaxChars(d,20)}),c&&e.jsx("div",{className:"CardImageSubtitleContainer",children:e.jsx("span",{className:"CardImageSubtitle",children:r.handleMaxChars(c,50)})}),e.jsxs("div",{className:"LabelsOptional",children:[x&&m&&e.jsx("div",{children:e.jsx(n.LabelFeature,{variant:u,label:r.handleMaxChars(m,30)})}),h&&b&&e.jsx("div",{children:e.jsx(n.LabelFeature,{variant:j,label:r.handleMaxChars(b,30)})})]})]}),e.jsxs("div",{className:"CardImageButtonsContainer",children:[e.jsxs("div",{className:"CardImageButtonsGroup",children:[e.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(p),children:e.jsx(t.Button,{label:r.handleMaxChars(f,30),variant:v,compact:F,onClick:()=>k(f)})}),T&&g&&N&&e.jsx("a",{tabIndex:-1,className:"cta-button",href:encodeURI(N),children:e.jsx(t.Button,{label:r.handleMaxChars(g,30),variant:M,compact:F,onClick:()=>k(g)})})]}),e.jsx(s.default,{infoText:L,infoTextSecond:q,infoTextThird:B,className:"infoText"})]})]}),e.jsx("div",{className:"CardImageMedia",children:e.jsx("div",{className:"CardImagePicture",children:e.jsx("img",{src:C,alt:I})})})]})};
 //# sourceMappingURL=cardPhotoFixedComponent.js.map

package/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":[null],"names":["CardPhotoFixedComponent","React","forwardRef","label","title","subTitle","description","labelInfoFirst","labelInfoFirstText","labelInfoFirstVariant","labelInfoSecond","labelInfoSecondText","labelInfoSecondVariant","cardImage","altImageDescription","buttonLink","buttonLabel","buttonVariant","optionalButton","optionalButtonLink","optionalButtonLabel","optionalButtonVariant","infoText","infoTextSecond","infoTextThird","isCompact","analyticsCallback","ref","handleOnClick","useCallback","e","_jsxs","jsxs","_Fragment","Fragment","children","_jsx","className","Label","handleMaxChars","jsx","LabelFeature","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"gbAQM,MAAAA,OAA0BC,QAAMC,YACpC,EAEIC,MAAAA,EACAC,QACAC,WACAC,cACAC,iBACAC,qBACAC,wBACAC,kBACAC,sBACAC,yBACAC,YACAC,sBACAC,aACAC,cACAC,gBACAC,iBACAC,qBACAC,sBACAC,wBACAC,WACAC,iBACAC,gBACAC,YACAC,qBAEFC,KAEA,MAAMC,EAAgBC,eACnBC,IACCJ,GAAqBA,EAAkBI,EAAE,GAE3C,CAACJ,IAGH,OACEK,EAAAC,KAAAC,EAAAC,SAAA,CAAAC,SAAA,CACEC,EAAAA,IAAK,MAAA,CAAAC,UAAU,0BACfN,EAAAC,KAAA,MAAA,CAAKK,UAAU,gBACbF,SAAA,CAAAJ,EAAAA,KAAA,MAAA,CAAKM,UAAU,kBACbF,SAAA,CAAAC,EAAAA,IAACE,EAAAA,MAAK,CAACD,UAAU,iBAAiBlC,MAAOoC,EAAcA,eAACpC,EAAO,MAC9DC,GAASgC,EAAAI,IAAA,KAAA,CAAIH,UAAU,iBAAgBF,SAAEI,EAAAA,eAAenC,EAAO,MAC/DC,GAAY+B,EAAAA,UAAIC,UAAU,mBAAkBF,SAAEI,EAAcA,eAAClC,EAAU,MACvEC,GACC8B,EAAAA,IAAK,MAAA,CAAAC,UAAU,sCACbD,EAAMI,IAAA,OAAA,CAAAH,UAAU,oBAAqBF,SAAAI,iBAAejC,EAAa,QAGrEyB,EAAAC,KAAA,MAAA,CAAKK,UAAU,iBACZF,SAAA,CAAA5B,GAAkBC,GACjB4B,EAAAI,IAAA,MAAA,CAAAL,SACEC,EAAAA,IAACK,EAAYA,cAACC,QAASjC,EAAuBN,MAAOoC,EAAcA,eAAC/B,EAAoB,QAG3FE,GAAmBC,GAClByB,EACEI,IAAA,MAAA,CAAAL,SAAAC,EAAAI,IAACC,eAAa,CAAAC,QAAS9B,EAAwBT,MAAOoC,EAAAA,eAAe5B,EAAqB,cAKlGoB,cAAKM,UAAU,4BAA2BF,SAAA,CACxCJ,cAAKM,UAAU,wBAAuBF,SAAA,CACpCC,EAAGI,IAAA,IAAA,CAAAG,UAAW,EAAGN,UAAU,aAAaO,KAAMC,UAAU9B,GAAWoB,SACjEC,EAACI,IAAAM,EAAMA,QACL3C,MAAOoC,EAAcA,eAACvB,EAAa,IACnC0B,QAASzB,EACT8B,QAAStB,EACTuB,QAAS,IAAMpB,EAAcZ,OAGhCE,GAAkBE,GAAuBD,GACxCiB,EAAGI,IAAA,IAAA,CAAAG,UAAW,EAAGN,UAAU,aAAaO,KAAMC,UAAU1B,GAAmBgB,SACzEC,EAAAA,IAACU,EAAAA,OAAM,CACL3C,MAAOoC,EAAAA,eAAenB,EAAqB,IAC3CsB,QAASrB,EACT0B,QAAStB,EACTuB,QAAS,IAAMpB,EAAcR,UAKrCgB,MAACa,UAAqB,CACpB3B,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfa,UAAU,mBAIhBD,EAAKI,IAAA,MAAA,CAAAH,UAAU,iBAAgBF,SAC7BC,EAAAA,IAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BC,EAAAA,IAAK,MAAA,CAAAc,IAAKrC,EAAWsC,IAAKrC,UAIhC"}
+{"version":3,"file":"cardPhotoFixedComponent.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixedComponent.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from \"react/jsx-runtime\";\nimport { useCallback } from 'react';\nimport { Label } from '../../components/label';\nimport { Button } from '../../components/button';\nimport { LabelFeature } from '../../components/labelFeature';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nconst 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, }) => {\n    const handleOnClick = useCallback((e) => {\n        analyticsCallback === null || analyticsCallback === void 0 ? void 0 : analyticsCallback(e);\n    }, [analyticsCallback]);\n    return (_jsxs(_Fragment, { children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsxs(\"div\", { className: \"CardImageText\", children: [_jsxs(\"div\", { className: \"CardImageHeader\", children: [_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }), title && _jsx(\"h2\", { className: \"CardImageTitle\", children: handleMaxChars(title, 35) }), subTitle && _jsx(\"h4\", { className: \"VehicleEquipment\", children: handleMaxChars(subTitle, 20) }), description && (_jsx(\"div\", { className: \"CardImageSubtitleContainer\", children: _jsx(\"span\", { className: \"CardImageSubtitle\", children: handleMaxChars(description, 50) }) })), _jsxs(\"div\", { className: \"LabelsOptional\", children: [labelInfoFirst && labelInfoFirstText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoFirstVariant, label: handleMaxChars(labelInfoFirstText, 30) }) })), labelInfoSecond && labelInfoSecondText && (_jsx(\"div\", { children: _jsx(LabelFeature, { variant: labelInfoSecondVariant, label: handleMaxChars(labelInfoSecondText, 30) }) }))] })] }), _jsxs(\"div\", { className: \"CardImageButtonsContainer\", children: [_jsxs(\"div\", { className: \"CardImageButtonsGroup\", children: [_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(buttonLink), children: _jsx(Button, { label: handleMaxChars(buttonLabel, 30), variant: buttonVariant, compact: isCompact, onClick: () => handleOnClick(buttonLabel) }) }), optionalButton && optionalButtonLabel && optionalButtonLink && (_jsx(\"a\", { tabIndex: -1, className: \"cta-button\", href: encodeURI(optionalButtonLink), children: _jsx(Button, { label: handleMaxChars(optionalButtonLabel, 30), variant: optionalButtonVariant, compact: isCompact, onClick: () => handleOnClick(optionalButtonLabel) }) }))] }), _jsx(InfoTextCardComponent, { infoText: infoText, infoTextSecond: infoTextSecond, infoTextThird: infoTextThird, className: \"infoText\" })] })] }), _jsx(\"div\", { className: \"CardImageMedia\", children: _jsx(\"div\", { className: \"CardImagePicture\", children: _jsx(\"img\", { src: cardImage, alt: altImageDescription }) }) })] }));\n};\nexport default CardPhotoFixedComponent;\n//# sourceMappingURL=cardPhotoFixedComponent.js.map"],"names":["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","jsxs","_Fragment","Fragment","children","_jsx","className","Label","handleMaxChars","jsx","LabelFeature","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"6YAOgC,EAAGA,MAAAA,EAAOC,QAAOC,WAAUC,cAAaC,iBAAgBC,qBAAoBC,wBAAuBC,kBAAiBC,sBAAqBC,yBAAwBC,YAAWC,sBAAqBC,aAAYC,cAAaC,gBAAeC,iBAAgBC,qBAAoBC,sBAAqBC,wBAAuBC,WAAUC,iBAAgBC,gBAAeC,YAAWC,wBACzY,MAAMC,EAAgBC,eAAaC,IAC/BH,SAAsEA,EAAkBG,EAAE,GAC3F,CAACH,IACJ,OAAQI,EAAKC,KAACC,EAASC,SAAE,CAAEC,SAAU,CAACC,EAAAA,IAAK,MAAO,CAAEC,UAAW,0BAA4BN,EAAKC,KAAC,MAAO,CAAEK,UAAW,gBAAiBF,SAAU,CAACJ,EAAAA,KAAM,MAAO,CAAEM,UAAW,kBAAmBF,SAAU,CAACC,EAAAA,IAAKE,EAAAA,MAAO,CAAED,UAAW,iBAAkBjC,MAAOmC,EAAcA,eAACnC,EAAO,MAAQC,GAAS+B,EAAII,IAAC,KAAM,CAAEH,UAAW,iBAAkBF,SAAUI,EAAAA,eAAelC,EAAO,MAAQC,GAAY8B,EAAAA,IAAK,KAAM,CAAEC,UAAW,mBAAoBF,SAAUI,EAAcA,eAACjC,EAAU,MAAQC,GAAgB6B,EAAAA,IAAK,MAAO,CAAEC,UAAW,6BAA8BF,SAAUC,EAAII,IAAC,OAAQ,CAAEH,UAAW,oBAAqBF,SAAUI,iBAAehC,EAAa,QAAYwB,EAAKC,KAAC,MAAO,CAAEK,UAAW,iBAAkBF,SAAU,CAAC3B,GAAkBC,GAAuB2B,EAAII,IAAC,MAAO,CAAEL,SAAUC,EAAAA,IAAKK,EAAYA,aAAE,CAAEC,QAAShC,EAAuBN,MAAOmC,EAAcA,eAAC9B,EAAoB,QAAYE,GAAmBC,GAAwBwB,EAAII,IAAC,MAAO,CAAEL,SAAUC,EAAII,IAACC,eAAc,CAAEC,QAAS7B,EAAwBT,MAAOmC,EAAAA,eAAe3B,EAAqB,cAAoBmB,EAAKC,KAAC,MAAO,CAAEK,UAAW,4BAA6BF,SAAU,CAACJ,EAAKC,KAAC,MAAO,CAAEK,UAAW,wBAAyBF,SAAU,CAACC,EAAII,IAAC,IAAK,CAAEG,UAAW,EAAGN,UAAW,aAAcO,KAAMC,UAAU7B,GAAamB,SAAUC,EAAII,IAACM,EAAMA,OAAE,CAAE1C,MAAOmC,EAAcA,eAACtB,EAAa,IAAKyB,QAASxB,EAAe6B,QAASrB,EAAWsB,QAAS,IAAMpB,EAAcX,OAAoBE,GAAkBE,GAAuBD,GAAuBgB,EAAII,IAAC,IAAK,CAAEG,UAAW,EAAGN,UAAW,aAAcO,KAAMC,UAAUzB,GAAqBe,SAAUC,EAAAA,IAAKU,EAAAA,OAAQ,CAAE1C,MAAOmC,EAAAA,eAAelB,EAAqB,IAAKqB,QAASpB,EAAuByB,QAASrB,EAAWsB,QAAS,IAAMpB,EAAcP,UAAiCe,EAAII,IAACS,UAAuB,CAAE1B,SAAUA,EAAUC,eAAgBA,EAAgBC,cAAeA,EAAeY,UAAW,mBAAuBD,EAAII,IAAC,MAAO,CAAEH,UAAW,iBAAkBF,SAAUC,EAAAA,IAAK,MAAO,CAAEC,UAAW,mBAAoBF,SAAUC,EAAAA,IAAK,MAAO,CAAEc,IAAKpC,EAAWqC,IAAKpC,UAAkC"}

package/cjs/organisms/cardPromoVehicle/cardPromoVehicle.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from 'react';
+import { FC, HTMLAttributes, ReactNode } from 'react';
 import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
 import { ButtonVariants } from '../../components/button';
 import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
@@ -6,9 +6,8 @@ import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComp
  * @interface ChipProps
  * @description Base definition of SkodaFlow Chip independent on core implementation.
  * Properties are inherited from HTML div element
- * @deprecated
  */
-export interface CardPromoVehicleProps extends React.HTMLAttributes<HTMLDivElement> {
+export interface CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {
     /**
      * Label text
      */
@@ -129,5 +128,6 @@ export interface CardPromoVehicleProps extends React.HTMLAttributes<HTMLDivEleme
  * Properties are inherited from HTML Div element.
  * @param props ChipProps
  * @returns React Functional Component
+ * @deprecated
  */
-export declare const CardPromoVehicle: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardPromoVehicle: FC<CardPromoVehicleProps>;

package/cjs/organisms/cardPromoVehicle/cardPromoVehicle.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("./cardPromoVehicleComponent.js"),d=require("../common/styled/cardStandardWrapperStyled.js");function o(e){return e&&e.__esModule?e:{default:e}}const s=o(r).default.forwardRef(((r,o)=>e.jsx(d.CardStandardWrapperStyled,{isBorderRadius:r.isBorderRadius,size:r.size,children:e.jsx(a.CardPromoVehicleComponent,Object.assign({isCompact:!0},r))})));exports.CardPromoVehicle=s;
+"use strict";var r=require("react/jsx-runtime"),e=require("./cardPromoVehicleComponent.js"),s=require("../common/styled/cardStandardWrapperStyled.js");exports.CardPromoVehicle=a=>r.jsx(s.CardStandardWrapperStyled,{isBorderRadius:a.isBorderRadius,size:a.size,children:r.jsx(e.CardPromoVehicleComponent,Object.assign({isCompact:!0},a))});
 //# sourceMappingURL=cardPromoVehicle.js.map

package/cjs/organisms/cardPromoVehicle/cardPromoVehicle.js.map

@@ -1 +1 @@
-{"version":3,"file":"cardPromoVehicle.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":[null],"names":["CardPromoVehicle","React","forwardRef","props","ref","_jsx","jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"6NAyIO,MAAMA,OAAmBC,QAAMC,YAAkD,CAACC,EAAOC,IAE5FC,EAACC,IAAAC,EAAyBA,0BAAC,CAAAC,eAAgBL,EAAMK,eAAgBC,KAAMN,EAAMM,KAC3EC,SAAAL,EAAAA,IAACM,EAAyBA,0BAAAC,OAAAC,OAAA,CAACC,WAAW,GAAUX"}
+{"version":3,"file":"cardPromoVehicle.js","sources":["../../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\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 = (props) => {\n    return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, size: props.size, children: _jsx(CardPromoVehicleComponent, Object.assign({ isCompact: true }, props)) }));\n};\n//# sourceMappingURL=cardPromoVehicle.js.map"],"names":["props","_jsx","jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"gLAUiCA,GACrBC,EAAIC,IAACC,EAAyBA,0BAAE,CAAEC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAAMC,SAAUL,EAAAA,IAAKM,EAAyBA,0BAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQV"}

package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { CardPromoVehicleProps } from './cardPromoVehicle';
-export declare const CardPromoVehicleComponent: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;
+export declare const CardPromoVehicleComponent: FC<CardPromoVehicleProps>;
 export default CardPromoVehicleComponent;

package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("react"),t=require("@mui/material/Card"),r=require("../../components/label/label.js"),n=require("../common/menuCardComponent/menuCardComponent.js"),o=require("../common/infoTextCardComponent/infoTextCardComponent.js"),l=require("../../components/labelFeature/labelFeature.js"),s=require("@mui/material/styles"),p=require("../common/buttonCardComponent/buttonCardComponent.js"),d=require("../../utils/utilities.js"),c=require("../../components/common/imageComponent.js"),m=require("../../design/skoda/palette.theme.js");function x(e){return e&&e.__esModule?e:{default:e}}var h=x(i),u=x(t);const g=h.default.forwardRef((({label:e,labelVariant:i,vehicleName:t,equipment:s,image:m,altDescriptionImage:x,mandatoryButtonObject:h,optionalButtonObject:u,darkOpacityLayer:g,lightOpacityLayer:f,menuCardComponentProps:y,isMenuDropdown:C,infoText:v,infoTextSecond:j,infoTextThird:w,customInfo:T,description:I,labelInfoFirstVariant:k,labelInfoFirstText:O,labelInfoSecondVariant:S,labelInfoSecondText:L,isCompact:N,size:z,fallbackImage:q},V)=>a.jsxs(b,{size:z,darkOpacityLayer:g,lightOpacityLayer:f,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"promoVehicleContainerPadding",children:a.jsxs("div",{className:"promoVehicleContainer",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===i?a.jsx(l.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:d.handleMaxChars(e,30)}):a.jsx(r.Label,{className:"CardImageLabel",label:d.handleMaxChars(e,30)})),t&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:d.handleMaxChars(t,20)}),s&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:d.handleMaxChars(s,20)}),I&&a.jsx("div",{className:"CardImageSubtitleContainer",children:a.jsx("span",{className:"CardImageSubtitle",children:d.handleMaxChars(I,50)})}),a.jsxs("div",{className:"LabelsOptional",children:[O&&a.jsx("div",{children:a.jsx(l.LabelFeature,{variant:k,label:d.handleMaxChars(O,30)})}),L&&a.jsx("div",{children:a.jsx(l.LabelFeature,{variant:S,label:d.handleMaxChars(L,30)})})]})]}),a.jsx("div",{className:"promoVehicleImage",children:a.jsx(c.default,{image:m,alt:x,fallbackImage:q})}),a.jsxs("div",{className:"promoVehicleInfo",children:[a.jsxs("div",{className:"promoVehicleButtons",children:[(null==h?void 0:h.label)&&a.jsx(p.default,{className:"button-component",buttonObject:h,compact:N}),(null==u?void 0:u.label)&&a.jsx(p.default,{className:"button-component",buttonObject:u,compact:N})]}),T?a.jsx("div",{className:"infoText",children:T}):a.jsx(o.default,{infoText:v,infoTextSecond:j,infoTextThird:w,className:"infoText"})]}),C&&a.jsx(n.default,Object.assign({},y))]})})]}))),b=s.styled(u.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const r=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),n=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.text.primary),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.text.primary,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:m.flowColors.transparent.primary,color:n,"& .LabelsOptional":{display:"flex",flexWrap:"wrap",position:"relative",zIndex:2},"& .promoVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .promoVehicleContainerPadding":{position:"relative",height:"100%",width:"100%"},"& .promoVehicleContainer":{overflow:"hidden",height:"100%",width:"100%",flexDirection:"column",display:"flex",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%",position:"relative","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"},"& > .CardImageSubtitleContainer":{display:"inline-flex",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"100%","& > .CardImageSubtitle":{fontSize:"16px",lineHeight:"24px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",[i.breakpoints.up("lg")]:{fontSize:"18px",lineHeight:"28px"}}}},"& > .promoVehicleInfo":{marginTop:"-25px",position:"relative",[i.breakpoints.up("md")]:{marginTop:"fixed"===t.size?0:"-25px"},display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row"},"& > .promoVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .infoText":{display:"block",maxWidth:"100%",fontSize:"14px",[i.breakpoints.up("md")]:{width:"auto",alignSelf:"end"}," & > div > p":{margin:0},".infoTextFirst":{fontWeight:"bold",span:{fontWeight:"300"}},".infoTextThirdContainer":{display:"inline-flex",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},".infoTextThird":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:r}},o}));exports.CardPromoVehicleComponent=g,exports.default=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("@mui/material/Card"),t=require("../../components/label/label.js"),r=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../common/infoTextCardComponent/infoTextCardComponent.js"),o=require("../../components/labelFeature/labelFeature.js"),l=require("@mui/material/styles"),s=require("../common/buttonCardComponent/buttonCardComponent.js"),p=require("../../utils/utilities.js"),d=require("../../components/common/imageComponent.js"),c=require("../../design/skoda/palette.theme.js");function m(e){return e&&e.__esModule?e:{default:e}}var x=m(i);const h=({label:e,labelVariant:i,vehicleName:l,equipment:c,image:m,altDescriptionImage:x,mandatoryButtonObject:h,optionalButtonObject:g,darkOpacityLayer:b,lightOpacityLayer:f,menuCardComponentProps:y,isMenuDropdown:C,infoText:v,infoTextSecond:j,infoTextThird:w,customInfo:T,description:I,labelInfoFirstVariant:k,labelInfoFirstText:O,labelInfoSecondVariant:S,labelInfoSecondText:L,isCompact:N,size:z,fallbackImage:q})=>a.jsxs(u,{size:z,darkOpacityLayer:b,lightOpacityLayer:f,children:[a.jsx("div",{className:"CardImageOverlayTheme"}),a.jsx("div",{className:"promoVehicleContainerPadding",children:a.jsxs("div",{className:"promoVehicleContainer",children:[a.jsxs("div",{className:"vehicleTitleContainer",children:[e&&("feature"===i?a.jsx(o.LabelFeature,{className:"CardImageLabelFeature",variant:"primary",children:p.handleMaxChars(e,30)}):a.jsx(t.Label,{className:"CardImageLabel",label:p.handleMaxChars(e,30)})),l&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:p.handleMaxChars(l,20)}),c&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:p.handleMaxChars(c,20)}),I&&a.jsx("div",{className:"CardImageSubtitleContainer",children:a.jsx("span",{className:"CardImageSubtitle",children:p.handleMaxChars(I,50)})}),a.jsxs("div",{className:"LabelsOptional",children:[O&&a.jsx("div",{children:a.jsx(o.LabelFeature,{variant:k,label:p.handleMaxChars(O,30)})}),L&&a.jsx("div",{children:a.jsx(o.LabelFeature,{variant:S,label:p.handleMaxChars(L,30)})})]})]}),a.jsx("div",{className:"promoVehicleImage",children:a.jsx(d.default,{image:m,alt:x,fallbackImage:q})}),a.jsxs("div",{className:"promoVehicleInfo",children:[a.jsxs("div",{className:"promoVehicleButtons",children:[(null==h?void 0:h.label)&&a.jsx(s.default,{className:"button-component",buttonObject:h,compact:N}),(null==g?void 0:g.label)&&a.jsx(s.default,{className:"button-component",buttonObject:g,compact:N})]}),T?a.jsx("div",{className:"infoText",children:T}):a.jsx(n.default,{infoText:v,infoTextSecond:j,infoTextThird:w,className:"infoText"})]}),C&&a.jsx(r.default,Object.assign({},y))]})})]}),u=l.styled(x.default,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})((a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const r=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),n=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.text.primary),t="opacity0"!==e?i.palette.onSurface.os0:i.palette.text.primary,t})(t.darkOpacityLayer,t.lightOpacityLayer,i);let o={};return o={position:"relative",width:"100%",padding:"24px",backgroundColor:c.flowColors.transparent.primary,color:n,"& .LabelsOptional":{display:"flex",flexWrap:"wrap",position:"relative",zIndex:2},"& .promoVehicleImage":{marginTop:"-45px",position:"relative",[i.breakpoints.up("md")]:{position:"fixed"===t.size?"absolute":"relative",marginTop:"fixed"===t.size?0:"-45px"},zIndex:0,width:"100%",height:"100%",display:"flex",justifyContent:"center"," & > img":{minHeight:"176px",maxWidth:"100%",maxHeight:"100%",position:"relative",objectFit:"contain"}},"& .promoVehicleContainerPadding":{position:"relative",height:"100%",width:"100%"},"& .promoVehicleContainer":{overflow:"hidden",height:"100%",width:"100%",flexDirection:"column",display:"flex",justifyContent:"fixed"===t.size?"space-between":"normal",boxSizing:"border-box"," & > .vehicleTitleContainer":{zIndex:2,width:"100%",position:"relative","& > .vehicleName":{fontSize:"23px",[i.breakpoints.up("md")]:{fontSize:"24px"},lineHeight:"28px"},"& > .vehicleEquipment":{fontSize:"16px",[i.breakpoints.up("md")]:{fontSize:"18px"},lineHeight:"24px"},"& > .CardImageLabelFeature":{marginLeft:"0px !important",marginBottom:"8px"},"& > .CardImageLabel":{lineHeight:"12px !important",marginBottom:"8px"},"& > .CardImageSubtitleContainer":{display:"inline-flex",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",width:"100%","& > .CardImageSubtitle":{fontSize:"16px",lineHeight:"24px",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",[i.breakpoints.up("lg")]:{fontSize:"18px",lineHeight:"28px"}}}},"& > .promoVehicleInfo":{marginTop:"-25px",position:"relative",[i.breakpoints.up("md")]:{marginTop:"fixed"===t.size?0:"-25px"},display:"flex",flexDirection:"column-reverse",flexWrap:"wrap-reverse",width:"100%",justifyContent:"space-between",zIndex:2,[i.breakpoints.up("md")]:{flexDirection:"row"},"& > .promoVehicleButtons":{display:"flex",flexDirection:"column",alignItems:"end",flexWrap:"wrap",gap:"12px 16px",marginTop:"8px","& > .button-component":{width:"100%",[i.breakpoints.up("md")]:{width:"auto",padding:"0 0 2px 2px"}," > div":{width:"100%"}},"& .MuiButton-root":{width:"100%"},[i.breakpoints.up("md")]:{flexDirection:"row","& > a":{"& + a":{marginTop:"0"}}}}," & > .infoText":{display:"block",maxWidth:"100%",fontSize:"14px",[i.breakpoints.up("md")]:{width:"auto",alignSelf:"end"}," & > div > p":{margin:0},".infoTextFirst":{fontWeight:"bold",span:{fontWeight:"300"}},".infoTextThirdContainer":{display:"inline-flex",maxWidth:"100%",whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"},".infoTextThird":{whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis"}}}," & >.menuCardComponent":{top:"-7px",right:"-5px"}}," & >.CardImageOverlayTheme":{background:r}},o}));exports.CardPromoVehicleComponent=h,exports.default=h;
 //# sourceMappingURL=cardPromoVehicleComponent.js.map