@skodaflow/web-library 7.16.1 → 8.0.1

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

@@ -1,133 +0,0 @@
-import { FC, HTMLAttributes, 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 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
- * @deprecated
- */
-export declare const CardPromoVehicle: FC<CardPromoVehicleProps>;

package/cjs/organisms/cardPromoVehicle/cardPromoVehicle.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"cardPromoVehicle.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicle.tsx"],"sourcesContent":["import { FC, HTMLAttributes, ReactNode } from 'react';\nimport CardPromoVehicleComponent from './cardPromoVehicleComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../../components/button';\nimport { MenuCardComponentProps } from '../common/menuCardComponent/menuCardComponent';\n\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 CardPromoVehicleProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * Label text\n   */\n  label: string;\n  /**\n   * Variants of the label\n   */\n  labelVariant: 'general' | 'feature';\n  /**\n   * Vehicle name text\n   */\n  vehicleName?: string;\n  /**\n   * Vehicle equipment text\n   */\n  equipment?: string;\n  /**\n   * Description text\n   */\n  description?: string;\n  /**\n   * First label information label text. If this prop is empty, the label isn't showing\n   */\n  labelInfoFirstText?: string;\n  /**\n   * First label variant\n   */\n  labelInfoFirstVariant?: 'primary' | 'neutral';\n  /**\n   * Second label text. If this prop is empty, the label isn't showing\n   */\n  labelInfoSecondText?: string;\n  /**\n   * Second label variant\n   */\n  labelInfoSecondVariant?: 'primary' | 'neutral';\n  /**\n   * If the main image is not found this image will be used.\n   */\n  image?: string;\n  /**\n   * The source of the onError image.\n   */\n  fallbackImage?: string;\n  /**\n   * Alternative description Image\n   */\n  altDescriptionImage?: string;\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  mandatoryButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Optional button object. The button is displayed if the label text is present\n   */\n  optionalButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n  /**\n   * Set element's opacity.\n   */\n  darkOpacityLayer: DarkOpacity;\n  /**\n   * Set element's opacity.\n   */\n  lightOpacityLayer: LightOpacity;\n  /**\n   * if true, dropdownMenu is showing\n   */\n  isMenuDropdown: boolean;\n  /**\n   * Height size of the component\n   */\n  size?: 'fixed' | 'adjustable';\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   * Custom Info accept react node element\n   */\n  customInfo?: ReactNode;\n  /**\n   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n  /**\n   * MenuCardComponent props.\n   */\n  menuCardComponentProps?: MenuCardComponentProps;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardPromoVehicle: FC<CardPromoVehicleProps> = (props) => {\n  return (\n    <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} size={props.size}>\n      <CardPromoVehicleComponent isCompact={true} {...props} />\n    </CardStandardWrapperStyled>\n  );\n};\n"],"names":["props","_jsx","CardStandardWrapperStyled","isBorderRadius","size","children","CardPromoVehicleComponent","Object","assign","isCompact"],"mappings":"gLAyI4DA,GAExDC,EAAAA,IAACC,EAAAA,0BAAyB,CAACC,eAAgBH,EAAMG,eAAgBC,KAAMJ,EAAMI,KAAIC,SAC/EJ,EAAAA,IAACK,EAAAA,0BAAyBC,OAAAC,OAAA,CAACC,WAAW,GAAUT"}

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

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

