@skodaflow/web-library 3.3.0 → 4.0.0

package/build/organisms/cardPhotoFixed/cardPhotoFixed.js

@@ -0,0 +1,165 @@
+import{jsx as e}from"react/jsx-runtime";import i from"react";import t from"@emotion/styled";import a from"@mui/material/Card";import{useTheme as r}from"@mui/material/styles";import o from"@mui/material/useMediaQuery";import p from"./cardPhotoFixedComponent.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const m=i.forwardRef(((i,t)=>{const a=r(),n=o(a.breakpoints.up("md"));return e(l,{ref:t,children:e(p,Object.assign({isCompact:n},i))})})),l=t(a)`
+  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)};
+
+  ${e=>{if(e.theme.shape.borderRadius)return"border-radius: 0;"}}
+
+  /* Height of the component */
+  height: 500px;
+  @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+    height: 440px;
+  }
+  @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+    height: 400px;
+  }
+  @media (min-width: ${e=>e.theme.breakpoints.values.lg}px) {
+    height: 440px;
+  }
+
+  ${e=>{if(e.children.props.isBorderRadius)return"border-radius: 8px;"}}
+
+  .CardImageHeader {
+    width: 100%;
+    @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+      max-width: 560px;
+    }
+    @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+      max-width: 640px;
+    }
+  }
+
+  .CardImageHeader {
+    .VehicleEquipment {
+      margin: 0;
+      font-size: 16px;
+      line-height: 24px;
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        font-size: 23px;
+        line-height: 28px;
+      }
+    }
+    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};
+  }
+
+  .CardImageText {
+    .CardImageSubtitleContainer {
+      display: inline-flex;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      width: 100%;
+    }
+    .CardImageSubtitle {
+      font-size: 16px;
+      line-height: 24px;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+
+      @media (min-width: ${e=>e.theme.breakpoints.values.lg}px) {
+        font-size: 18px;
+        line-height: 28px;
+      }
+    }
+    .CardImageTitle {
+      font-size: 23px;
+      line-height: 28px;
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        font-size: 32px;
+        line-height: 38px;
+        ${e=>{if("small"===e.children.props.cardSize)return"font-size: 27px; line-height: 32px"}};
+      }
+      @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+        font-size: 36px;
+        line-height: 44px;
+        ${e=>{if("small"===e.children.props.cardSize)return"font-size: 30px; line-height: 36px"}};
+      }
+    }
+  }
+  .CardImageButtonsContainer {
+    display: flex;
+    justify-content: space-between;
+    flex-direction: column-reverse;
+    flex-wrap: wrap-reverse;
+    width: 100%;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      flex-direction: row;
+    }
+  }
+  .CardImageButtonsGroup {
+    display: flex;
+    flex-direction: column;
+    flex-wrap: wrap;
+    width: 100%;
+    gap: 12px 16px;
+    @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+      flex-direction: row;
+      flex-wrap: wrap;
+      width: auto;
+    }
+    .cta-button {
+      text-decoration: none;
+      @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+        width: auto;
+      }
+      div {
+        width: 100%;
+      }
+      button {
+        width: 100%;
+        @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+          width: auto;
+          font-size: 14px;
+        }
+      }
+    }
+  }
+
+  .LabelsOptional {
+    display: flex;
+    flex-wrap: wrap;
+    margin-top: 6px;
+  }
+  .infoText {
+    font-size: 14px;
+    margin-bottom: 12px;
+    margin-bottom: 12px;
+    width: 100%;
+    align-self: end;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      width: auto;
+      margin-bottom: 0;
+    }
+    .infoTextFirst {
+      font-weight: bold;
+      span {
+        font-weight: 300;
+      }
+    }
+    .infoTextThirdContainer {
+      display: inline-flex;
+      width: 100%;
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      @media (min-width: ${e=>e.theme.breakpoints.values.sm}px) {
+        display: inline;
+        text-align: right;
+        margin-bottom: 0;
+        width: auto;
+      }
+    }
+    .infoTextThird {
+      white-space: nowrap;
+      overflow: hidden;
+      text-overflow: ellipsis;
+    }
+  }
+  .CardImageOverlayTheme {
+    ${e=>n(e.children.props.lightOpacity,"background")};
+
+    ${e=>d(e.children.props.darkOpacity,"background")}
+  }
+`;export{m as CardPhotoFixed};
+//# sourceMappingURL=cardPhotoFixed.js.map

package/build/organisms/cardPhotoFixed/cardPhotoFixed.js.map

@@ -0,0 +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","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"sXAuIO,MAAMA,EAAiBC,EAAMC,YAAgD,CAACC,EAAOC,KAC1F,MAAMC,EAAkBC,IAClBC,EAAYC,EAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OACEC,EAACC,GAAsBR,IAAKA,EAC1BS,SAAAF,EAACG,EAAwBC,OAAAC,OAAA,CAAAT,UAAWA,GAAeJ,KAErD,IAOES,EAAwBK,EAAOC,EAAwD;sBACtEf,GACZA,EAAMgB,MAAMC,QAAQC,OAAOC;;WAG1BnB,GAEiC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,aACxC,iBAAlCrB,EAAMU,SAASV,MAAMsB,SAEdtB,EAAMgB,MAAMC,QAAQC,OAAOK,OAEK,aAArCvB,EAAMU,SAASV,MAAMqB,aAA8BrB,EAAMU,SAASV,MAAMsB,SACnEtB,EAAMgB,MAAMC,QAAQC,OAAOC;;IAInCnB,IACD,GAAIA,EAAMgB,MAAMQ,MAAMC,aACpB,MAAO,mBACR;;;;uBAKmBzB,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;uBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;uBAGzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;IAI5D7B,IACD,GAAIA,EAAMU,SAASV,MAAM8B,eACvB,MAAO,qBACR;;;;yBAKqB9B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;yBAGzC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;;;;;;;;2BAUvC/B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;aAKvD5B,GACkC,aAAtCA,EAAMU,SAASV,MAAMoB,cAAoE,aAArCpB,EAAMU,SAASV,MAAMqB,YACpErB,EAAMgB,MAAMC,QAAQe,KAAKC,QAEO,aAArCjC,EAAMU,SAASV,MAAMqB,YAChBrB,EAAMgB,MAAMC,QAAQiB,UAAUC,SADvC;;;;;;;;;;;;;;;;;;2BAqBsBnC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOG;;;;;;;;2BAQzC7B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;UAG1D5B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACR;;2BAGiBpC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOK;;;UAG1D/B,IACD,GAAsC,UAAlCA,EAAMU,SAASV,MAAMoC,SACvB,MAAO,oCACR;;;;;;;;;;yBAWepC,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;yBAUzC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;2BAOvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;6BAQvC3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C3B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC5B,GAAUA,EAAMgB,MAAMV,YAAYoB,OAAOC;;;;;;;;;;;;;;MAc9D3B,GACMqC,EAAiCrC,EAAMU,SAASV,MAAMoB,aAAc;;MAG1EpB,GACMsC,EAAgCtC,EAAMU,SAASV,MAAMqB,YAAa;;"}

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

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

package/build/organisms/cardPhotoFixed/cardPhotoFixedComponent.js

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

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

@@ -0,0 +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","_Fragment","children","_jsx","className","Label","handleMaxChars","LabelFeature","variant","tabIndex","href","encodeURI","Button","compact","onClick","InfoTextCardComponent","src","alt"],"mappings":"yaAQM,MAAAA,EAA0BC,EAAMC,YACpC,EAEIC,QACAC,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,GACnBC,IACCJ,GAAqBA,EAAkBI,EAAE,GAE3C,CAACJ,IAGH,OACEK,EAAAC,EAAA,CAAAC,SAAA,CACEC,EAAK,MAAA,CAAAC,UAAU,0BACfJ,EAAA,MAAA,CAAKI,UAAU,gBACbF,SAAA,CAAAF,EAAA,MAAA,CAAKI,UAAU,kBACbF,SAAA,CAAAC,EAACE,EAAK,CAACD,UAAU,iBAAiBhC,MAAOkC,EAAelC,EAAO,MAC9DC,GAAS8B,EAAA,KAAA,CAAIC,UAAU,iBAAgBF,SAAEI,EAAejC,EAAO,MAC/DC,GAAY6B,QAAIC,UAAU,mBAAkBF,SAAEI,EAAehC,EAAU,MACvEC,GACC4B,EAAK,MAAA,CAAAC,UAAU,sCACbD,EAAM,OAAA,CAAAC,UAAU,oBAAqBF,SAAAI,EAAe/B,EAAa,QAGrEyB,EAAA,MAAA,CAAKI,UAAU,iBACZF,SAAA,CAAA1B,GAAkBC,GACjB0B,EAAA,MAAA,CAAAD,SACEC,EAACI,GAAaC,QAAS9B,EAAuBN,MAAOkC,EAAe7B,EAAoB,QAG3FE,GAAmBC,GAClBuB,EACE,MAAA,CAAAD,SAAAC,EAACI,EAAa,CAAAC,QAAS3B,EAAwBT,MAAOkC,EAAe1B,EAAqB,cAKlGoB,SAAKI,UAAU,4BAA2BF,SAAA,CACxCF,SAAKI,UAAU,wBAAuBF,SAAA,CACpCC,EAAG,IAAA,CAAAM,UAAW,EAAGL,UAAU,aAAaM,KAAMC,UAAU3B,GAAWkB,SACjEC,EAACS,GACCxC,MAAOkC,EAAerB,EAAa,IACnCuB,QAAStB,EACT2B,QAASnB,EACToB,QAAS,IAAMjB,EAAcZ,OAGhCE,GAAkBE,GAAuBD,GACxCe,EAAG,IAAA,CAAAM,UAAW,EAAGL,UAAU,aAAaM,KAAMC,UAAUvB,GAAmBc,SACzEC,EAACS,EAAM,CACLxC,MAAOkC,EAAejB,EAAqB,IAC3CmB,QAASlB,EACTuB,QAASnB,EACToB,QAAS,IAAMjB,EAAcR,UAKrCc,EAACY,EAAqB,CACpBxB,SAAUA,EACVC,eAAgBA,EAChBC,cAAeA,EACfW,UAAU,mBAIhBD,EAAK,MAAA,CAAAC,UAAU,iBAAgBF,SAC7BC,EAAK,MAAA,CAAAC,UAAU,mBAAkBF,SAC/BC,EAAK,MAAA,CAAAa,IAAKlC,EAAWmC,IAAKlC,UAIhC"}

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

@@ -1 +1 @@
-export * from './cardPhotoFixed';
+export * from './cardPhotoFixed';

package/build/organisms/cardPromoVehicle/cardPromoVehicle.d.ts

@@ -1,132 +1,133 @@
-import React, { ReactNode } from 'react';
-import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
-import { ButtonVariants } from '../../components/button';
-import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface CardPromoVehicleProps 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;
-    /**
-     * Description text
-     */
-    description?: string;
-    /**
-     * First label information label text. If this prop is empty, the label isn't showing
-     */
-    labelInfoFirstText?: string;
-    /**
-     * First label variant
-     */
-    labelInfoFirstVariant?: 'primary' | 'neutral';
-    /**
-     * Second label text. If this prop is empty, the label isn't showing
-     */
-    labelInfoSecondText?: string;
-    /**
-     * Second label variant
-     */
-    labelInfoSecondVariant?: 'primary' | 'neutral';
-    /**
-     * If the main image is not found this image will be used.
-     */
-    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, dropdownMenu is showing
-     */
-    isMenuDropdown: boolean;
-    /**
-     * Height size of the component
-     */
-    size?: 'fixed' | 'adjustable';
-    /**
-     * Info text
-     */
-    infoText?: string;
-    /**
-     * Info text second position text
-     */
-    infoTextSecond?: string;
-    /**
-     * info text third position text
-     */
-    infoTextThird?: string;
-    /**
-     * Custom Info accept react node element
-     */
-    customInfo?: ReactNode;
-    /**
-     * 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 CardPromoVehicle: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;
+import React, { ReactNode } from 'react';
+import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
+import { ButtonVariants } from '../../components/button';
+import { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';
+/**
+ * @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> {
+    /**
+     * Label text
+     */
+    label: string;
+    /**
+     * Variants of the label
+     */
+    labelVariant: 'general' | 'feature';
+    /**
+     * Vehicle name text
+     */
+    vehicleName?: string;
+    /**
+     * Vehicle equipment text
+     */
+    equipment?: string;
+    /**
+     * Description text
+     */
+    description?: string;
+    /**
+     * First label information label text. If this prop is empty, the label isn't showing
+     */
+    labelInfoFirstText?: string;
+    /**
+     * First label variant
+     */
+    labelInfoFirstVariant?: 'primary' | 'neutral';
+    /**
+     * Second label text. If this prop is empty, the label isn't showing
+     */
+    labelInfoSecondText?: string;
+    /**
+     * Second label variant
+     */
+    labelInfoSecondVariant?: 'primary' | 'neutral';
+    /**
+     * If the main image is not found this image will be used.
+     */
+    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, dropdownMenu is showing
+     */
+    isMenuDropdown: boolean;
+    /**
+     * Height size of the component
+     */
+    size?: 'fixed' | 'adjustable';
+    /**
+     * Info text
+     */
+    infoText?: string;
+    /**
+     * Info text second position text
+     */
+    infoTextSecond?: string;
+    /**
+     * info text third position text
+     */
+    infoTextThird?: string;
+    /**
+     * Custom Info accept react node element
+     */
+    customInfo?: ReactNode;
+    /**
+     * 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 CardPromoVehicle: React.ForwardRefExoticComponent<CardPromoVehicleProps & React.RefAttributes<HTMLDivElement>>;

package/build/organisms/cardPromoVehicle/cardPromoVehicle.js

@@ -0,0 +1,2 @@
+import{jsx as r}from"react/jsx-runtime";import o from"react";import{CardPromoVehicleComponent as e}from"./cardPromoVehicleComponent.js";import{CardStandardWrapperStyled as i}from"../common/styled/cardStandardWrapperStyled.js";const t=o.forwardRef(((o,t)=>r(i,{isBorderRadius:o.isBorderRadius,size:o.size,children:r(e,Object.assign({isCompact:!0},o))})));export{t as CardPromoVehicle};
+//# sourceMappingURL=cardPromoVehicle.js.map

package/build/organisms/cardPromoVehicle/cardPromoVehicle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardPromoVehicle.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":[null],"names":["CardPromoVehicle","React","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"kOAyIO,MAAMA,EAAmBC,EAAMC,YAAkD,CAACC,EAAOC,IAE5FC,EAACC,EAA0B,CAAAC,eAAgBJ,EAAMI,eAAgBC,KAAML,EAAMK,KAC3EC,SAAAJ,EAACK,EAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUV"}

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

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

package/build/organisms/cardPromoVehicle/cardPromoVehicleComponent.js

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

package/build/organisms/cardPromoVehicle/cardPromoVehicleComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":[null],"names":["CardPromoVehicleComponent","React","forwardRef","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","ref","_jsxs","CardPromoVehicleComponentStyled","_jsx","className","children","LabelFeature","variant","handleMaxChars","Label","style","margin","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","flowColors","transparent","display","flexWrap","zIndex","marginTop","breakpoints","up","height","justifyContent","minHeight","maxWidth","maxHeight","objectFit","overflow","flexDirection","boxSizing","fontSize","lineHeight","marginLeft","marginBottom","whiteSpace","textOverflow","alignItems","gap","alignSelf","fontWeight","span","top","right","background"],"mappings":"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"}

package/build/organisms/cardPromoVehicle/index.d.ts

@@ -1 +1 @@
-export * from './cardPromoVehicle';
+export * from './cardPromoVehicle';