@skodaflow/web-library 3.3.0 → 4.0.0

package/build/cjs/layout/SideMenu/SideMenuItem.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import { OverrideProps } from '@mui/material/OverridableComponent';
+export interface SideMenuItemTypeMap<P = unknown, C extends React.ElementType = 'a'> {
+    props: P & {
+        /** label of an item */
+        label: string;
+    };
+    defaultComponent: C;
+}
+export type SideMenuItemProps<C extends React.ElementType, P = unknown> = OverrideProps<SideMenuItemTypeMap<P, C>, C> & {
+    component?: C;
+};
+export declare function SideMenuItem<C extends React.ElementType = 'a'>(props: SideMenuItemProps<C>): import("react/jsx-runtime").JSX.Element;

package/build/cjs/layout/SideMenu/SideMenuItem.js

@@ -0,0 +1,2 @@
+"use strict";var e=require("tslib"),t=require("react/jsx-runtime"),r=require("@mui/material");const n=r.styled(r.ButtonBase)((({theme:e})=>({appearance:"inherit",border:"inherit",background:"inherit",cursor:"pointer",padding:0,textAlign:"start",fontWeight:"700",color:`${e.palette.onSurface.os900} !important`})));exports.SideMenuItem=function(r){const{component:i="a",active:o,label:a}=r,s=e.__rest(r,["component","active","label"]);return t.jsx(n,Object.assign({},s,{component:i,sx:{background:o?"white":"transparent",color:o?void 0:"#7C7D7E",fontSize:{md:"30px",xs:"23px"},lineHeight:{md:"36px",xs:"28px"}},children:a}))};
+//# sourceMappingURL=SideMenuItem.js.map

package/build/cjs/layout/SideMenu/SideMenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideMenuItem.js","sources":["../../../../../src/layout/SideMenu/SideMenuItem.tsx"],"sourcesContent":[null],"names":["ItemButton","styled","ButtonBase","theme","appearance","border","background","cursor","padding","textAlign","fontWeight","color","palette","onSurface","os900","props","component","active","label","rest","__rest","_jsx","jsx","Object","assign","sx","undefined","fontSize","md","xs","lineHeight","children"],"mappings":"8FA4CA,MAAMA,EAAaC,EAAAA,OAAOC,EAAAA,WAAPD,EAAmB,EAAGE,YAAa,CACpDC,WAAY,UACZC,OAAQ,UACRC,WAAY,UACZC,OAAQ,UAERC,QAAS,EACTC,UAAW,QACXC,WAAY,MACZC,MAAO,GAAGR,EAAMS,QAAQC,UAAUC,4CAlC9B,SAA0DC,GAC9D,MAAMC,UAAEA,EAAY,IAAGC,OAAEA,EAAMC,MAAEA,GAAmBH,EAATI,EAAIC,EAAAA,OAAKL,EAA9C,CAAA,YAAA,SAAA,UAEN,OACEM,EAACC,IAAAtB,EACKuB,OAAAC,OAAA,GAAAL,EACJ,CAAAH,UAAWA,EACXS,GAAI,CACFnB,WAAYW,EAAS,QAAU,cAC/BN,MAAOM,OAASS,EAAY,UAC5BC,SAAU,CACRC,GAAI,OACJC,GAAI,QAENC,WAAY,CACVF,GAAI,OACJC,GAAI,SAIPE,SAAAb,IAGP"}

package/build/cjs/layout/SideMenu/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SideMenu';
+export * from './SideMenuItem';

package/build/cjs/layout/index.d.ts

@@ -0,0 +1,5 @@
+export * from './Header';
+export * from './SideMenu';
+export * from './Footer';
+export * from './Error';
+export * from './PageLayout';

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