package/cjs/organisms/cardPromoVehicle/cardPromoVehicleComponent.js

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),a=require("react/jsx-runtime"),i=require("../../components/label/label.js"),t=require("../common/menuCardComponent/menuCardComponent.js"),n=require("../common/infoTextCardComponent/infoTextCardComponent.js"),r=require("@mui/material"),o=require("../common/buttonCardComponent/buttonCardComponent.js"),l=require("../../utils/utilities.js"),s=require("../../components/common/imageComponent.js");const p=({label:e,labelVariant:r,vehicleName:p,equipment:c,image:m,altDescriptionImage:x,mandatoryButtonObject:h,optionalButtonObject:g,darkOpacityLayer:u,lightOpacityLayer:b,menuCardComponentProps:f,isMenuDropdown:y,infoText:C,infoTextSecond:v,infoTextThird:j,customInfo:w,description:T,labelInfoFirstVariant:I,labelInfoFirstText:O,labelInfoSecondVariant:k,labelInfoSecondText:S,isCompact:L,size:N,fallbackImage:z})=>a.jsxs(d,{size:N,darkOpacityLayer:u,lightOpacityLayer:b,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"===r?a.jsx(i.Label,{type:"feature",className:"CardImageLabelFeature",variant:"primary",children:l.handleMaxChars(e,30)}):a.jsx(i.Label,{className:"CardImageLabel",label:l.handleMaxChars(e,30)})),p&&a.jsx("h2",{style:{margin:0},className:"vehicleName",children:l.handleMaxChars(p,20)}),c&&a.jsx("h4",{style:{margin:0},className:"vehicleEquipment",children:l.handleMaxChars(c,20)}),T&&a.jsx("div",{className:"CardImageSubtitleContainer",children:a.jsx("span",{className:"CardImageSubtitle",children:l.handleMaxChars(T,50)})}),a.jsxs("div",{className:"LabelsOptional",children:[O&&a.jsx("div",{children:a.jsx(i.Label,{type:"feature",variant:I,label:l.handleMaxChars(O,30)})}),S&&a.jsx("div",{children:a.jsx(i.Label,{type:"feature",variant:k,label:l.handleMaxChars(S,30)})})]})]}),a.jsx("div",{className:"promoVehicleImage",children:a.jsx(s.default,{image:m,alt:x,fallbackImage:z})}),a.jsxs("div",{className:"promoVehicleInfo",children:[a.jsxs("div",{className:"promoVehicleButtons",children:[(null==h?void 0:h.label)&&a.jsx(o.default,{className:"button-component",buttonObject:h,compact:L}),(null==g?void 0:g.label)&&a.jsx(o.default,{className:"button-component",buttonObject:g,compact:L})]}),w?a.jsx("div",{className:"infoText",children:w}):a.jsx(n.default,{infoText:C,infoTextSecond:v,infoTextThird:j,className:"infoText"})]}),y&&a.jsx(t.default,Object.assign({},f))]})})]}),d=r.styled(r.Card,{shouldForwardProp:e=>"darkOpacityLayer"!==e&&"lightOpacityLayer"!==e&&"size"!==e})(a=>{var{theme:i}=a,t=e.__rest(a,["theme"]);const n=((e,a)=>{let i="";switch(a){case"opacity25":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)"}switch(e){case"opacity25":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)";break;case"opacity50":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)";break;case"opacity75":i="linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)"}return i})(t.darkOpacityLayer,t.lightOpacityLayer),r=((e,a,i)=>{let t="";return"opacity0"!==a&&"opacity0"===e&&(t=i.palette.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:i.palette.transparent.primary,color:r,"& .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:n}},o});exports.CardPromoVehicleComponent=p,exports.default=p;
-//# sourceMappingURL=cardPromoVehicleComponent.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cardPromoVehicleComponent.js","sources":["../../../../../src/organisms/cardPromoVehicle/cardPromoVehicleComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { Label } from '../../components/label';\nimport { CardPromoVehicleProps } from './cardPromoVehicle';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport InfoTextCardComponent from '../common/infoTextCardComponent/infoTextCardComponent';\nimport { Card as MuiCard, CardProps as MuiCardProps, Theme, styled } from '@mui/material';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\n\nexport const CardPromoVehicleComponent: FC<CardPromoVehicleProps> = ({\n  label,\n  labelVariant,\n  vehicleName,\n  equipment,\n  image,\n  altDescriptionImage,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  darkOpacityLayer,\n  lightOpacityLayer,\n  menuCardComponentProps,\n  isMenuDropdown,\n  infoText,\n  infoTextSecond,\n  infoTextThird,\n  customInfo,\n  description,\n  labelInfoFirstVariant,\n  labelInfoFirstText,\n  labelInfoSecondVariant,\n  labelInfoSecondText,\n  isCompact,\n  size,\n  fallbackImage,\n}) => {\n  return (\n    <CardPromoVehicleComponentStyled\n      size={size}\n      darkOpacityLayer={darkOpacityLayer}\n      lightOpacityLayer={lightOpacityLayer}\n    >\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"promoVehicleContainerPadding\">\n        <div className=\"promoVehicleContainer\">\n          <div className=\"vehicleTitleContainer\">\n            {label &&\n              (labelVariant === 'feature' ? (\n                <Label type=\"feature\" className=\"CardImageLabelFeature\" variant=\"primary\">\n                  {handleMaxChars(label, 30)}\n                </Label>\n              ) : (\n                <Label className=\"CardImageLabel\" label={handleMaxChars(label, 30)}></Label>\n              ))}\n            {vehicleName && (\n              <h2 style={{ margin: 0 }} className=\"vehicleName\">\n                {handleMaxChars(vehicleName, 20)}\n              </h2>\n            )}\n            {equipment && (\n              <h4 style={{ margin: 0 }} className=\"vehicleEquipment\">\n                {handleMaxChars(equipment, 20)}\n              </h4>\n            )}\n            {description && (\n              <div className=\"CardImageSubtitleContainer\">\n                <span className=\"CardImageSubtitle\">{handleMaxChars(description, 50)}</span>\n              </div>\n            )}\n            <div className=\"LabelsOptional\">\n              {labelInfoFirstText && (\n                <div>\n                  <Label\n                    type=\"feature\"\n                    variant={labelInfoFirstVariant}\n                    label={handleMaxChars(labelInfoFirstText, 30)}\n                  />\n                </div>\n              )}\n              {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=\"promoVehicleImage\">\n            <ImageComponent image={image} alt={altDescriptionImage} fallbackImage={fallbackImage} />\n          </div>\n          <div className=\"promoVehicleInfo\">\n            <div className=\"promoVehicleButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n            {customInfo ? (\n              <div className=\"infoText\">{customInfo}</div>\n            ) : (\n              <InfoTextCardComponent\n                infoText={infoText}\n                infoTextSecond={infoTextSecond}\n                infoTextThird={infoTextThird}\n                className=\"infoText\"\n              />\n            )}\n          </div>\n          {isMenuDropdown && <MenuCardComponent {...menuCardComponentProps} />}\n        </div>\n      </div>\n    </CardPromoVehicleComponentStyled>\n  );\n};\n\nexport default CardPromoVehicleComponent;\n\nconst handleOpacity = (darkOpacityLayer?: string, lightOpacityLayer?: string): string => {\n  let opacity = '';\n  switch (lightOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(255, 255, 255, 0) 0.28%, rgba(255, 255, 255, 0.75) 99.72%)';\n      break;\n  }\n  switch (darkOpacityLayer) {\n    case 'opacity25':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.25) 99.72%)';\n      break;\n    case 'opacity50':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.5) 99.72%)';\n      break;\n    case 'opacity75':\n      opacity = 'linear-gradient(269.68deg, rgba(0, 0, 0, 0) 0.28%, rgba(0, 0, 0, 0.75) 99.72%)';\n      break;\n  }\n  return opacity;\n};\n\nconst handleTextColor = (darkOpacityLayer?: string, lightOpacityLayer?: string, theme?: Theme): string => {\n  let color = '';\n  if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n    color = theme.palette.text.primary;\n  }\n  if (darkOpacityLayer !== 'opacity0') {\n    color = theme.palette.onSurface.os0;\n  } else color = theme.palette.text.primary;\n  return color;\n};\n\n/**\n * @description cardPromoVehicleComponent styling definition based on props\n */\n\nconst CardPromoVehicleComponentStyled = styled(MuiCard, {\n  shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})<MuiCardProps & { darkOpacityLayer?: string; lightOpacityLayer?: string; size?: string }>(({ theme, ...props }) => {\n  const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n  const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n  let style = {};\n\n  style = {\n    position: 'relative',\n    width: '100%',\n    padding: '24px',\n    backgroundColor: theme.palette.transparent.primary,\n    color: textColor,\n    '& .LabelsOptional': {\n      display: 'flex',\n      flexWrap: 'wrap',\n      position: 'relative',\n      zIndex: 2,\n    },\n    '& .promoVehicleImage': {\n      marginTop: '-45px',\n      position: 'relative',\n      [theme.breakpoints.up('md')]: {\n        position: props.size === 'fixed' ? 'absolute' : 'relative',\n        marginTop: props.size === 'fixed' ? 0 : '-45px',\n      },\n\n      zIndex: 0,\n      width: '100%',\n      height: '100%',\n      display: 'flex',\n      justifyContent: 'center',\n      ' & > img': {\n        minHeight: '176px',\n        maxWidth: '100%',\n        maxHeight: '100%',\n        position: 'relative',\n        objectFit: 'contain',\n      },\n    },\n    '& .promoVehicleContainerPadding': {\n      position: 'relative',\n      height: '100%',\n      width: '100%',\n    },\n    '& .promoVehicleContainer': {\n      overflow: 'hidden',\n      height: '100%',\n      width: '100%',\n      flexDirection: 'column',\n      display: 'flex',\n      justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n      boxSizing: 'border-box',\n      ' & > .vehicleTitleContainer': {\n        zIndex: 2,\n        width: '100%',\n        position: 'relative',\n        '& > .vehicleName': {\n          fontSize: '23px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '24px',\n          },\n          lineHeight: '28px',\n        },\n        '& > .vehicleEquipment': {\n          fontSize: '16px',\n          [theme.breakpoints.up('md')]: {\n            fontSize: '18px',\n          },\n          lineHeight: '24px',\n        },\n        '& > .CardImageLabelFeature': {\n          marginLeft: '0px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageLabel': {\n          lineHeight: '12px !important',\n          marginBottom: '8px',\n        },\n        '& > .CardImageSubtitleContainer': {\n          display: 'inline-flex',\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          width: '100%',\n          '& > .CardImageSubtitle': {\n            fontSize: '16px',\n            lineHeight: '24px',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n            [theme.breakpoints.up('lg')]: {\n              fontSize: '18px',\n              lineHeight: '28px',\n            },\n          },\n        },\n      },\n      '& > .promoVehicleInfo': {\n        marginTop: '-25px',\n        position: 'relative',\n        [theme.breakpoints.up('md')]: {\n          marginTop: props.size === 'fixed' ? 0 : '-25px',\n        },\n\n        display: 'flex',\n        flexDirection: 'column-reverse',\n        flexWrap: 'wrap-reverse',\n        width: '100%',\n        justifyContent: 'space-between',\n        zIndex: 2,\n        [theme.breakpoints.up('md')]: {\n          flexDirection: 'row',\n        },\n        '& > .promoVehicleButtons': {\n          display: 'flex',\n          flexDirection: 'column',\n          alignItems: 'end',\n          flexWrap: 'wrap',\n          gap: '12px 16px',\n          marginTop: '8px',\n          '& > .button-component': {\n            width: '100%',\n            [theme.breakpoints.up('md')]: {\n              width: 'auto',\n              padding: '0 0 2px 2px',\n            },\n            ' > div': {\n              width: '100%',\n            },\n          },\n          '& .MuiButton-root': {\n            width: '100%',\n          },\n          [theme.breakpoints.up('md')]: {\n            flexDirection: 'row',\n            '& > a': {\n              '& + a': {\n                marginTop: '0',\n              },\n            },\n          },\n        },\n        ' & > .infoText': {\n          display: 'block',\n          maxWidth: '100%',\n          fontSize: '14px',\n          [theme.breakpoints.up('md')]: {\n            width: 'auto',\n            alignSelf: 'end',\n          },\n          ' & > div > p': {\n            margin: 0,\n          },\n          '.infoTextFirst': {\n            fontWeight: 'bold',\n            span: { fontWeight: '300' },\n          },\n          '.infoTextThirdContainer': {\n            display: 'inline-flex',\n            maxWidth: '100%',\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          },\n          '.infoTextThird': {\n            whiteSpace: 'nowrap',\n            overflow: 'hidden',\n            textOverflow: 'ellipsis',\n          },\n        },\n      },\n      ' & >.menuCardComponent': {\n        top: '-7px',\n        right: '-5px',\n      },\n    },\n    ' & >.CardImageOverlayTheme': {\n      background: opacityLayer,\n    },\n  };\n  return style;\n});\n"],"names":["CardPromoVehicleComponent","label","labelVariant","vehicleName","equipment","image","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","infoText","infoTextSecond","infoTextThird","customInfo","description","labelInfoFirstVariant","labelInfoFirstText","labelInfoSecondVariant","labelInfoSecondText","isCompact","size","fallbackImage","_jsxs","CardPromoVehicleComponentStyled","_jsx","className","children","Label","type","variant","handleMaxChars","style","margin","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","InfoTextCardComponent","MenuCardComponent","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","text","primary","onSurface","os0","handleTextColor","position","width","padding","backgroundColor","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/cjs/organisms/cardPromoVehicle/index.d.ts

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

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

@@ -1,60 +0,0 @@
-import React, { HTMLAttributes } from 'react';
-import { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';
-import { ButtonVariants } from '../..';
-/**
- * @interface ChipProps
- * @description Base definition of SkodaFlow Chip independent on core implementation.
- * Properties are inherited from HTML div element
- */
-export interface CardTypeOnlyProps extends 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
- * @deprecated
- */
-export declare const CardTypeOnly: React.ForwardRefExoticComponent<CardTypeOnlyProps & React.RefAttributes<HTMLDivElement>>;

package/cjs/organisms/cardTypeOnly/cardTypeOnly.js

@@ -1,73 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@mui/material"),i=require("./cardTypeOnlyComponent.js"),a=require("../common/styled/cardStandardWrapperStyled.js"),n=require("../../utils/utilities.js");const d=t.forwardRef((t,r)=>e.jsx(a.CardStandardWrapperStyled,{isBorderRadius:t.isBorderRadius,ref:r,children:e.jsx(o,{children:e.jsx(i.default,Object.assign({isCompact:!0},t))})})),o=r.styled(r.Card)`
-  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=>n.opacityLayerSwitchLightStatement(e.children.props.lightOpacity,"background")};
-
-    ${e=>n.opacityLayerSwitchDarkStatement(e.children.props.darkOpacity,"background")}
-  }
-`;exports.CardTypeOnly=d;
-//# sourceMappingURL=cardTypeOnly.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"cardTypeOnly.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import React, { HTMLAttributes, forwardRef } from 'react';\nimport { Card as MuiCard, CardProps as MuiCardProps, styled } from '@mui/material';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { DarkOpacity, LightOpacity } from '../common/cardOpacitylayer/cardOpacityTyping';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { ButtonVariants } from '../..';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\n\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 CardTypeOnlyProps extends HTMLAttributes<HTMLDivElement> {\n  /**\n   * If true borderRadius was added to entire card\n   */\n  isBorderRadius?: boolean;\n\n  /**\n   * Text is showing if the card configurator is empty\n   */\n  cardTypeOnlyText?: string;\n  /**\n   * Mandatory button object. The button is displayed if the label text is present\n   */\n  mandatoryButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\n\n  /**\n   * Optional button object. The button is displayed if the label text is present\n   */\n  optionalButtonObject?: {\n    label?: string;\n    variant?: ButtonVariants;\n    url?: string;\n    target?: string;\n    callback?: (payload?: any) => void;\n    callbackAnalytics?: (payload?: any) => void;\n  };\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   * Uses for setting button size based on screensize\n   */\n  isCompact?: boolean;\n}\n\n/**\n * @description SkodaFlow Chip component.\n * Properties are inherited from HTML Div element.\n * @param props ChipProps\n * @returns React Functional Component\n * @deprecated\n */\nexport const CardTypeOnly = forwardRef<HTMLDivElement, CardTypeOnlyProps>((props, ref) => {\n  return (\n    <CardStandardWrapperStyled isBorderRadius={props.isBorderRadius} ref={ref}>\n      <CardTypeOnlyStyled>\n        <CardTypeOnlyComponent isCompact={true} {...props} />\n      </CardTypeOnlyStyled>\n    </CardStandardWrapperStyled>\n  );\n});\n\n/**\n * @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard)<MuiCardProps & { children?: any; theme?: any }>`\n  width: 100%;\n  box-shadow: none;\n  background-color: #f6f7f8ff !important;\n  padding: 24px;\n  min-height: 300px;\n  ${(props) => {\n    if (props.children.props.emptyCardText) {\n      return 'background-image: none';\n    }\n  }};\n  background-repeat: no-repeat, repeat;\n  background-color: ${(props) => {\n    return props.theme.palette.onSurface.os0;\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    } else if (props.children.props.darkOpacity !== 'opacity0') {\n      return props.theme.palette.onSurface.os0;\n    }\n  }};\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\t.CardImageText {\n    text-align: center;\n    ${(props) => {\n      if (props.children.props.cardTypeOnlyText) {\n        return 'justify-content: center';\n      }\n    }};\n    .CardImageSubtitle {\n      font-size: 16px;\n      line-height: 24px;\n      @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\n        font-size: 18px;\n        line-height: 28px;\n      }\n    }\n    .emptyCardText {\n      align-self: center;\n      margin-bottom: 17px;\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    justify-content: center;\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    .button-component {\n      width: 100%;\n      div {\n        width: 100%;\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n      }\n      @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\n        width: auto;\n        font-size: 14px;\n      }\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":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uOAsEO,MAAMA,EAAeC,EAAAA,WAA8C,CAACC,EAAOC,IAE9EC,MAACC,EAAAA,0BAAyB,CAACC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAGI,SACvEH,EAAAA,IAACI,EAAkB,CAAAD,SACjBH,MAACK,EAAAA,QAAqBC,OAAAC,OAAA,CAACC,WAAW,GAAUV,SAS9CM,EAAqBK,EAAAA,OAAOC,EAAAA,KAAwD;;;;;;IAMrFZ,IACD,GAAIA,EAAMK,SAASL,MAAMa,cACvB,MAAO;;sBAIUb,GACZA,EAAMc,MAAMC,QAAQC,UAAUC;;WAG7BjB,GACkC,aAAtCA,EAAMK,SAASL,MAAMkB,cAAoE,aAArClB,EAAMK,SAASL,MAAMmB,YACpEnB,EAAMc,MAAMC,QAAQK,KAAKC,QACc,aAArCrB,EAAMK,SAASL,MAAMmB,YACvBnB,EAAMc,MAAMC,QAAQC,UAAUC,SADhC;;IAKNjB,IACD,GAAIA,EAAMc,MAAMQ,MAAMC,aACpB,MAAO;;IAIRvB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACvB,MAAO;;;MAKNJ,IACD,GAAIA,EAAMK,SAASL,MAAMwB,iBACvB,MAAO;;;;2BAMaxB,GAAUA,EAAMc,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C3B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;2BAGzC5B,GAAUA,EAAMc,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D5B,GACM6B,EAAAA,iCAAiC7B,EAAMK,SAASL,MAAMkB,aAAc;;MAG1ElB,GACM8B,EAAAA,gCAAgC9B,EAAMK,SAASL,MAAMmB,YAAa;;"}

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

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

package/cjs/organisms/cardTypeOnly/cardTypeOnlyComponent.js

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

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

@@ -1 +0,0 @@
-{"version":3,"file":"cardTypeOnlyComponent.js","sources":["../../../../../src/organisms/cardTypeOnly/cardTypeOnlyComponent.tsx"],"sourcesContent":["import { FC } from 'react';\nimport { CardTypeOnlyProps } from '.';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\n\nconst CardTypeOnlyComponent: FC<CardTypeOnlyProps> = ({\n  cardTypeOnlyText,\n  mandatoryButtonObject,\n  optionalButtonObject,\n  isCompact,\n}) => {\n  return (\n    <>\n      <div className=\"CardImageOverlayTheme\"></div>\n      <div className=\"CardImageText\">\n        {cardTypeOnlyText && <span className=\"emptyCardText\">{handleMaxChars(cardTypeOnlyText, 120)}</span>}\n        <div className=\"CardImageButtonsContainer\">\n          <div className=\"CardImageButtonsContainerContent\">\n            <div className=\"CardImageButtons\">\n              {mandatoryButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={mandatoryButtonObject}\n                  compact={isCompact}\n                />\n              )}\n              {optionalButtonObject?.label && (\n                <ButtonCardComponent\n                  className=\"button-component\"\n                  buttonObject={optionalButtonObject}\n                  compact={isCompact}\n                />\n              )}\n            </div>\n          </div>\n        </div>\n      </div>\n    </>\n  );\n};\n\nexport default CardTypeOnlyComponent;\n"],"names":["cardTypeOnlyText","mandatoryButtonObject","optionalButtonObject","isCompact","_jsxs","_jsx","className","children","handleMaxChars","label","ButtonCardComponent","buttonObject","compact"],"mappings":"+NAKqD,EACnDA,mBACAC,wBACAC,uBACAC,eAGEC,EAAAA,2BACEC,EAAAA,IAAA,MAAA,CAAKC,UAAU,0BACfF,EAAAA,KAAA,MAAA,CAAKE,UAAU,gBAAeC,SAAA,CAC3BP,GAAoBK,EAAAA,IAAA,OAAA,CAAMC,UAAU,gBAAeC,SAAEC,EAAAA,eAAeR,EAAkB,OACvFK,EAAAA,IAAA,MAAA,CAAKC,UAAU,4BAA2BC,SACxCF,EAAAA,IAAA,MAAA,CAAKC,UAAU,4CACbF,EAAAA,KAAA,MAAA,CAAKE,UAAU,mBAAkBC,SAAA,EAC9BN,aAAqB,EAArBA,EAAuBQ,QACtBJ,EAAAA,IAACK,EAAAA,QAAmB,CAClBJ,UAAU,mBACVK,aAAcV,EACdW,QAAST,KAGZD,aAAoB,EAApBA,EAAsBO,QACrBJ,EAAAA,IAACK,UAAmB,CAClBJ,UAAU,mBACVK,aAAcT,EACdU,QAAST"}

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

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

package/cjs/organisms/carousel/carousel.d.ts

@@ -1,137 +0,0 @@
-import { ReactNode } from 'react';
-import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
-import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
-import { IconNameProp } from '@/src/components/icon';
-export type CarouselPropType = {
-    /**
-     * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.
-     */
-    align?: 'start' | 'center' | 'end' | number;
-    /**
-     * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.
-     */
-    autoPlay?: boolean;
-    /**
-     * Choose scroll axis between x and y.
-     */
-    axis?: 'x' | 'y';
-    /**
-     * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.
-     */
-    bulletScroll?: boolean;
-    /**
-     * defines the bullet-scroller style. can be 'dash' or 'dot'.
-     */
-    bulletStyle?: 'dash' | 'dot';
-    /**
-     * defines the bullet-scroller color theme. can be 'light' or 'dark'.
-     */
-    bulletTheme?: 'light' | 'dark';
-    /**
-     * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
-     */
-    buttonAreaControlsHeight?: string;
-    /**
-     * Buttons controls, if true the buttons will be visible. Default is true.
-     */
-    buttonControls?: boolean;
-    /**
-     * Definition of position or clickable area for buttons next and prev. value should be in "px" and default position is top: 0.
-     */
-    buttonControlsPosition?: string;
-    /**
-     * control color, can be "dark" or "light".
-     */
-    controlColor?: DarkLightOptions;
-    /**
-     * icon font size, can be "small" or "medium".
-     */
-    controlIconFontSize?: ControllerSize;
-    /**
-     * icon style, can be "regular" or "filled".
-     */
-    controlIconStyle?: IconsStyle;
-    /**
-     * control variant, can be "standard" or "outline".
-     */
-    controlVariant?: ControlVariant;
-    /**
-     * Class applied to the main container carousel. Default value ''.
-     * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.
-     * eg. class applied to container carousel : my-carousel
-     * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).
-     */
-    cssClass?: string;
-    /**
-     * Direction carousel ltr or rtl. Default ltr.
-     */
-    direction?: 'ltr' | 'rtl';
-    /**
-     * set height for slide carousel.
-     */
-    heightSlide?: string;
-    /**
-     * Slide with different width. if true the slide width is base on his content. Default false.
-     */
-    isSlideDifferentWidth?: boolean;
-    /**
-     * Loop, if true the loop functionality will be added to the carousel. Default is false.
-     */
-    loop?: boolean;
-    /**
-     * next control icon.
-     */
-    nextControlIcon?: IconNameProp;
-    /**
-     * Label of numbering length sliders.
-     */
-    numberingSeparator?: string;
-    /**
-     * Numbering Slides, if true the numbering slides will be visible. Default is true.
-     */
-    numberingSlides?: boolean;
-    /**
-     * Options setting carousel.
-     */
-    options?: EmblaOptionsType;
-    /**
-     * previous control icon.
-     */
-    prevControlIcon?: IconNameProp;
-    /**
-     * Progress bar status, if true the progress bar will be visible. Default is false.
-     */
-    progressbar?: boolean;
-    /**
-     * Add Class to selected slide.
-     */
-    slideSelectedClass?: string;
-    /**
-     * Slides reactNode carousel.
-     */
-    slidesItems: ReactNode[];
-    /**
-     * Number of visible slides. Default value 1.
-     */
-    slideToShow?: number;
-    /**
-     * Number of slides to scroll.
-     */
-    slideToScroll: number;
-    /**
-     * speed transition slide, Higher numbers enables faster scrolling. Default is 10.
-     */
-    speed?: number;
-    /**
-     * StartIndex slide. Default is 0.
-     */
-    startIndex?: number;
-};
-export declare const handleScrollPrev: (emblaApi: EmblaCarouselType, direction: "rtl" | "ltr") => void;
-export declare const handleScrollNext: (emblaApi: EmblaCarouselType, direction: "rtl" | "ltr") => void;
-export declare const handleScrollTo: (emblaApi: EmblaCarouselType, index: number) => void;
-export declare const emblaWidthSize: (apiParam: any, slideToShowParam: any) => void;
-/**
- * @deprecated this component does not meet quality standards and will be removed in the future
- */
-export declare const DeprecatedCarousel: (props: CarouselPropType) => import("react/jsx-runtime").JSX.Element;

package/cjs/organisms/carousel/carousel.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),l=require("embla-carousel-react"),r=require("embla-carousel-class-names"),s=require("embla-carousel-autoplay"),o=require("./styledComponents/styledCarouselHorizontal.js"),a=require("./styledComponents/styledCarouselVertical.js"),n=require("@mui/material"),i=require("./carouselTemplate.js");function c(e){return e&&e.__esModule?e:{default:e}}var u=c(l),d=c(r),S=c(s);const m=(e,t)=>{e&&("ltr"===t?e.scrollPrev():e.scrollNext())},p=(e,t)=>{e&&("rtl"===t?e.scrollPrev():e.scrollNext())},h=(e,t)=>{e&&e.scrollTo(t)},x=(e,t)=>{const l=e.slideNodes();t<=1&&l.forEach(e=>{if(e){const t=e.querySelector("img");if(t)return e.style.width=`${t.naturalWidth}px`}})};exports.DeprecatedCarousel=l=>{const{align:r="start",autoPlay:s=!1,axis:c="x",buttonAreaControlsHeight:b="50%",buttonControls:f=!0,buttonControlsPosition:C="0",cssClass:g="",direction:y="ltr",heightSlide:T,isSlideDifferentWidth:v=!1,loop:q=!1,numberingSeparator:w="/",numberingSlides:I=!0,progressbar:j=!1,slidesItems:P,slideToScroll:k=1,slideToShow:N=1,slideSelectedClass:z="slide-selected",speed:M=10,startIndex:W=0,bulletScroll:D=!1,bulletStyle:E="dot",bulletTheme:H="dark",prevControlIcon:O="arrow-left",nextControlIcon:V="arrow-right",controlIconStyle:$="regular",controlIconFontSize:_="medium",controlVariant:A="standard",controlColor:F="dark"}=l,B={playOnInit:!!s},G=S.default(B),J={selected:z},K="center"!==r?"trimSnaps":"",[L,Q]=t.useState(W),[R,U]=t.useState(!0),[X,Y]=t.useState(!0),[Z,ee]=t.useState(0),[te,le]=t.useState(!1),[re,se]=t.useState(),[oe,ae]=t.useState(""),ne={align:r,axis:c,containScroll:K,direction:y,loop:q,slidesToScroll:re?1:k,skipSnaps:!1,speed:M,startIndex:W},[ie,ce]=u.default(ne,[G,d.default(J)]),ue=n.useTheme(),de=e=>{le(!te),(e=>{switch(!0){case"prev"===e&&R:return ae("embla-container-prev");case"next"===e&&X:return ae("embla-container-next");default:ae("")}})(e)},Se=t.useCallback(()=>{if(!ce&&!j)return;const e=Math.max(0,Math.min(1,ce.scrollProgress()));ee(100*e)},[ce,j,ee]);return t.useEffect(()=>{if(ce){x(ce,N);const e=()=>{const e=ce.selectedScrollSnap();Q(e),Q(ce.selectedScrollSnap()),U(ce.canScrollPrev()),Y(ce.canScrollNext())};ce.on("select",e),e(),ce.on("scroll",Se),Se()}},[ce,j,Se,N]),t.useEffect(()=>{const e=window.matchMedia(`(max-width: ${ue.breakpoints.values.md}px)`);se(e.matches)},[ue.breakpoints.values.md]),"y"===c?e.jsx(a.CarouselStyledVertical,Object.assign({align:r,slidesItems:P,slideToShow:N,bulletTheme:H},l,{children:i.template(g,te,R,ce,y,ie,P,T,f,b,C,X,I,L,w,j,Z,e=>de(e),N,oe,D,E,h,m,p,O,V,$,_,A,F)})):e.jsx(o.CarouselStyledHorizontal,Object.assign({isSlideDifferentWidth:v,align:r,slidesItems:P,slideToShow:N,bulletTheme:H},l,{children:i.template(g,te,R,ce,y,ie,P,T,f,b,C,X,I,L,w,j,Z,e=>de(e),N,oe,D,E,h,m,p,O,V,$,_,A,F)}))},exports.emblaWidthSize=x,exports.handleScrollNext=p,exports.handleScrollPrev=m,exports.handleScrollTo=h;
-//# sourceMappingURL=carousel.js.map

package/cjs/organisms/carousel/carousel.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"carousel.js","sources":["../../../../../src/organisms/carousel/carousel.tsx"],"sourcesContent":["import React, { ReactNode, useCallback, useEffect, useState } from 'react';\nimport useEmblaCarousel, { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';\nimport ClassNames from 'embla-carousel-class-names';\nimport Autoplay from 'embla-carousel-autoplay';\nimport { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';\nimport { CarouselStyledHorizontal } from './styledComponents/styledCarouselHorizontal';\nimport { CarouselStyledVertical } from './styledComponents/styledCarouselVertical';\nimport { useTheme } from '@mui/material';\nimport { template } from './carouselTemplate';\nimport { IconNameProp } from '@/src/components/icon';\n\nexport type CarouselPropType = {\n  /**\n   * Align the slides relative to the carousel viewport. Use one of the predefined alignments start, center or end. Alternatively, provide a number between 0 - 1 to align the slides, where 0.5 equals 50%.\n   */\n  align?: 'start' | 'center' | 'end' | number;\n  /**\n   * Autoplay, if true the autoplay functionality will be added to the carousel. Default is false.\n   */\n  autoPlay?: boolean;\n  /**\n   * Choose scroll axis between x and y.\n   */\n  axis?: 'x' | 'y';\n  /**\n   * if true, the scrollbar is replaced with bullet scroll. visible only with SlideToShow 1.Default is false.\n   */\n  bulletScroll?: boolean;\n  /**\n   * defines the bullet-scroller style. can be 'dash' or 'dot'.\n   */\n  bulletStyle?: 'dash' | 'dot';\n  /**\n   * defines the bullet-scroller color theme. can be 'light' or 'dark'.\n   */\n  bulletTheme?: 'light' | 'dark';\n  /**\n   * Definition of height or clickable area for buttons next and prev. value should be in \"px\" or \"%\".\n   */\n  buttonAreaControlsHeight?: string;\n  /**\n   * Buttons controls, if true the buttons will be visible. Default is true.\n   */\n  buttonControls?: boolean;\n  /**\n   * Definition of position or clickable area for buttons next and prev. value should be in \"px\" and default position is top: 0.\n   */\n  buttonControlsPosition?: string;\n  /**\n   * control color, can be \"dark\" or \"light\".\n   */\n  controlColor?: DarkLightOptions;\n  /**\n   * icon font size, can be \"small\" or \"medium\".\n   */\n  controlIconFontSize?: ControllerSize;\n  /**\n   * icon style, can be \"regular\" or \"filled\".\n   */\n  controlIconStyle?: IconsStyle;\n  /**\n   * control variant, can be \"standard\" or \"outline\".\n   */\n  controlVariant?: ControlVariant;\n  /**\n   * Class applied to the main container carousel. Default value ''.\n   * this class can be used also to provide a prefix name for ID applied to each slide inside the carousel.\n   * eg. class applied to container carousel : my-carousel\n   * ID applied for each slide : my-carousel__slide-0 (number is the index of slide).\n   */\n  cssClass?: string;\n  /**\n   * Direction carousel ltr or rtl. Default ltr.\n   */\n  direction?: 'ltr' | 'rtl';\n  /**\n   * set height for slide carousel.\n   */\n  heightSlide?: string;\n  /**\n   * Slide with different width. if true the slide width is base on his content. Default false.\n   */\n  isSlideDifferentWidth?: boolean;\n  /**\n   * Loop, if true the loop functionality will be added to the carousel. Default is false.\n   */\n  loop?: boolean;\n  /**\n   * next control icon.\n   */\n  nextControlIcon?: IconNameProp;\n  /**\n   * Label of numbering length sliders.\n   */\n  numberingSeparator?: string;\n  /**\n   * Numbering Slides, if true the numbering slides will be visible. Default is true.\n   */\n  numberingSlides?: boolean;\n  /**\n   * Options setting carousel.\n   */\n  options?: EmblaOptionsType;\n  /**\n   * previous control icon.\n   */\n  prevControlIcon?: IconNameProp;\n  /**\n   * Progress bar status, if true the progress bar will be visible. Default is false.\n   */\n  progressbar?: boolean;\n  /**\n   * Add Class to selected slide.\n   */\n  slideSelectedClass?: string;\n  /**\n   * Slides reactNode carousel.\n   */\n  slidesItems: ReactNode[];\n  /**\n   * Number of visible slides. Default value 1.\n   */\n  slideToShow?: number;\n  /**\n   * Number of slides to scroll.\n   */\n  slideToScroll: number;\n  /**\n   * speed transition slide, Higher numbers enables faster scrolling. Default is 10.\n   */\n  speed?: number;\n  /**\n   * StartIndex slide. Default is 0.\n   */\n  startIndex?: number;\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollPrev = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'ltr' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\nexport const handleScrollNext = (emblaApi: EmblaCarouselType, direction: 'rtl' | 'ltr') => {\n  if (emblaApi) {\n    direction === 'rtl' ? emblaApi.scrollPrev() : emblaApi.scrollNext();\n  }\n};\n\n//the following function was moved outside of teh component to reduce its cognitive complexity\nexport const handleScrollTo = (emblaApi: EmblaCarouselType, index: number) => {\n  if (emblaApi) {\n    emblaApi.scrollTo(index);\n  }\n};\n\nexport const emblaWidthSize = (apiParam, slideToShowParam) => {\n  const slideNode = apiParam.slideNodes();\n  if (slideToShowParam <= 1) {\n    slideNode.forEach((item) => {\n      if (item) {\n        const img = item.querySelector('img');\n        if (img) return (item.style.width = `${img.naturalWidth}px`);\n      }\n    });\n  }\n};\n\n/**\n * @deprecated this component does not meet quality standards and will be removed in the future\n */\nexport const DeprecatedCarousel = (props: CarouselPropType) => {\n  const {\n    align = 'start',\n    autoPlay = false,\n    axis = 'x',\n    buttonAreaControlsHeight = '50%',\n    buttonControls = true,\n    buttonControlsPosition = '0',\n    cssClass = '',\n    direction = 'ltr',\n    heightSlide,\n    isSlideDifferentWidth = false,\n    loop = false,\n    numberingSeparator = '/',\n    numberingSlides = true,\n    progressbar = false,\n    slidesItems,\n    slideToScroll = 1,\n    slideToShow = 1,\n    slideSelectedClass = 'slide-selected',\n    speed = 10,\n    startIndex = 0,\n    bulletScroll = false,\n    bulletStyle = 'dot',\n    bulletTheme = 'dark',\n    prevControlIcon = 'arrow-left',\n    nextControlIcon = 'arrow-right',\n    controlIconStyle = 'regular',\n    controlIconFontSize = 'medium',\n    controlVariant = 'standard',\n    controlColor = 'dark',\n  } = props;\n\n  const optionsAutoplay = {\n    playOnInit: autoPlay ? true : false,\n  };\n  const autoplay = Autoplay(optionsAutoplay);\n  const optionsClassNames = { selected: slideSelectedClass };\n  const optionAlign = align !== 'center' ? 'trimSnaps' : '';\n  const [selectedIndex, setSelectedIndex] = useState(startIndex);\n  const [prevBtnEnabled, setPrevBtnEnabled] = useState(true);\n  const [nextBtnEnabled, setNextBtnEnabled] = useState(true);\n  const [scrollProgress, setScrollProgress] = useState(0);\n  const [hovered, setHovered] = useState(false);\n  const [isMobile, setIsMobile] = useState<boolean>();\n  const [classEmbla, setClassEmbla] = useState('');\n\n  const emblaOptions: Partial<EmblaOptionsType> = {\n    align: align,\n    axis: axis,\n    containScroll: optionAlign,\n    direction: direction,\n    loop: loop,\n    slidesToScroll: isMobile ? 1 : slideToScroll,\n    skipSnaps: false,\n    speed: speed,\n    startIndex: startIndex,\n  };\n\n  const [emblaRef, emblaApi] = useEmblaCarousel(emblaOptions, [autoplay, ClassNames(optionsClassNames)]);\n  const theme = useTheme();\n\n  const controllerHover = (controller) => {\n    switch (true) {\n      case controller === 'prev' && prevBtnEnabled:\n        return setClassEmbla('embla-container-prev');\n      case controller === 'next' && nextBtnEnabled:\n        return setClassEmbla('embla-container-next');\n      default:\n        return setClassEmbla('');\n    }\n  };\n  const toggleHover = (element: string) => {\n    setHovered(!hovered);\n    controllerHover(element);\n  };\n\n  const onScroll = useCallback(() => {\n    if (!emblaApi && !progressbar) return;\n    const progress = Math.max(0, Math.min(1, emblaApi.scrollProgress()));\n    setScrollProgress(progress * 100);\n  }, [emblaApi, progressbar, setScrollProgress]);\n\n  useEffect(() => {\n    if (emblaApi) {\n      emblaWidthSize(emblaApi, slideToShow);\n      const onSelect = () => {\n        const index = emblaApi.selectedScrollSnap();\n        setSelectedIndex(index);\n        setSelectedIndex(emblaApi.selectedScrollSnap());\n        setPrevBtnEnabled(emblaApi.canScrollPrev());\n        setNextBtnEnabled(emblaApi.canScrollNext());\n      };\n      emblaApi.on('select', onSelect);\n      onSelect();\n      emblaApi.on('scroll', onScroll);\n      onScroll();\n    }\n  }, [emblaApi, progressbar, onScroll, slideToShow]);\n\n  useEffect(() => {\n    const mq = window.matchMedia(`(max-width: ${theme.breakpoints.values.md}px)`);\n    setIsMobile(mq.matches);\n  }, [theme.breakpoints.values.md]);\n\n  return axis === 'y' ? (\n    <CarouselStyledVertical\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledVertical>\n  ) : (\n    <CarouselStyledHorizontal\n      isSlideDifferentWidth={isSlideDifferentWidth}\n      align={align}\n      slidesItems={slidesItems}\n      slideToShow={slideToShow}\n      bulletTheme={bulletTheme}\n      {...props}\n    >\n      {template(\n        cssClass,\n        hovered,\n        prevBtnEnabled,\n        emblaApi,\n        direction,\n        emblaRef,\n        slidesItems,\n        heightSlide,\n        buttonControls,\n        buttonAreaControlsHeight,\n        buttonControlsPosition,\n        nextBtnEnabled,\n        numberingSlides,\n        selectedIndex,\n        numberingSeparator,\n        progressbar,\n        scrollProgress,\n        (element) => toggleHover(element),\n        slideToShow,\n        classEmbla,\n        bulletScroll,\n        bulletStyle,\n        handleScrollTo,\n        handleScrollPrev,\n        handleScrollNext,\n        prevControlIcon,\n        nextControlIcon,\n        controlIconStyle,\n        controlIconFontSize,\n        controlVariant,\n        controlColor,\n      )}\n    </CarouselStyledHorizontal>\n  );\n};\n"],"names":["handleScrollPrev","emblaApi","direction","scrollPrev","scrollNext","handleScrollNext","handleScrollTo","index","scrollTo","emblaWidthSize","apiParam","slideToShowParam","slideNode","slideNodes","forEach","item","img","querySelector","style","width","naturalWidth","props","align","autoPlay","axis","buttonAreaControlsHeight","buttonControls","buttonControlsPosition","cssClass","heightSlide","isSlideDifferentWidth","loop","numberingSeparator","numberingSlides","progressbar","slidesItems","slideToScroll","slideToShow","slideSelectedClass","speed","startIndex","bulletScroll","bulletStyle","bulletTheme","prevControlIcon","nextControlIcon","controlIconStyle","controlIconFontSize","controlVariant","controlColor","optionsAutoplay","playOnInit","autoplay","Autoplay","optionsClassNames","selected","optionAlign","selectedIndex","setSelectedIndex","useState","prevBtnEnabled","setPrevBtnEnabled","nextBtnEnabled","setNextBtnEnabled","scrollProgress","setScrollProgress","hovered","setHovered","isMobile","setIsMobile","classEmbla","setClassEmbla","emblaOptions","containScroll","slidesToScroll","skipSnaps","emblaRef","useEmblaCarousel","ClassNames","theme","useTheme","toggleHover","element","controller","controllerHover","onScroll","useCallback","progress","Math","max","min","useEffect","onSelect","selectedScrollSnap","canScrollPrev","canScrollNext","on","mq","window","matchMedia","breakpoints","values","md","matches","_jsx","CarouselStyledVertical","Object","assign","template","CarouselStyledHorizontal","children"],"mappings":"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"}

