@skodaflow/web-library 7.16.1 → 8.0.0

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js

@@ -1,148 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{styled as i,Card as a}from"@mui/material";import r from"./cardPhotoAdjustableComponent.js";import{opacityLayerSwitchLightStatement as o,opacityLayerSwitchDarkStatement as n}from"../../utils/utilities.js";const p=t((t,i)=>e(d,{ref:i,children:e(r,Object.assign({},t))})),d=i(a)`
-  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(e.children.props.lightOpacity,"background")};
-
-    ${e=>n(e.children.props.darkOpacity,"background")}
-  }
-`;export{p as CardPhotoAdjustable};
-//# sourceMappingURL=cardPhotoAdjustable.js.map

package/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map

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

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.d.ts

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

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js

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

package/organisms/cardPhotoAdjustable/cardPhotoAdjustableComponent.js.map

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

package/organisms/cardPhotoAdjustable/index.d.ts

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

package/organisms/cardPhotoFixed/cardPhotoFixed.d.ts

@@ -1,125 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
-import { ButtonVariants } from '../..';
-/**
- * @interface CardPhotoFixedProps
- * @description  Properties are inherited from HTML div element
- */
-export interface CardPhotoFixedProps extends 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
- * @deprecated
- */
-export declare const CardPhotoFixed: React.ForwardRefExoticComponent<CardPhotoFixedProps & React.RefAttributes<HTMLDivElement>>;

package/organisms/cardPhotoFixed/cardPhotoFixed.js

@@ -1,165 +0,0 @@
-import{jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{styled as t}from"@mui/material/styles";import{useTheme as a,useMediaQuery as r,Card as p}from"@mui/material";import o from"./cardPhotoFixedComponent.js";import{opacityLayerSwitchLightStatement as n,opacityLayerSwitchDarkStatement as d}from"../../utils/utilities.js";const m=i((i,t)=>{const p=a(),n=r(p.breakpoints.up("md"));return e(h,{ref:t,children:e(o,Object.assign({isCompact:n},i))})}),h=t(p)`
-  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/organisms/cardPhotoFixed/cardPhotoFixed.js.map

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

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.d.ts

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

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js

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

package/organisms/cardPhotoFixed/cardPhotoFixedComponent.js.map

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

package/organisms/cardPhotoFixed/index.d.ts

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