@@ -0,0 +1,119 @@
+import React from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../../components/button';
+import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
+/**
+ * @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> {
+    /**
+     * Label text
+     */
+    label: string;
+    /**
+     * Variants of the label
+     */
+    labelVariant: 'general' | 'feature';
+    /**
+     * Vehicle name text
+     */
+    vehicleName?: string;
+    /**
+     * Vehicle equipment text
+     */
+    equipment?: string;
+    /**
+     * Vehicle status
+     */
+    vehicleStatus?: string;
+    /**
+     * Vehicle status variant
+     * As: Alert,Warning,Positive, Neutral, Custom
+     */
+    vehicleStatusVariant?: string;
+    /**
+     * An image of the component
+     */
+    image?: string;
+    /**
+     *  The source of the onError image.
+     */
+    fallbackImage?: string;
+    /**
+     * Alternative description Image
+     */
+    altDescriptionImage?: string;
+    /**
+     * Mandatory button object. The button is displayed if the label text is present
+     */
+    mandatoryButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * Optional button object. The button is displayed if the label text is present
+     */
+    optionalButtonObject?: {
+        label?: string;
+        variant?: ButtonVariants;
+        url?: string;
+        target?: string;
+        callback?: (payload?: any) => void;
+        callbackAnalytics?: (payload?: any) => void;
+    };
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Set element's opacity.
+     */
+    darkOpacityLayer: DarkOpacity;
+    /**
+     * Set element's opacity.
+     */
+    lightOpacityLayer: LightOpacity;
+    /**
+     * If true, menu is showing
+     */
+    isMenuDropdown: boolean;
+    /**
+     * if true, vehicleSpecs section is showing
+     */
+    vehicleSpecs?: boolean;
+    /**
+     * vehicleSpecs information
+     */
+    vehicleSpecsObject?: [
+        {
+            subtitle: string;
+            value: string;
+        }
+    ];
+    /**
+     * Size of the component's height
+     */
+    size?: 'fixed' | 'adjustable';
+    /**
+     * Uses for setting button size based on screensize
+     */
+    isCompact?: boolean;
+    /**
+     * MenuCardComponent props.
+     */
+    menuCardComponentProps?: MenuCardComponentProps;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const CardOwnedVehicle: React.ForwardRefExoticComponent<CardOwnedVehicleProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/organisms/cardOwnedVehicle/cardOwnedVehicle.js

@@ -0,0 +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;
+//# sourceMappingURL=cardOwnedVehicle.js.map

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

@@ -0,0 +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"}

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=cardOwnedVehicleComponent.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1 @@
+export * from './cardOwnedVehicle';

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

@@ -0,0 +1,90 @@
+import React 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> {
+    /**
+     * Label text
+     */
+    labelText?: string;
+    /**
+     * If labelVariant is feature, it is possible to select a variant of the Feature Label
+     */
+    labelVariants?: 'primary' | 'neutral' | 'secondary';
+    /**
+     * Title text
+     */
+    title?: string;
+    /**
+     * Description text
+     */
+    subtitle?: string;
+    /**
+     * Mandatory Button link.
+     */
+    buttonLink?: string;
+    /**
+     * Mandatory Button label
+     */
+    buttonLabel?: string;
+    /**
+     * Mandatory Button variant.
+     */
+    buttonVariant?: ButtonVariants;
+    /**
+     * If true, button is showing
+     */
+    optionalButton?: boolean;
+    /**
+     * Optional Button label. Button displays only if it has a label text
+     */
+    optionalButtonLabel?: string;
+    /**
+     * Optional Button link.
+     */
+    optionalButtonLink?: string;
+    /**
+     * Optional Button variant.
+     */
+    optionalButtonVariant?: ButtonVariants;
+    /**
+     * Height of the component
+     */
+    heightSize?: 'small' | 'medium' | 'normal';
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * An image of the component
+     */
+    cardImage?: string;
+    /**
+     * alt HTML tag apply to the image
+     */
+    altImageDescription?: string;
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * Callback for analytics
+     */
+    analyticsCallback?: (payload?: any) => void;
+}
+/**
+ * @description SkodaFlow CardPhotoFixed component.
+ * Properties are inherited from HTML Div element.
+ * @param props CardPhotoFixedProps
+ * @returns React Functional Component
+ */
+export declare const CardPhotoAdjustable: React.ForwardRefExoticComponent<CardPhotoAdjustableProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js