package/cjs/organisms/carousel/carouselButton.d.ts

@@ -1,10 +0,0 @@
-export declare const PrevButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const NextButton: ({ enabled, onClick, height }: {
-    enabled: any;
-    onClick: any;
-    height: any;
-}) => import("react/jsx-runtime").JSX.Element;

package/cjs/organisms/carousel/carouselTemplate.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { EmblaCarouselType } from 'embla-carousel-react';
-import { IconNameProp } from '@/src/components/icon';
-export declare const getHoveredClass: (direction: "next" | "prev", hovered: boolean, isBtnEnabled: boolean) => string;
-export declare const DotButton: ({ selected, onClick, bulletStyle }: {
-    selected: any;
-    onClick: any;
-    bulletStyle: any;
-}) => import("react/jsx-runtime").JSX.Element;
-export declare const template: (cssClass: string, hovered: boolean, prevBtnEnabled: boolean, emblaApi: EmblaCarouselType, direction: any, emblaRef: any, slidesItems: React.ReactNode[], heightSlide: string, buttonControls: boolean, buttonAreaControlsHeight: string, buttonControlsPosition: string, nextBtnEnabled: boolean, numberingSlides: boolean, selectedIndex: number, numberingSeparator: string, progressbar: boolean, scrollProgress: number, toggleHover: (element: string) => void, slideToShow: number, classEmbla: string, bulletScroll: boolean, bulletStyle: string, handleScrollTo: (emblaApi: any, index: any) => void, handleScrollPrev: (emblaApi: any, index: any) => void, handleScrollNext: (emblaApi: any, index: any) => void, prevControlIcon: IconNameProp, nextControlIcon: IconNameProp, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: any) => import("react/jsx-runtime").JSX.Element;

