@skodaflow/web-library 3.3.0 → 4.0.0

package/build/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js

@@ -0,0 +1,165 @@
+"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)`
+  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.opacityLayerSwitchLightStatement(e.children.props.lightOpacity,"background")};
+
+    ${e=>n.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
+  }
+`;exports.CardPhotoFixed=x;
+//# sourceMappingURL=cardPhotoFixed.js.map

package/build/cjs/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","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;;"}

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

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

package/build/cjs/organisms/cardPhotoFixed/cardPhotoFixedComponent.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/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;
+//# sourceMappingURL=cardPhotoFixedComponent.js.map

package/build/cjs/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","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"}

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

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

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

@@ -0,0 +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
+ * @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/cjs/organisms/cardPromoVehicle/cardPromoVehicle.js

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

package/build/cjs/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","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"}

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

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

package/build/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.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("@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;
+//# sourceMappingURL=cardPromoVehicleComponent.js.map

package/build/cjs/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","jsxs","LabelFeature","variant","handleMaxChars","Label","style","margin","jsx","ImageComponent","default","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/cjs/organisms/cardPromoVehicle/index.d.ts

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

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

@@ -0,0 +1,60 @@
+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 CardTypeOnlyProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * If true borderRadius was added to entire card
+     */
+    isBorderRadius?: boolean;
+    /**
+     * Text is showing if the card configurator is empty
+     */
+    cardTypeOnlyText?: 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;
+    };
+    /**
+     * 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;
+}
+/**
+ * @description SkodaFlow Chip component.
+ * Properties are inherited from HTML Div element.
+ * @param props ChipProps
+ * @returns React Functional Component
+ */
+export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;

package/build/cjs/organisms/cardTypeOnly/cardTypeOnly.js

@@ -0,0 +1,73 @@
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@emotion/styled"),i=require("@mui/material/Card"),a=require("./cardTypeOnlyComponent.js"),n=require("../common/styled/cardStandardWrapperStyled.js"),d=require("../../utils/utilities.js");function o(e){return e&&e.__esModule?e:{default:e}}var p=o(t),s=o(r),c=o(i);const l=p.default.forwardRef(((t,r)=>e.jsx(n.CardStandardWrapperStyled,{isBorderRadius:t.isBorderRadius,ref:r,children:e.jsx(u,{children:e.jsx(a.default,Object.assign({isCompact:!0},t))})}))),u=s.default(c.default)`
+  width: 100%;
+  box-shadow: none;
+  background-color: #f6f7f8ff !important;
+  padding: 24px;
+  min-height: 300px;
+  ${e=>{if(e.children.props.emptyCardText)return"background-image: none"}};
+  background-repeat: no-repeat, repeat;
+  background-color: ${e=>e.theme.palette.onSurface.os0};
+
+  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};
+
+  ${e=>{if(e.theme.shape.borderRadius)return"border-radius: 0;"}}
+
+  ${e=>{if(e.children.props.isBorderRadius)return"border-radius: 8px;"}}
+	.CardImageText {
+    text-align: center;
+    ${e=>{if(e.children.props.cardTypeOnlyText)return"justify-content: center"}};
+    .CardImageSubtitle {
+      font-size: 16px;
+      line-height: 24px;
+      @media (min-width: ${e=>e.theme.breakpoints.values.xl}px) {
+        font-size: 18px;
+        line-height: 28px;
+      }
+    }
+    .emptyCardText {
+      align-self: center;
+      margin-bottom: 17px;
+    }
+  }
+  .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 {
+    justify-content: center;
+    gap: 12px 16px;
+    @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+      flex-direction: row;
+      flex-wrap: wrap;
+    }
+    .button-component {
+      width: 100%;
+      div {
+        width: 100%;
+      }
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        width: auto;
+      }
+      @media (min-width: ${e=>e.theme.breakpoints.values.md}px) {
+        width: auto;
+        font-size: 14px;
+      }
+    }
+  }
+  .CardImageOverlayTheme {
+    ${e=>d.opacityLayerSwitchLightStatement(e.children.props.lightOpacity,"background")};
+
+    ${e=>d.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
+  }
+`;exports.CardTypeOnly=l;
+//# sourceMappingURL=cardTypeOnly.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"cardTypeOnly.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":[null],"names":["CardTypeOnly","React","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","default","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"qVAuEO,MAAMA,EAAeC,EAAAA,QAAMC,YAA8C,CAACC,EAAOC,IAEpFC,MAACC,EAAAA,0BAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAAAA,IAACI,EACC,CAAAD,SAAAH,EAAAA,IAACK,EAAqBC,QAAAC,OAAAC,OAAA,CAACC,WAAW,GAAUX,UAS9CM,EAAqBM,EAAAA,QAAOC,EAAOL,QAAiD;;;;;;IAMrFR,IACD,GAAIA,EAAMK,SAASL,MAAMc,cACvB,MAAO,wBACR;;sBAGkBd,GACZA,EAAMe,MAAMC,QAAQC,UAAUC;;WAG7BlB,GACkC,aAAtCA,EAAMK,SAASL,MAAMmB,cAAoE,aAArCnB,EAAMK,SAASL,MAAMoB,YACpEpB,EAAMe,MAAMC,QAAQK,KAAKC,QACc,aAArCtB,EAAMK,SAASL,MAAMoB,YACvBpB,EAAMe,MAAMC,QAAQC,UAAUC,SADhC;;IAKNlB,IACD,GAAIA,EAAMe,MAAMQ,MAAMC,aACpB,MAAO,mBACR;;IAGAxB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACvB,MAAO,qBACR;;;MAIEJ,IACD,GAAIA,EAAMK,SAASL,MAAMyB,iBACvB,MAAO,yBACR;;;;2BAKqBzB,GAAUA,EAAMe,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C5B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;2BAGzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D7B,GACM8B,EAAAA,iCAAiC9B,EAAMK,SAASL,MAAMmB,aAAc;;MAG1EnB,GACM+B,EAAAA,gCAAgC/B,EAAMK,SAASL,MAAMoB,YAAa;;"}

package/build/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.d.ts

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

package/build/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.js

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),a=require("../../utils/utilities.js"),n=require("../common/buttonCardComponent/buttonCardComponent.js");function s(e){return e&&e.__esModule?e:{default:e}}const r=s(t).default.forwardRef((({cardTypeOnlyText:t,mandatoryButtonObject:s,optionalButtonObject:r,isCompact:o},l)=>e.jsxs(e.Fragment,{children:[e.jsx("div",{className:"CardImageOverlayTheme"}),e.jsxs("div",{className:"CardImageText",children:[t&&e.jsx("span",{className:"emptyCardText",children:a.handleMaxChars(t,120)}),e.jsx("div",{className:"CardImageButtonsContainer",children:e.jsx("div",{className:"CardImageButtonsContainerContent",children:e.jsxs("div",{className:"CardImageButtons",children:[(null==s?void 0:s.label)&&e.jsx(n.default,{className:"button-component",buttonObject:s,compact:o}),(null==r?void 0:r.label)&&e.jsx(n.default,{className:"button-component",buttonObject:r,compact:o})]})})})]})]})));exports.default=r;
+//# sourceMappingURL=cardTypeOnlyComponent.js.map

package/build/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":[null],"names":["CardTypeOnlyComponent","React","forwardRef","cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","ref","_jsxs","_jsx","jsx","className","jsxs","children","handleMaxChars","label","ButtonCardComponent","default","buttonObject","compact"],"mappings":"qRAKA,MAAMA,OAAwBC,QAAMC,YAClC,EAAGC,mBAAkBC,wBAAuBC,uBAAsBC,aAAaC,IAE3EC,6BACEC,EAAKC,IAAA,MAAA,CAAAC,UAAU,0BACfH,EAAAI,KAAA,MAAA,CAAKD,UAAU,gBACZE,SAAA,CAAAV,GAAoBM,EAAMC,IAAA,OAAA,CAAAC,UAAU,gBAAeE,SAAEC,EAAcA,eAACX,EAAkB,OACvFM,EAAAA,IAAK,MAAA,CAAAE,UAAU,4BAA2BE,SACxCJ,EAAAA,IAAK,MAAA,CAAAE,UAAU,4CACbH,EAAKI,KAAA,MAAA,CAAAD,UAAU,mBACZE,SAAA,EAAAT,aAAA,EAAAA,EAAuBW,QACtBN,EAAAA,IAACO,EAAmBC,QAClB,CAAAN,UAAU,mBACVO,aAAcd,EACde,QAASb,KAGZD,aAAoB,EAApBA,EAAsBU,QACrBN,MAACO,UAAmB,CAClBL,UAAU,mBACVO,aAAcb,EACdc,QAASb"}

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

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