@@ -0,0 +1,148 @@
+"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)`
+  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) {
+    height: ${e=>{switch(e.children.props.heightSize){case"small":return"150px";case"medium":return"240px";case"normal":return"300px";default:return""}}};
+  }
+
+  @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+    height: ${e=>{switch(e.children.props.heightSize){case"small":return"200px";case"medium":return"300px";case"normal":return"400px";default:return""}}};
+  }
+
+  padding: 0;
+  .CardImagePicture {
+    display: block;
+  }
+  background-color: ${e=>e.theme.palette.onSurface.os0};
+
+  color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity||"configurator"===e.children.props.cardType?e.theme.palette.text.primary:("opacity0"!==e.children.props.darkOpacity&&e.children.props.cardType,e.theme.palette.onSurface.os0)};
+  ${e=>{if(e.theme.shape.borderRadius)return"border-radius: 0;"}}
+
+  ${e=>{if(e.children.props.isBorderRadius)return"border-radius: 8px;"}}
+
+	.CardImageHeader {
+    width: 100%;
+  }
+  .CardImageHeader {
+    .Label {
+      margin: 0;
+    }
+    color: ${e=>"opacity0"!==e.children.props.lightOpacity&&"opacity0"===e.children.props.darkOpacity?e.theme.palette.text.primary:"opacity0"!==e.children.props.darkOpacity?e.theme.palette.onSurface.os0:void 0};
+  }
+  .CardImageMedia {
+    position: relative;
+    height: auto;
+  }
+  .CardImageTextContainer {
+    padding: 24px;
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column;
+    height: 100%;
+    width: 100%;
+    box-sizing: border-box;
+  }
+  .CardImageText {
+    position: absolute;
+    .CardImageSubtitle {
+      font-weight: bold;
+      font-size: 16px;
+      line-height: 24px;
+      @media (min-width: ${e=>e.theme.breakpoints.values.lg}px) {
+        font-size: 18px;
+        line-height: 28px;
+      }
+    }
+    .CardImageTitle {
+      font-size: 27px;
+      line-height: 32px;
+      @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+        font-size: 30px;
+        line-height: 36px;
+      }
+    }
+  }
+  .CardImageButtonsContainerContent {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+    flex-direction: column-reverse;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      flex-direction: row;
+    }
+  }
+  .CardImageButtonsContainer {
+    display: flex;
+    justify-content: space-between;
+    width: 100%;
+  }
+  .CardImageButtons {
+    gap: 12px 16px;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+    .cta-button {
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        width: auto;
+      }
+    }
+    .cta-button button {
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        width: auto;
+        font-size: 14px;
+      }
+    }
+  }
+  .LabelsOptional {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 8px;
+    span:first-of-type {
+      margin-bottom: 4px;
+    }
+    @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+      span:first-of-type {
+        margin-bottom: 0;
+      }
+    }
+  }
+  .InfoVehicle {
+    font-size: 14px;
+    line-height: 20px;
+    margin-bottom: 12px;
+    text-align: left;
+    width: 100%;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      margin-bottom: 0;
+      text-align: right;
+    }
+    margin-bottom: 16px;
+    .InfoVehicleTotal {
+      font-weight: bold;
+    }
+    .infoVehicleDealerInfoContainer {
+      display: inline-flex;
+      width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+        text-align: right;
+        margin-bottom: 0;
+        width: auto;
+      }
+    }
+    .infoVehicleDealerInfo {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  .CardImageOverlayTheme {
+    ${e=>o.opacityLayerSwitchLightStatement(e.children.props.lightOpacity,"background")};
+
+    ${e=>o.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
+  }
+`;exports.CardPhotoAdjustable=s;
+//# sourceMappingURL=cardPhotoAdjustable.js.map

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

@@ -0,0 +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;;"}

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

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

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

@@ -0,0 +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;
+//# sourceMappingURL=cardPhotoAdjustableComponent.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+export * from './cardPhotoAdjustable';

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

@@ -0,0 +1,125 @@
+import React 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> {
+    /**
+     * Label text
+     */
+    label?: string;
+    /**
+     * Title name text
+     */
+    title?: string;
+    /**
+     * Subtitle text
+     */
+    subTitle?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * if true, first label is showing
+     */
+    labelInfoFirst?: boolean;
+    /**
+     * First label information label text
+     */
+    labelInfoFirstText?: string;
+    /**
+     * First label variant
+     */
+    labelInfoFirstVariant?: 'primary' | 'neutral';
+    /**
+     * if true, second optional label is showing
+     */
+    labelInfoSecond?: boolean;
+    /**
+     * Second label text
+     */
+    labelInfoSecondText?: string;
+    /**
+     * Second label variant
+     */
+    labelInfoSecondVariant?: 'primary' | 'neutral';
+    /**
+     * An image of the component
+     */
+    cardImage?: string;
+    /**
+     * alt HTML tag apply to the image
+     */
+    altImageDescription?: string;
+    /**
+     * Mandatory Button link.
+     */
+    buttonLink?: string;
+    /**
+     * Mandatory Button label. Button displays only if it has a label text
+     */
+    buttonLabel?: string;
+    /**
+     * Mandatory Button variant.
+     */
+    buttonVariant?: ButtonVariants;
+    /**
+     * If true, button is showing
+     */
+    optionalButton?: boolean;
+    /**
+     * Optional Button label. Button displays only if it has a label text
+     */
+    optionalButtonLabel?: string;
+    /**
+     * Optional Button link.
+     */
+    optionalButtonLink?: string;
+    /**
+     * Mandatory Button variant.
+     */
+    optionalButtonVariant?: ButtonVariants;
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Info text
+     */
+    infoText?: string;
+    /**
+     * Info text second position text
+     */
+    infoTextSecond?: string;
+    /**
+     * info text third position text
+     */
+    infoTextThird?: string;
+    /**
+     * A dark gradient layer was added
+     */
+    darkOpacity?: DarkOpacity;
+    /**
+     * A light gradient layer was added
+     */
+    lightOpacity?: LightOpacity;
+    /**
+     * Uses for setting button size based on screensize
+     */
+    isCompact?: boolean;
+    /**
+     * Callback for analytics
+     */
+    analyticsCallback?: (payload?: any) => void;
+}
+/**
+ * @description SkodaFlow CardPhotoFixed component.
+ * Properties are inherited from HTML Div element.
+ * @param props CardPhotoFixedProps
+ * @returns React Functional Component
+ */
+export declare const CardPhotoFixed: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;