package/cjs/organisms/carousel/carouselTemplate.js

@@ -1,2 +0,0 @@
-"use strict";var e=require("react/jsx-runtime"),s=require("../../components/controls/controls.js"),l=require("../../components/numbering/numbering.js"),t=require("../../utils/enum.js");const o=(e,s,l)=>s&&l?`${e}--hovered`:"",r=({selected:s,onClick:l,bulletStyle:t})=>e.jsx("button",{className:t&&"dot"===t?"embla__dot_small "+(s?"is-selected":""):"embla__dot "+(s?"is-selected":""),type:"button",onClick:l});exports.DotButton=r,exports.getHoveredClass=o,exports.template=(n,a,i,c,m,d,b,_,u,x,p,j,h,g,v,N,C,y,$,S,k,F,q,z,D,M,E,H,L,T,f)=>{const A="rtl"===m;return e.jsxs(e.Fragment,{children:[e.jsx("div",{className:`embla ${n} ${S}`,dir:m,children:e.jsxs("div",{className:"embla__viewport",ref:d,children:[e.jsx("div",{className:"embla__container",children:b.map((s,l)=>e.jsx("div",{id:`embla ${n}__${l}`,className:"embla__slide",children:e.jsx("div",{className:"embla__slide__inner",style:{height:_},children:s})},l))}),u&&e.jsxs(e.Fragment,{children:[e.jsx(s.Controller,{style:{top:`${p}px`},controlType:M,controllerColor:f,iconStyle:H,iconFontSize:L,controlVariant:T,className:`embla__button embla__button--prev ${o("prev",a,i)}`,onClickCallback:()=>z(c,m),isDisabled:A?i&&!j:!i,customHeight:x,onMouseEnter:()=>y("prev"),onMouseLeave:()=>y("")}),e.jsx(s.Controller,{style:{top:`${p}px`},controlType:E,controllerColor:f,iconStyle:H,iconFontSize:L,controlVariant:T,className:`embla__button embla__button--next ${o("next",a,j)}`,onClickCallback:()=>D(c,m),isDisabled:A?!i&&j:!j,customHeight:x,onMouseEnter:()=>y("next"),onMouseLeave:()=>y("")})]})]})}),h&&e.jsx(e.Fragment,{children:e.jsx(l.Numbering,{className:"carousel_numbering",index:g+$,total:b.length,customSeparator:v,colorTheme:t.NumberingColors.DARK,size:t.NumberingSizes.LARGE})}),N&&!k&&e.jsx("div",{className:"embla__progress",children:e.jsx("div",{className:"embla__progress__bar",style:{transform:`translateX(${C}%)`}})}),k&&1===$&&e.jsx("div",{className:"embla__dots",children:b.map((s,l)=>{const t=b.length-l-1;return e.jsx(r,{bulletStyle:F,selected:A?t===g:l===g,onClick:()=>q(c,l)},l)})})]})};
-//# sourceMappingURL=carouselTemplate.js.map