npm - @skodaflow/web-library - Versions diffs - 4.2.0 → 6.0.0 - Mend

@skodaflow/web-library 4.2.0 → 6.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (651) hide show

package/cjs/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, variant: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null \|\| mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null \|\| optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\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};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n let color = '';\n if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n color = theme.palette.onSurface.os900;\n }\n if (darkOpacityLayer !== 'opacity0') {\n color = theme.palette.onSurface.os0;\n }\n else\n color = theme.palette.onSurface.os900;\n return color;\n};\n/*\n @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n let style = {};\n style = {\n position: 'relative',\n width: '100%',\n padding: '24px',\n backgroundColor: theme.palette.transparent.primary,\n color: textColor,\n '& .ownedVehicleImage': {\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 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 '& .disclamer': {\n fontSize: '14px',\n lineHeight: '20px',\n marginTop: '4px',\n color: textColor,\n },\n '& .ownedVehicleContainer': {\n position: 'relative',\n height: '100%',\n width: '100%',\n },\n '& .ownedVehicleContainerContent': {\n overflow: 'hidden',\n height: '100%',\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n boxSizing: 'border-box',\n ' & > .vehicleTitleContainer': {\n zIndex: 2,\n width: '100%',\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 },\n '& > .ownedVehicleSpecsContainer': {\n marginTop: '-25px',\n fontSize: '14px',\n lineHeight: '20px',\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 marginTop: props.size === 'fixed' ? 0 : '-25px',\n },\n '& > .ownedVehicleButtons': {\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 ' & > .ownedVehicleSpecs': {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'end',\n marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n ' & > div:first-of-type': {\n marginRight: '24px',\n },\n ' & > div > p': {\n margin: 0,\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//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","jsx","style","margin","Indicator","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","default","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","color","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}
1	+ {"version":3,"file":"cardOwnedVehicleComponent.js","sources":["../../../../src/organisms/cardOwnedVehicle/cardOwnedVehicleComponent.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { Indicator } from '../../components/indicator';\nimport MuiCard from '@mui/material/Card';\nimport { Label } from '../../components/label';\nimport MenuCardComponent from '../common/menuCardComponent/menuCardComponent';\nimport ButtonCardComponent from '../common/buttonCardComponent/buttonCardComponent';\nimport { LabelFeature } from '../../components/labelFeature';\nimport { styled } from '@mui/material/styles';\nimport { handleMaxChars } from '../../utils/utilities';\nimport ImageComponent from '../../components/common/imageComponent';\nexport const CardOwnedVehicleComponent = ({ label, labelVariant, vehicleName, equipment, vehicleStatus, vehicleStatusVariant, image, fallbackImage, altDescriptionImage, mandatoryButtonObject, optionalButtonObject, darkOpacityLayer, lightOpacityLayer, menuCardComponentProps, isMenuDropdown, vehicleSpecs, vehicleSpecsObject, isCompact, size, }) => {\n return (_jsxs(CardOwnVehicleComponentStyled, { size: size, darkOpacityLayer: darkOpacityLayer, lightOpacityLayer: lightOpacityLayer, children: [_jsx(\"div\", { className: \"CardImageOverlayTheme\" }), _jsx(\"div\", { className: \"ownedVehicleContainer\", children: _jsxs(\"div\", { className: \"ownedVehicleContainerContent\", children: [_jsxs(\"div\", { className: \"vehicleTitleContainer\", children: [label &&\n (labelVariant === 'feature' ? (_jsx(LabelFeature, { className: \"CardImageLabelFeature\", variant: \"primary\", children: handleMaxChars(label, 30) })) : (_jsx(Label, { className: \"CardImageLabel\", label: handleMaxChars(label, 30) }))), vehicleName && (_jsx(\"h2\", { style: { margin: 0 }, className: \"vehicleName\", children: handleMaxChars(vehicleName, 20) })), equipment && (_jsx(\"h4\", { style: { margin: 0 }, className: \"vehicleEquipment\", children: handleMaxChars(equipment, 20) })), vehicleStatus && _jsx(Indicator, { className: \"disclamer\", label: vehicleStatus, color: vehicleStatusVariant })] }), _jsx(\"div\", { className: \"ownedVehicleImage\", children: _jsx(ImageComponent, { image: image, alt: altDescriptionImage, fallbackImage: fallbackImage }) }), _jsxs(\"div\", { className: \"ownedVehicleSpecsContainer\", children: [_jsxs(\"div\", { className: \"ownedVehicleButtons\", children: [(mandatoryButtonObject === null \|\| mandatoryButtonObject === void 0 ? void 0 : mandatoryButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: mandatoryButtonObject, compact: isCompact })), (optionalButtonObject === null \|\| optionalButtonObject === void 0 ? void 0 : optionalButtonObject.label) && (_jsx(ButtonCardComponent, { className: \"button-component\", buttonObject: optionalButtonObject, compact: isCompact }))] }), vehicleSpecs && (_jsxs(\"div\", { className: \"ownedVehicleSpecs\", children: [vehicleSpecsObject.map((item) => {\n return (_jsxs(\"div\", { children: [item.subtitle && _jsx(\"p\", { children: item.subtitle }), item.value && (_jsx(\"p\", { children: _jsx(\"b\", { children: item.value }) }))] }, item.value));\n }), ' '] }))] }), isMenuDropdown && _jsx(MenuCardComponent, Object.assign({}, menuCardComponentProps))] }) })] }));\n};\nexport default CardOwnedVehicleComponent;\nconst handleOpacity = (darkOpacityLayer, lightOpacityLayer) => {\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};\nconst handleTextColor = (darkOpacityLayer, lightOpacityLayer, theme) => {\n let color = '';\n if (lightOpacityLayer !== 'opacity0' && darkOpacityLayer === 'opacity0') {\n color = theme.palette.onSurface.os900;\n }\n if (darkOpacityLayer !== 'opacity0') {\n color = theme.palette.onSurface.os0;\n }\n else\n color = theme.palette.onSurface.os900;\n return color;\n};\n/*\n @description cardOwnedVehicleComponent styling definition based on props\n */\nconst CardOwnVehicleComponentStyled = styled(MuiCard, {\n shouldForwardProp: (prop) => prop !== 'darkOpacityLayer' && prop !== 'lightOpacityLayer' && prop !== 'size',\n})((_a) => {\n var { theme } = _a, props = __rest(_a, [\"theme\"]);\n const opacityLayer = handleOpacity(props.darkOpacityLayer, props.lightOpacityLayer);\n const textColor = handleTextColor(props.darkOpacityLayer, props.lightOpacityLayer, theme);\n let style = {};\n style = {\n position: 'relative',\n width: '100%',\n padding: '24px',\n backgroundColor: theme.palette.transparent.primary,\n color: textColor,\n '& .ownedVehicleImage': {\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 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 '& .disclamer': {\n fontSize: '14px',\n lineHeight: '20px',\n marginTop: '4px',\n color: textColor,\n },\n '& .ownedVehicleContainer': {\n position: 'relative',\n height: '100%',\n width: '100%',\n },\n '& .ownedVehicleContainerContent': {\n overflow: 'hidden',\n height: '100%',\n width: '100%',\n display: 'flex',\n flexDirection: 'column',\n justifyContent: props.size === 'fixed' ? 'space-between' : 'normal',\n boxSizing: 'border-box',\n ' & > .vehicleTitleContainer': {\n zIndex: 2,\n width: '100%',\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 },\n '& > .ownedVehicleSpecsContainer': {\n marginTop: '-25px',\n fontSize: '14px',\n lineHeight: '20px',\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 marginTop: props.size === 'fixed' ? 0 : '-25px',\n },\n '& > .ownedVehicleButtons': {\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 ' & > .ownedVehicleSpecs': {\n display: 'flex',\n flexDirection: 'row',\n alignItems: 'end',\n marginBottom: theme.breakpoints.values.md ? 0 : '12px',\n ' & > div:first-of-type': {\n marginRight: '24px',\n },\n ' & > div > p': {\n margin: 0,\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//# sourceMappingURL=cardOwnedVehicleComponent.js.map"],"names":["CardOwnedVehicleComponent","label","labelVariant","vehicleName","equipment","vehicleStatus","vehicleStatusVariant","image","fallbackImage","altDescriptionImage","mandatoryButtonObject","optionalButtonObject","darkOpacityLayer","lightOpacityLayer","menuCardComponentProps","isMenuDropdown","vehicleSpecs","vehicleSpecsObject","isCompact","size","_jsxs","CardOwnVehicleComponentStyled","children","_jsx","className","jsxs","LabelFeature","variant","handleMaxChars","Label","jsx","style","margin","Indicator","color","ImageComponent","alt","ButtonCardComponent","buttonObject","compact","map","item","subtitle","value","MenuCardComponent","default","Object","assign","styled","MuiCard","shouldForwardProp","prop","_a","theme","props","__rest","opacityLayer","opacity","handleOpacity","textColor","palette","onSurface","os900","os0","handleTextColor","position","width","padding","backgroundColor","transparent","primary","marginTop","breakpoints","up","zIndex","height","display","justifyContent","minHeight","maxWidth","maxHeight","objectFit","fontSize","lineHeight","overflow","flexDirection","boxSizing","marginLeft","marginBottom","flexWrap","alignItems","gap","values","md","marginRight","top","right","background"],"mappings":"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"}

package/cjs/organisms/cardPhotoAdjustable/cardPhotoAdjustable.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/\n @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\r\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '180px';\n case 'medium':\n return '400px';\n case 'normal':\n return '400px';\n default:\n return '';\n }\n}};\r\n\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '150px';\n case 'medium':\n return '240px';\n case 'normal':\n return '300px';\n default:\n return '';\n }\n}};\r\n }\r\n\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '200px';\n case 'medium':\n return '300px';\n case 'normal':\n return '400px';\n default:\n return '';\n }\n}};\r\n }\r\n\r\n padding: 0;\r\n .CardImagePicture {\r\n display: block;\r\n }\r\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n}};\r\n\r\n color: ${(props) => {\n if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator') {\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 }\n else\n return props.theme.palette.onSurface.os0;\n}};\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\r\n\t.CardImageHeader {\r\n width: 100%;\r\n }\r\n .CardImageHeader {\r\n .Label {\r\n margin: 0;\r\n }\r\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}};\r\n }\r\n .CardImageMedia {\r\n position: relative;\r\n height: auto;\r\n }\r\n .CardImageTextContainer {\r\n padding: 24px;\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column;\r\n height: 100%;\r\n width: 100%;\r\n box-sizing: border-box;\r\n }\r\n .CardImageText {\r\n position: absolute;\r\n .CardImageSubtitle {\r\n font-weight: bold;\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .CardImageTitle {\r\n font-size: 27px;\r\n line-height: 32px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 30px;\r\n line-height: 36px;\r\n }\r\n }\r\n }\r\n .CardImageButtonsContainerContent {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n flex-direction: column-reverse;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n }\r\n .CardImageButtons {\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .cta-button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\r\n }\r\n .cta-button button {\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .LabelsOptional {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 8px;\r\n span:first-of-type {\r\n margin-bottom: 4px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n span:first-of-type {\r\n margin-bottom: 0;\r\n }\r\n }\r\n }\r\n .InfoVehicle {\r\n font-size: 14px;\r\n line-height: 20px;\r\n margin-bottom: 12px;\r\n text-align: left;\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n margin-bottom: 0;\r\n text-align: right;\r\n }\r\n margin-bottom: 16px;\r\n .InfoVehicleTotal {\r\n font-weight: bold;\r\n }\r\n .infoVehicleDealerInfoContainer {\r\n display: inline-flex;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n text-align: right;\r\n margin-bottom: 0;\r\n width: auto;\r\n }\r\n }\r\n .infoVehicleDealerInfo {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"0RAaY,MAACA,EAAsBC,EAAUA,YAAC,CAACC,EAAOC,IAC1CC,EAAIC,IAACC,EAA2B,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAyBC,OAAOC,OAAO,CAAA,EAAIR,QAK5GI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAE;YACrCX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GACmC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SACdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEK,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACjEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAKxCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACrB,MAAO,qBACV;;;;;;;;;aAUS5B,GACgC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YAClEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEK,aAArCzB,EAAMK,SAASL,MAAMsB,YACdtB,EAAMa,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACI+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAGxErB,GACIgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}
1	+ {"version":3,"file":"cardPhotoAdjustable.js","sources":["../../../../src/organisms/cardPhotoAdjustable/cardPhotoAdjustable.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardPhotoFixedComponent from './cardPhotoAdjustableComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n return (_jsx(CardPhotoAdjustableStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({}, props)) }));\n});\n/\n @description Card Photo Fixed styling definition based on props\n */\nconst CardPhotoAdjustableStyled = styled(MuiCard) `\n height: ${(props) => {\n switch (props.children.props.heightSize) {\n case 'small':\n return '180px';\n case 'medium':\n return '400px';\n case 'normal':\n return '400px';\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 case 'medium':\n return '240px';\n case 'normal':\n return '300px';\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 case 'medium':\n return '300px';\n case 'normal':\n return '400px';\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 ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator') {\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 }\n else\n 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//# sourceMappingURL=cardPhotoAdjustable.js.map"],"names":["CardPhotoAdjustable","forwardRef","props","ref","_jsx","jsx","CardPhotoAdjustableStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","heightSize","theme","breakpoints","values","sm","md","palette","onSurface","os0","lightOpacity","darkOpacity","cardType","text","primary","shape","borderRadius","isBorderRadius","lg","xl","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"0RAaY,MAACA,EAAsBC,EAAUA,YAAC,CAACC,EAAOC,IAC1CC,EAAIC,IAACC,EAA2B,CAAEH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAAA,QAAyBC,OAAOC,OAAO,CAAA,EAAIR,QAK5GI,EAA4BK,EAAAA,QAAOC,EAAOC,QAAE;YACrCX,IACT,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SAEL,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;uBAGmBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;cAClDhB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;uBAImBZ,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;cAClDjB,IACX,OAAQA,EAAMK,SAASL,MAAMY,YACzB,IAAK,QACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,IAAK,SACD,MAAO,QACX,QACI,MAAO,GACd;;;;;;;sBAQkBZ,GACZA,EAAMa,MAAMK,QAAQC,UAAUC;;WAG7BpB,GACmC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,aACxC,iBAAlCtB,EAAMK,SAASL,MAAMuB,SACdvB,EAAMa,MAAMK,QAAQM,KAAKC,SAEK,aAArCzB,EAAMK,SAASL,MAAMsB,aAA8BtB,EAAMK,SAASL,MAAMuB,SACjEvB,EAAMa,MAAMK,QAAQC,UAAUC;IAKxCpB,IACD,GAAIA,EAAMa,MAAMa,MAAMC,aAClB,MAAO,mBACV;;IAGA3B,IACD,GAAIA,EAAMK,SAASL,MAAM4B,eACrB,MAAO,qBACV;;;;;;;;;aAUS5B,GACgC,aAAtCA,EAAMK,SAASL,MAAMqB,cAAoE,aAArCrB,EAAMK,SAASL,MAAMsB,YAClEtB,EAAMa,MAAMK,QAAQM,KAAKC,QAEK,aAArCzB,EAAMK,SAASL,MAAMsB,YACdtB,EAAMa,MAAMK,QAAQC,UAAUC,SADzC;;;;;;;;;;;;;;;;;;;;;2BAwBwBpB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOc;;;;;;;;2BAQzC7B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOe;;;;;;;;;;;yBAW3C9B,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;yBAWzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;2BAKzCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;yBAa3CjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;yBAYzChB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOE;;;;;;;;;;;;;;2BAcvCjB,GAAUA,EAAMa,MAAMC,YAAYC,OAAOC;;;;;;;;;;;;;MAa9DhB,GACI+B,EAAAA,iCAAiC/B,EAAMK,SAASL,MAAMqB,aAAc;;MAGxErB,GACIgC,EAAAA,gCAAgChC,EAAMK,SAASL,MAAMsB,YAAa;;"}

package/cjs/organisms/cardPhotoFixed/cardPhotoFixed.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardPhotoFixed.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/\n @description Card Photo Fixed styling definition based on props\n /\nconst CardPhotoFixedsStyled = styled(MuiCard) `\r\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n}};\r\n\r\n color: ${(props) => {\n if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator') {\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 }\n else\n return props.theme.palette.common.white;\n}};\r\n\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n / Height of the component */\r\n height: 500px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n height: 440px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n height: 400px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n height: 440px;\r\n }\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\r\n .CardImageHeader {\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n max-width: 560px;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n max-width: 640px;\r\n }\r\n }\r\n\r\n .CardImageHeader {\r\n .VehicleEquipment {\r\n margin: 0;\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 23px;\r\n line-height: 28px;\r\n }\r\n }\r\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}};\r\n }\r\n\r\n .CardImageText {\r\n .CardImageSubtitleContainer {\r\n display: inline-flex;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n width: 100%;\r\n }\r\n .CardImageSubtitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.lg}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .CardImageTitle {\r\n font-size: 23px;\r\n line-height: 28px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n font-size: 32px;\r\n line-height: 38px;\r\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 27px; line-height: 32px';\n }\n}};\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 36px;\r\n line-height: 44px;\r\n ${(props) => {\n if (props.children.props.cardSize === 'small') {\n return 'font-size: 30px; line-height: 36px';\n }\n}};\r\n }\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n flex-direction: column-reverse;\r\n flex-wrap: wrap-reverse;\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsGroup {\r\n display: flex;\r\n flex-direction: column;\r\n flex-wrap: wrap;\r\n width: 100%;\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n width: auto;\r\n }\r\n .cta-button {\r\n text-decoration: none;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n width: auto;\r\n }\r\n div {\r\n width: 100%;\r\n }\r\n button {\r\n width: 100%;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n }\r\n\r\n .LabelsOptional {\r\n display: flex;\r\n flex-wrap: wrap;\r\n margin-top: 6px;\r\n }\r\n .infoText {\r\n font-size: 14px;\r\n margin-bottom: 12px;\r\n margin-bottom: 12px;\r\n width: 100%;\r\n align-self: end;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n margin-bottom: 0;\r\n }\r\n .infoTextFirst {\r\n font-weight: bold;\r\n span {\r\n font-weight: 300;\r\n }\r\n }\r\n .infoTextThirdContainer {\r\n display: inline-flex;\r\n width: 100%;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.sm}px) {\r\n display: inline;\r\n text-align: right;\r\n margin-bottom: 0;\r\n width: auto;\r\n }\r\n }\r\n .infoTextThird {\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uWAeY,MAACA,EAAiBC,EAAUA,YAAC,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAAA,IAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,MAAKG,EAAAA,QAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAAA,QAAOC,EAAOC,QAAE;sBACvBhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GACmC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SACdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEG,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACjEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAMrCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACrB,MAAO,qBACV;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACgC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YAClEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEK,aAArClC,EAAMU,SAASV,MAAMsB,YACdtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;2BAGuBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACIsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAGxErB,GACIuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}
1	+ {"version":3,"file":"cardPhotoFixed.js","sources":["../../../../src/organisms/cardPhotoFixed/cardPhotoFixed.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport { useTheme } from '@mui/material/styles';\nimport useMediaQuery from '@mui/material/useMediaQuery';\nimport CardPhotoFixedComponent from './cardPhotoFixedComponent';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n const themeBreakpoint = useTheme();\n const isCompact = useMediaQuery(themeBreakpoint.breakpoints.up('md'));\n return (_jsx(CardPhotoFixedsStyled, { ref: ref, children: _jsx(CardPhotoFixedComponent, Object.assign({ isCompact: isCompact }, props)) }));\n});\n/\n @description Card Photo Fixed styling definition based on props\n /\nconst CardPhotoFixedsStyled = styled(MuiCard) `\n background-color: ${(props) => {\n return props.theme.palette.common.white;\n}};\n\n color: ${(props) => {\n if ((props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') \|\|\n props.children.props.cardType === 'configurator') {\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 }\n else\n 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//# sourceMappingURL=cardPhotoFixed.js.map"],"names":["CardPhotoFixed","forwardRef","props","ref","themeBreakpoint","useTheme","isCompact","useMediaQuery","breakpoints","up","_jsx","CardPhotoFixedsStyled","children","CardPhotoFixedComponent","Object","assign","styled","MuiCard","default","theme","palette","common","white","lightOpacity","darkOpacity","cardType","black","shape","borderRadius","values","sm","md","lg","isBorderRadius","xl","text","primary","onSurface","os0","cardSize","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"uWAeY,MAACA,EAAiBC,EAAUA,YAAC,CAACC,EAAOC,KAC7C,MAAMC,EAAkBC,EAAAA,WAClBC,EAAYC,EAAAA,QAAcH,EAAgBI,YAAYC,GAAG,OAC/D,OAAQC,EAAAA,IAAKC,EAAuB,CAAER,IAAKA,EAAKS,SAAUF,MAAKG,EAAAA,QAAyBC,OAAOC,OAAO,CAAET,UAAWA,GAAaJ,KAAY,IAK1IS,EAAwBK,EAAAA,QAAOC,EAAOC,QAAE;sBACvBhB,GACZA,EAAMiB,MAAMC,QAAQC,OAAOC;;WAG1BpB,GACmC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,aACxC,iBAAlCtB,EAAMU,SAASV,MAAMuB,SACdvB,EAAMiB,MAAMC,QAAQC,OAAOK,OAEG,aAArCxB,EAAMU,SAASV,MAAMsB,aAA8BtB,EAAMU,SAASV,MAAMuB,SACjEvB,EAAMiB,MAAMC,QAAQC,OAAOC;;IAMrCpB,IACD,GAAIA,EAAMiB,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;;;uBAKmB1B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;uBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;uBAGzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;IAI5D9B,IACD,GAAIA,EAAMU,SAASV,MAAM+B,eACrB,MAAO,qBACV;;;;yBAKqB/B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;yBAGzC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;;;;;;;;2BAUvChC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;aAKvD7B,GACgC,aAAtCA,EAAMU,SAASV,MAAMqB,cAAoE,aAArCrB,EAAMU,SAASV,MAAMsB,YAClEtB,EAAMiB,MAAMC,QAAQe,KAAKC,QAEK,aAArClC,EAAMU,SAASV,MAAMsB,YACdtB,EAAMiB,MAAMC,QAAQiB,UAAUC,SADzC;;;;;;;;;;;;;;;;;;2BAqBwBpC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOG;;;;;;;;2BAQzC9B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;UAG1D7B,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;2BAGuBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOK;;;UAG1DhC,IACP,GAAsC,UAAlCA,EAAMU,SAASV,MAAMqC,SACrB,MAAO,oCACV;;;;;;;;;;yBAWqBrC,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;yBAUzC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;2BAOvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;6BAQvC5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;;;;;;yBAmB7C5B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOE;;;;;;;;;;;;;;;;2BAgBvC7B,GAAUA,EAAMiB,MAAMX,YAAYqB,OAAOC;;;;;;;;;;;;;;MAc9D5B,GACIsC,EAAAA,iCAAiCtC,EAAMU,SAASV,MAAMqB,aAAc;;MAGxErB,GACIuC,EAAAA,gCAAgCvC,EAAMU,SAASV,MAAMsB,YAAa;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"cardTypeOnly.js","sources":["../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/\n @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\r\n width: 100%;\r\n box-shadow: none;\r\n background-color: #f6f7f8ff !important;\r\n padding: 24px;\r\n min-height: 300px;\r\n ${(props) => {\n if (props.children.props.emptyCardText) {\n return 'background-image: none';\n }\n}};\r\n background-repeat: no-repeat, repeat;\r\n background-color: ${(props) => {\n return props.theme.palette.onSurface.os0;\n}};\r\n\r\n color: ${(props) => {\n if (props.children.props.lightOpacity !== 'opacity0' && props.children.props.darkOpacity === 'opacity0') {\n return props.theme.palette.text.primary;\n }\n else if (props.children.props.darkOpacity !== 'opacity0') {\n return props.theme.palette.onSurface.os0;\n }\n}};\r\n\r\n ${(props) => {\n if (props.theme.shape.borderRadius) {\n return 'border-radius: 0;';\n }\n}}\r\n\r\n ${(props) => {\n if (props.children.props.isBorderRadius) {\n return 'border-radius: 8px;';\n }\n}}\r\n\t.CardImageText {\r\n text-align: center;\r\n ${(props) => {\n if (props.children.props.cardTypeOnlyText) {\n return 'justify-content: center';\n }\n}};\r\n .CardImageSubtitle {\r\n font-size: 16px;\r\n line-height: 24px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.xl}px) {\r\n font-size: 18px;\r\n line-height: 28px;\r\n }\r\n }\r\n .emptyCardText {\r\n align-self: center;\r\n margin-bottom: 17px;\r\n }\r\n }\r\n .CardImageButtonsContainerContent {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n flex-direction: column-reverse;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n }\r\n }\r\n .CardImageButtonsContainer {\r\n display: flex;\r\n justify-content: space-between;\r\n width: 100%;\r\n }\r\n .CardImageButtons {\r\n justify-content: center;\r\n gap: 12px 16px;\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n flex-direction: row;\r\n flex-wrap: wrap;\r\n }\r\n .button-component {\r\n width: 100%;\r\n div {\r\n width: 100%;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n }\r\n @media (min-width: ${(props) => props.theme.breakpoints.values.md}px) {\r\n width: auto;\r\n font-size: 14px;\r\n }\r\n }\r\n }\r\n .CardImageOverlayTheme {\r\n ${(props) => {\n return opacityLayerSwitchLightStatement(props.children.props.lightOpacity, 'background');\n}};\r\n\r\n ${(props) => {\n return opacityLayerSwitchDarkStatement(props.children.props.darkOpacity, 'background');\n}}\r\n }\r\n`;\n//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","default","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8UAcY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAOC,IACnCC,MAAKC,EAAAA,0BAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAoB,CAAED,SAAUH,EAAAA,IAAKK,EAAqBC,QAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQX,UAKtMM,EAAqBM,EAAAA,QAAOC,EAAOL,QAAE;;;;;;IAMtCR,IACD,GAAIA,EAAMK,SAASL,MAAMc,cACrB,MAAO,wBACV;;sBAGkBd,GACZA,EAAMe,MAAMC,QAAQC,UAAUC;;WAG7BlB,GACkC,aAAtCA,EAAMK,SAASL,MAAMmB,cAAoE,aAArCnB,EAAMK,SAASL,MAAMoB,YAClEpB,EAAMe,MAAMC,QAAQK,KAAKC,QAEU,aAArCtB,EAAMK,SAASL,MAAMoB,YACnBpB,EAAMe,MAAMC,QAAQC,UAAUC,SADpC;;IAKJlB,IACD,GAAIA,EAAMe,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAxB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMyB,iBACrB,MAAO,yBACV;;;;2BAKuBzB,GAAUA,EAAMe,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C5B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;2BAGzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D7B,GACI8B,EAAAA,iCAAiC9B,EAAMK,SAASL,MAAMmB,aAAc;;MAGxEnB,GACI+B,EAAAA,gCAAgC/B,EAAMK,SAASL,MAAMoB,YAAa;;"}
1	+ {"version":3,"file":"cardTypeOnly.js","sources":["../../../../src/organisms/cardTypeOnly/cardTypeOnly.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { forwardRef } from 'react';\nimport styled from '@emotion/styled';\nimport MuiCard from '@mui/material/Card';\nimport CardTypeOnlyComponent from './cardTypeOnlyComponent';\nimport { CardStandardWrapperStyled } from '../common/styled/cardStandardWrapperStyled';\nimport { opacityLayerSwitchDarkStatement, opacityLayerSwitchLightStatement } from '../../utils/utilities';\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((props, ref) => {\n return (_jsx(CardStandardWrapperStyled, { isBorderRadius: props.isBorderRadius, ref: ref, children: _jsx(CardTypeOnlyStyled, { children: _jsx(CardTypeOnlyComponent, Object.assign({ isCompact: true }, props)) }) }));\n});\n/\n @description Hero Image Card styling definition based on props\n */\nconst CardTypeOnlyStyled = styled(MuiCard) `\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 }\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//# sourceMappingURL=cardTypeOnly.js.map"],"names":["CardTypeOnly","forwardRef","props","ref","_jsx","CardStandardWrapperStyled","isBorderRadius","children","CardTypeOnlyStyled","CardTypeOnlyComponent","default","Object","assign","isCompact","styled","MuiCard","emptyCardText","theme","palette","onSurface","os0","lightOpacity","darkOpacity","text","primary","shape","borderRadius","cardTypeOnlyText","breakpoints","values","xl","md","opacityLayerSwitchLightStatement","opacityLayerSwitchDarkStatement"],"mappings":"8UAcY,MAACA,EAAeC,EAAUA,YAAC,CAACC,EAAOC,IACnCC,MAAKC,EAAAA,0BAA2B,CAAEC,eAAgBJ,EAAMI,eAAgBH,IAAKA,EAAKI,SAAUH,EAAAA,IAAKI,EAAoB,CAAED,SAAUH,EAAAA,IAAKK,EAAqBC,QAAEC,OAAOC,OAAO,CAAEC,WAAW,GAAQX,UAKtMM,EAAqBM,EAAAA,QAAOC,EAAOL,QAAE;;;;;;IAMtCR,IACD,GAAIA,EAAMK,SAASL,MAAMc,cACrB,MAAO,wBACV;;sBAGkBd,GACZA,EAAMe,MAAMC,QAAQC,UAAUC;;WAG7BlB,GACkC,aAAtCA,EAAMK,SAASL,MAAMmB,cAAoE,aAArCnB,EAAMK,SAASL,MAAMoB,YAClEpB,EAAMe,MAAMC,QAAQK,KAAKC,QAEU,aAArCtB,EAAMK,SAASL,MAAMoB,YACnBpB,EAAMe,MAAMC,QAAQC,UAAUC,SADpC;;IAKJlB,IACD,GAAIA,EAAMe,MAAMQ,MAAMC,aAClB,MAAO,mBACV;;IAGAxB,IACD,GAAIA,EAAMK,SAASL,MAAMI,eACrB,MAAO,qBACV;;;MAIEJ,IACH,GAAIA,EAAMK,SAASL,MAAMyB,iBACrB,MAAO,yBACV;;;;2BAKuBzB,GAAUA,EAAMe,MAAMW,YAAYC,OAAOC;;;;;;;;;;;;;;;yBAe3C5B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;;;;yBAYzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;;;2BASvC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;2BAGzC7B,GAAUA,EAAMe,MAAMW,YAAYC,OAAOE;;;;;;;MAO9D7B,GACI8B,EAAAA,iCAAiC9B,EAAMK,SAASL,MAAMmB,aAAc;;MAGxEnB,GACI+B,EAAAA,gCAAgC/B,EAAMK,SAASL,MAAMoB,YAAa;;"}

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

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import { EmblaCarouselType, EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
+import { IconNameProp } from '@/src/components';
 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%.
@@ -80,7 +81,7 @@ export type CarouselPropType = {
     /**
      * next control icon.
      */
-    nextControlIcon?: string;
+    nextControlIcon?: IconNameProp;
     /**
      * Label of numbering length sliders.
      */
@@ -96,7 +97,7 @@ export type CarouselPropType = {
     /**
      * previous control icon.
      */
-    prevControlIcon?: string;
+    prevControlIcon?: IconNameProp;
     /**
      * Progress bar status, if true the progress bar will be visible. Default is false.
      */

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

@@ -1,8 +1,9 @@
 import React from 'react';
 import { EmblaCarouselType } from 'embla-carousel-react';
+import { IconNameProp } from '@/src/components';
 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: string, nextControlIcon: string, controlIconStyle: any, controlIconFontSize: any, controlVariant: any, controlColor: 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/carousel2/cardCarousel/cardCarousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("../hooks/useEmbla.js"),o=require("../hooks/useDefaultProps.js"),t=require("@mui/material");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("../../../components/banner/banner.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js");var s=require("../../../components/container/container.js");require("../../../components/controls/controls.js"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("tslib"),require("@mui/material/Grid"),require("../../../components/icon/icon.js"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../../components/mobileStepper/mobileStepper.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/numbering/numbering.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("react"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("lodash/noop"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../../design/skoda/palette.theme.js"),require("../../../design/skoda/components/tabs/tabs.theme.js"),require("../../../design/skoda/components/autocomplete.theme.js"),require("../../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../../design/skoda/theme.breakpoints.js"),require("../../../design/skoda/theme.constants.js"),require("../../../design/skoda/components/divider.theme.js"),require("../../../design/skoda/components/drawer.theme.js"),require("../../../design/skoda/components/icon.theme.js"),require("../../../design/skoda/components/mobileStepper.theme.js"),require("../../../design/skoda/components/modal.theme.js"),require("../../../design/skoda/components/pagination.theme.js"),require("../../../design/skoda/components/slider.theme.js"),require("../../../design/skoda/components/snackbar.theme.js"),require("../../../design/skoda/components/tooltip.theme.js"),require("../../../design/skoda/components/accordion/accordionSummary.theme.js"),require("@mui/x-date-pickers/internals"),require("react-use"),require("../../cardOwnedVehicle/cardOwnedVehicle.js"),require("../../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../cardPhotoFixed/cardPhotoFixed.js"),require("../../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../common/styled/cardStandardWrapperStyled.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../maps/utils/mapIcons.js"),require("../../maps/mapComponents/mapStyled.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("lodash/merge");var n=require("../components/ItemsContainer.js"),i=require("../components/ViewPort.js"),a=require("../components/NavButton.js"),u=require("../hooks/useContainerPeek.js");require("../galleryCarousel/galleryContext.js"),require("../galleryCarousel/galleryItemContext.js"),require("../heroCarousel/heroCarouselContext.js");var c=require("../components/ScrollSnapDots.js");require("../../notification/Notification.js"),require("../../notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("../../../layout/Footer/FooterNavItem.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../production/Button.js"),require("minimatch");exports.CardCarousel=l=>{const d=o.useDefaultProps(l),[m,p]=r.useEmbla(d),{containerLeft:q,peekNextOnHover:j,peekPrevOnHover:h,resetPeek:g}=u.useContainerPeek(p,d.direction);return e.jsxs(t.Box,{className:"card-carousel",position:"relative",dir:d.direction,"data-testid":"CardCarousel","data-state":null==p?void 0:p.selectedScrollSnap(),sx:{overflow:"hidden"},children:[e.jsx(t.Stack,{component:s.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:e.jsxs(i.ViewPort,{emblaRef:m,sx:{height:d.height,width:"100%"},children:[e.jsx(n.ItemsContainer,{sx:{left:q,gap:"24px","&>*":{flexBasis:"inherit",flexGrow:0,flexShrink:0}},children:d.children}),e.jsx(a.NavButton,{color:"dark",direction:d.direction,emblaApi:p,type:"prev",onMouseEnter:h,onMouseLeave:g,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}}),e.jsx(a.NavButton,{color:"dark",direction:d.direction,emblaApi:p,type:"next",onMouseEnter:j,onMouseLeave:g,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}})]})}),e.jsx(c.ScrollSnapDots,{emblaApi:p})]})};
+"use strict";var e=require("react/jsx-runtime"),o=require("../hooks/useEmbla.js"),r=require("../hooks/useDefaultProps.js"),t=require("@mui/material"),n=require("../components/ViewPort.js"),s=require("../components/ItemsContainer.js"),i=require("../components/NavButton.js"),a=require("../hooks/useContainerPeek.js"),l=require("../components/ScrollSnapDots.js");exports.CardCarousel=u=>{const c=r.useDefaultProps(u),[p,d]=o.useEmbla(c),{containerLeft:x,peekNextOnHover:m,peekPrevOnHover:h,resetPeek:j}=a.useContainerPeek(d,c.direction);return e.jsxs(t.Box,{className:"card-carousel",position:"relative",dir:c.direction,"data-testid":"CardCarousel","data-state":null==d?void 0:d.selectedScrollSnap(),sx:{overflow:"hidden"},children:[e.jsx(t.Stack,{component:t.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:e.jsxs(n.ViewPort,{emblaRef:p,sx:{height:c.height,width:"100%"},children:[e.jsx(s.ItemsContainer,{sx:{left:x,gap:"24px","&>*":{flexBasis:"inherit",flexGrow:0,flexShrink:0}},children:c.children}),e.jsx(i.NavButton,{color:"dark",direction:c.direction,emblaApi:d,type:"prev",onMouseEnter:h,onMouseLeave:j,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}}),e.jsx(i.NavButton,{color:"dark",direction:c.direction,emblaApi:d,type:"next",onMouseEnter:m,onMouseLeave:j,sx:{top:0,bottom:"30px","& button":{backgroundColor:"#F1F1F1 !important"}}})]})}),e.jsx(l.ScrollSnapDots,{emblaApi:d})]})};
 //# sourceMappingURL=cardCarousel.js.map

package/cjs/organisms/carousel2/cardCarousel/cardCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"cardCarousel.js","sources":["../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Stack } from '@mui/material';\nimport { ~~Container } from '../../../components';\nimport {~~ ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\nexport const CardCarousel = (inProps) => {\n const props = useDefaultProps(inProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n height: props.height,\n width: '100%',\n }, children: [_jsx(ItemsContainer, { sx: {\n left: containerLeft,\n gap: '24px',\n '&>*': {\n flexBasis: 'inherit',\n flexGrow: 0,\n flexShrink: 0,\n },\n }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n top: 0,\n bottom: '30px',\n '& button': {\n backgroundColor: '#F1F1F1 !important',\n },\n } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n top: 0,\n bottom: '30px',\n '& button': {\n backgroundColor: '#F1F1F1 !important',\n },\n } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"~~qgMAU6BA~~,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}
1	+ {"version":3,"file":"cardCarousel.js","sources":["../../../../../src/organisms/carousel2/cardCarousel/cardCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useEmbla } from '../hooks/useEmbla';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { Box, Container, Stack } from '@mui/material';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { NavButton } from '../components/NavButton';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { ScrollSnapDots } from '../components/ScrollSnapDots';\nexport const CardCarousel = (inProps) => {\n const props = useDefaultProps(inProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n return (_jsxs(Box, { className: \"card-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"CardCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.selectedScrollSnap(), sx: { overflow: 'hidden' }, children: [_jsx(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: _jsxs(ViewPort, { emblaRef: emblaRef, sx: {\n height: props.height,\n width: '100%',\n }, children: [_jsx(ItemsContainer, { sx: {\n left: containerLeft,\n gap: '24px',\n '&>*': {\n flexBasis: 'inherit',\n flexGrow: 0,\n flexShrink: 0,\n },\n }, children: props.children }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n top: 0,\n bottom: '30px',\n '& button': {\n backgroundColor: '#F1F1F1 !important',\n },\n } }), _jsx(NavButton, { color: \"dark\", direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n top: 0,\n bottom: '30px',\n '& button': {\n backgroundColor: '#F1F1F1 !important',\n },\n } })] }) }), _jsx(ScrollSnapDots, { emblaApi: emblaApi })] }));\n};\n//# sourceMappingURL=cardCarousel.js.map"],"names":["inProps","props","useDefaultProps","emblaRef","emblaApi","useEmbla","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","direction","_jsxs","jsxs","Box","className","position","dir","selectedScrollSnap","sx","overflow","children","_jsx","Stack","component","Container","spacing","fixed","height","ViewPort","width","ItemsContainer","left","gap","flexBasis","flexGrow","flexShrink","jsx","NavButton","color","type","onMouseEnter","onMouseLeave","top","bottom","backgroundColor","ScrollSnapDots"],"mappings":"8XAS6BA,IACzB,MAAMC,EAAQC,kBAAgBF,IACvBG,EAAUC,GAAYC,EAAQA,SAACJ,IAChCK,cAAEA,EAAaC,gBAAEA,EAAeC,gBAAEA,EAAeC,UAAEA,GAAcC,EAAAA,iBAAiBN,EAAUH,EAAMU,WACxG,OAAQC,EAAKC,KAACC,MAAK,CAAEC,UAAW,gBAAiBC,SAAU,WAAYC,IAAKhB,EAAMU,UAAW,cAAe,eAAgB,aAAcP,aAA2C,EAASA,EAASc,qBAAsBC,GAAI,CAAEC,SAAU,UAAYC,SAAU,CAACC,MAAKC,EAAAA,MAAO,CAAEC,UAAWC,EAASA,UAAEC,QAAS,EAAGC,OAAO,EAAMR,GAAI,CAAES,OAAQ,QAAUP,SAAUT,OAAMiB,EAAAA,SAAU,CAAE1B,SAAUA,EAAUgB,GAAI,CACzXS,OAAQ3B,EAAM2B,OACdE,MAAO,QACRT,SAAU,CAACC,EAAAA,IAAKS,EAAcA,eAAE,CAAEZ,GAAI,CAC7Ba,KAAM1B,EACN2B,IAAK,OACL,MAAO,CACHC,UAAW,UACXC,SAAU,EACVC,WAAY,IAEjBf,SAAUpB,EAAMoB,WAAaC,EAAIe,IAACC,YAAW,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAcjC,EAAiBkC,aAAcjC,EAAWU,GAAI,CACvLwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,yBAEnBvB,EAAAA,IAAKgB,EAASA,UAAE,CAAEC,MAAO,OAAQ5B,UAAWV,EAAMU,UAAWP,SAAUA,EAAUoC,KAAM,OAAQC,aAAclC,EAAiBmC,aAAcjC,EAAWU,GAAI,CAC7JwB,IAAK,EACLC,OAAQ,OACR,WAAY,CACRC,gBAAiB,8BAEZvB,EAAIe,IAACS,iBAAgB,CAAE1C,SAAUA,MAAiB"}

package/cjs/organisms/carousel2/carousel2.d.ts CHANGED Viewed

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { EmblaOptionsType } from 'embla-carousel-react';
 import { ControllerSize, ControlVariant, DarkLightOptions, IconsStyle } from '../../utils/types';
 import { ResponsiveType } from '../../utils/ResponsiveType';
+import { IconNameProp } from '@/src/components';
 export type Carousel2Props = {
     /**
      * 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%.
@@ -98,11 +99,11 @@ export type Carousel2Props = {
         /**
          * previous control icon.
          */
-        prevIcon?: string;
+        prevIcon?: IconNameProp;
         /**
          * next control icon.
          */
-        nextIcon?: string;
+        nextIcon?: IconNameProp;
         /**
          * Definition of height or clickable area for buttons next and prev. value should be in "px" or "%".
          */

package/cjs/organisms/carousel2/components/NavButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("../../../components/banner/banner.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container");var i=require("../../../components/controls/controls.js");require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/icon/icon.js"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("../../../components/mobileStepper/mobileStepper.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/numbering/numbering.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js");var n=require("lodash/noop");function s(e){return e&&e.__esModule?e:{default:e}}require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("@mui/material/styles"),require("../../../design/skoda/palette.theme.js"),require("../../../design/skoda/components/tabs/tabs.theme.js"),require("../../../design/skoda/components/autocomplete.theme.js"),require("../../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../../design/skoda/theme.breakpoints.js"),require("../../../design/skoda/theme.constants.js"),require("../../../design/skoda/components/divider.theme.js"),require("../../../design/skoda/components/drawer.theme.js"),require("../../../design/skoda/components/icon.theme.js"),require("../../../design/skoda/components/mobileStepper.theme.js"),require("../../../design/skoda/components/modal.theme.js"),require("../../../design/skoda/components/pagination.theme.js"),require("../../../design/skoda/components/slider.theme.js"),require("../../../design/skoda/components/snackbar.theme.js"),require("../../../design/skoda/components/tooltip.theme.js"),require("../../../design/skoda/components/accordion/accordionSummary.theme.js"),require("@mui/x-date-pickers/internals"),require("react-use"),require("../../cardOwnedVehicle/cardOwnedVehicle.js"),require("../../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../cardPhotoFixed/cardPhotoFixed.js"),require("../../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../common/styled/cardStandardWrapperStyled.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../maps/utils/mapIcons.js"),require("../../maps/mapComponents/mapStyled.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("lodash/merge"),require("../galleryCarousel/galleryContext.js"),require("../galleryCarousel/galleryItemContext.js"),require("../heroCarousel/heroCarouselContext.js"),require("../../notification/Notification.js"),require("../../notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("../../../layout/Footer/FooterNavItem.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../production/Button.js"),require("minimatch");var a=s(n);const u=(e,r,o,i)=>{const[n,s]=t.useState(!1);return{hover:n,handleMouseEnter:t.useCallback((()=>{var t;if(e){const t="prev"===r?e.canScrollPrev():e.canScrollNext(),i="next"===r?e.canScrollPrev():e.canScrollNext();("rtl"===o?i:t)&&s(!0)}(null!==(t=null==i?void 0:i.onMouseEnter)&&void 0!==t?t:a.default)()}),[e,s,i,r,o]),handleMouseLeave:t.useCallback((()=>{var e;s(!1),(null!==(e=null==i?void 0:i.onMouseLeave)&&void 0!==e?e:a.default)()}),[i,s])}},l=(e,r,o)=>t.useCallback((()=>{"prev"===o&&("ltr"===r?e.scrollPrev():e.scrollNext()),"next"===o&&("ltr"===r?e.scrollNext():e.scrollPrev())}),[e,r,o]);exports.NavButton=n=>{var{emblaApi:s,type:a,color:c,style:d,variant:m,onMouseEnter:p,onMouseLeave:j,direction:q}=n,g=e.__rest(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const b=l(s,q,a),[h,M]=t.useState(!0),{hover:v,handleMouseEnter:y,handleMouseLeave:x}=u(s,a,q,{onMouseEnter:p,onMouseLeave:j});return t.useEffect((()=>{if(s){const e=()=>{const e="prev"===a?s.canScrollPrev():s.canScrollNext(),r="next"===a?s.canScrollPrev():s.canScrollNext();M(!("rtl"===q?r:e))};s.on("scroll",e),e()}}),[s,a,q]),r.jsx(o.Box,{sx:{cursor:v?`url(${"next"===a?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:r.jsx(o.Box,Object.assign({},g,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===a?"0px":void 0,right:"next"===a?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===a?"15px":void 0,xl:"prev"===a?"34px":void 0},right:{sm:"next"===a?"15px":void 0,xl:"next"===a?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:v?"hidden":void 0}},g.sx),onMouseEnter:y,onMouseLeave:x,children:r.jsx(i.Controller,{controlType:"prev"===a?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=m?m:"standard",onClickCallback:b,isDisabled:h,customHeight:"100%"})}))})};
+"use strict";var e=require("tslib"),r=require("react/jsx-runtime"),o=require("@mui/material"),t=require("react");require("../../../components/accordion/accordion.js"),require("../../../components/backdrop/backdrop.js"),require("../../../components/button/button.js"),require("@mui/material/styles"),require("../../../design/skoda/palette.theme.js"),require("../../../design/skoda/components/accordion/accordionSummary.theme.js"),require("../../../design/skoda/components/autocomplete.theme.js"),require("../../../design/skoda/components/backdrop.theme.js"),require("@skodaflow/web-tokens/src/tokens.json"),require("@mui/system"),require("../../../design/skoda/theme.breakpoints.js"),require("../../../design/skoda/theme.constants.js"),require("@mui/x-date-pickers/internals"),require("../../../design/skoda/components/divider.theme.js"),require("../../../design/skoda/components/drawer.theme.js"),require("../../../design/skoda/components/form/slider.theme.js"),require("../../../design/skoda/components/icon.theme.js"),require("../../../design/skoda/components/mobileStepper.theme.js"),require("../../../design/skoda/components/modal.theme.js"),require("../../../design/skoda/components/pagination.theme.js"),require("../../../design/skoda/components/snackbar.theme.js"),require("../../../design/skoda/components/stepper/stepIcon/errorStepIcon.js"),require("../../../design/skoda/components/stepper/stepIcon/qontoStepIcon.js"),require("../../../design/skoda/components/tabs/tabs.theme.js"),require("../../../design/skoda/components/tooltip.theme.js"),require("react-use"),require("../../cardOwnedVehicle/cardOwnedVehicle.js"),require("../../cardPhotoAdjustable/cardPhotoAdjustable.js"),require("../../cardPhotoFixed/cardPhotoFixed.js"),require("../../cardPromoVehicle/cardPromoVehicleComponent.js"),require("../../common/styled/cardStandardWrapperStyled.js"),require("../../cardTypeOnly/cardTypeOnly.js"),require("embla-carousel-react"),require("embla-carousel-class-names"),require("embla-carousel-autoplay"),require("../../carousel/styledComponents/styledCarouselHorizontal.js"),require("../../carousel/styledComponents/styledCarouselVertical.js");var i=require("../../../components/controls/controls.js");require("../../../components/numbering/numbering.js"),require("../../../utils/enum.js"),require("../../heroImageCard/heroImageCard.js"),require("@googlemaps/react-wrapper"),require("@googlemaps/markerclusterer"),require("../../maps/utils/mapIcons.js"),require("../../maps/mapComponents/mapStyled.js"),require("../../shortcutLink/shortcutLink.js"),require("../../textCta/textCta.js"),require("../../tile/tile.js"),require("lodash/merge");var n=require("lodash/noop");function s(e){return e&&e.__esModule?e:{default:e}}require("../galleryCarousel/galleryContext.js"),require("../galleryCarousel/galleryItemContext.js"),require("../heroCarousel/heroCarouselContext.js"),require("../../notification/Notification.js"),require("../../notification/NotificationCenter.js"),require("../../../layout/Header/HeaderContext.js"),require("../../../layout/Header/HeaderButton.js"),require("../../../layout/Header/HeaderNavigationHero.js"),require("../../../layout/Header/HeaderNavigationLink.js"),require("../../../layout/Header/HeaderNavigationMenu.js"),require("../../../layout/Header/PredefinedHeaderButtons.js"),require("../../../layout/Header/HeaderOverheadItem.js"),require("../../../components/icon/icon.js"),require("../../../components/icon/icon.definitions.js"),require("../../../layout/SideMenu/SideMenuItem.js"),require("@mui/material/Unstable_Grid2"),require("react-keyed-flatten-children"),require("../../../layout/SecondaryNavigation/SecondaryNavigationCta.js"),require("../../../layout/SecondaryNavigation/SecondaryNavigationItem.js"),require("../../../production/Button/Button.js"),require("../../../components/cardContainer/cardContainer.js"),require("../../../components/cardMenu/cardMenu.js"),require("../../../components/checkbox/checkbox.js"),require("../../../components/chip/chipImage/chipImage.js"),require("../../../components/chip/regular/chip.js"),require("../../../components/chip/chipMultiselect/multiSelectChip.js"),require("../../../components/chip/chipDropdownChildren/chipDropdownChildren.js"),require("@mui/material/Container"),require("../../../components/divider/divider.js"),require("../../../components/drawer/drawer.js"),require("../../../components/flag/flag.js"),require("@mui/material/Grid"),require("../../../components/indicator/indicator.js"),require("../../../components/label/label.js"),require("../../../components/labelCO2/labelCO2.js"),require("../../../components/labelFeature/labelFeature.js"),require("../../../components/labelPromotional/labelPromotional.js"),require("../../../components/labelStatus/labelStatus.js"),require("../../../components/menu/menu.js"),require("@mui/material/MenuItem"),require("@mui/material/MobileStepper"),require("../../../components/mobileStepper/mobileStepperButton.js"),require("../../../components/modal/modal.js"),require("../../../components/modal/modalTitle.js"),require("../../../components/pagination/pagination.js"),require("../../../components/progressBar/progressBar.js"),require("../../../components/radioButton/radioButton.js"),require("../../../components/selectInput/selectInput.js"),require("../../../components/slider/slider.js"),require("../../../components/snackbar/snackbar.js"),require("../../../components/stepper/stepper.js"),require("../../../components/tab/tab.js"),require("../../../components/tab/tabs.js"),require("../../../components/tab/secondaryNavigation/secondaryNavigationTabs.js"),require("../../../components/textArea/textArea.js"),require("../../../components/common/styled/textFieldStyled.js"),require("../../../components/helperTextContent/index.js"),require("../../../components/toggleSwitch/toggleSwitch.js"),require("../../../components/agGrid/agGrid.js"),require("../../../components/avatar/Avatar.js"),require("../../../components/iconButton/index.js"),require("../../../components/alert/AlertButton.js"),require("../../gallery/Gallery.js"),require("../../gallery/GalleryItem.js"),require("minimatch");var a=s(n);const u=(e,r,o,i)=>{const[n,s]=t.useState(!1);return{hover:n,handleMouseEnter:t.useCallback((()=>{var t;if(e){const t="prev"===r?e.canScrollPrev():e.canScrollNext(),i="next"===r?e.canScrollPrev():e.canScrollNext();("rtl"===o?i:t)&&s(!0)}(null!==(t=null==i?void 0:i.onMouseEnter)&&void 0!==t?t:a.default)()}),[e,s,i,r,o]),handleMouseLeave:t.useCallback((()=>{var e;s(!1),(null!==(e=null==i?void 0:i.onMouseLeave)&&void 0!==e?e:a.default)()}),[i,s])}},l=(e,r,o)=>t.useCallback((()=>{"prev"===o&&("ltr"===r?e.scrollPrev():e.scrollNext()),"next"===o&&("ltr"===r?e.scrollNext():e.scrollPrev())}),[e,r,o]);exports.NavButton=n=>{var{emblaApi:s,type:a,color:c,style:d,variant:m,onMouseEnter:p,onMouseLeave:j,direction:q}=n,g=e.__rest(n,["emblaApi","type","color","style","variant","onMouseEnter","onMouseLeave","direction"]);const b=l(s,q,a),[h,M]=t.useState(!0),{hover:v,handleMouseEnter:y,handleMouseLeave:I}=u(s,a,q,{onMouseEnter:p,onMouseLeave:j});return t.useEffect((()=>{if(s){const e=()=>{const e="prev"===a?s.canScrollPrev():s.canScrollNext(),r="next"===a?s.canScrollPrev():s.canScrollNext();M(!("rtl"===q?r:e))};s.on("scroll",e),e()}}),[s,a,q]),r.jsx(o.Box,{sx:{cursor:v?`url(${"next"===a?"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K":"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg=="}) 17 17, auto`:void 0},"data-testid":"Carousel.nav",children:r.jsx(o.Box,Object.assign({},g,{sx:Object.assign({position:"absolute",top:"33%",bottom:"33%",width:"10%",minWidth:"50px",left:"prev"===a?"0px":void 0,right:"next"===a?"0px":void 0,button:{position:"absolute !important",left:{sm:"prev"===a?"15px":void 0,xl:"prev"===a?"34px":void 0},right:{sm:"next"===a?"15px":void 0,xl:"next"===a?"34px":void 0},top:"50%",transform:"translate(0, -50%)","&:active":{transform:"translate(0, -50%) scale(0.95) !important"},visibility:v?"hidden":void 0}},g.sx),onMouseEnter:y,onMouseLeave:I,children:r.jsx(i.Controller,{controlType:"prev"===a?"arrow-left":"arrow-right",controllerColor:null!=c?c:"light",iconStyle:null!=d?d:"regular",controlVariant:null!=m?m:"standard",onClickCallback:b,isDisabled:h,customHeight:"100%"})}))})};
 //# sourceMappingURL=NavButton.js.map

package/cjs/organisms/carousel2/components/NavButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NavButton.js","sources":["../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n const handleScroll = useNavCallback(emblaApi, direction, type);\n const [disabled, setDisabled] = useState(true);\n const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n onMouseEnter,\n onMouseLeave,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n setDisabled(!canScroll);\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi, type, direction]);\n return (_jsx(Box, { sx: {\n cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n position: 'absolute !important',\n left: {\n sm: type === 'prev' ? '15px' : undefined,\n xl: type === 'prev' ? '34px' : undefined,\n },\n right: {\n sm: type === 'next' ? '15px' : undefined,\n xl: type === 'next' ? '34px' : undefined,\n },\n top: '50%',\n transform: 'translate(0, -50%)',\n '&:active': {\n transform: 'translate(0, -50%) scale(0.95) !important',\n },\n visibility: hover ? 'hidden' : undefined,\n } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n const [hover, setHover] = useState(false);\n const handleMouseEnter = useCallback(() => {\n var _a;\n if (api) {\n const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n if (canScroll) {\n setHover(true);\n }\n }\n ((_a = options === null \|\| options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n }, [api, setHover, options, type, direction]);\n const handleMouseLeave = useCallback(() => {\n var _a;\n setHover(false);\n ((_a = options === null \|\| options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n }, [options, setHover]);\n return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n return useCallback(() => {\n if (type === 'prev') {\n direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n }\n if (type === 'next') {\n direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n }\n }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","_a","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","onMouseEnter","noop","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"~~+vLAMA~~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"}
1	+ {"version":3,"file":"NavButton.js","sources":["../../../../../src/organisms/carousel2/components/NavButton.tsx"],"sourcesContent":["import { __rest } from \"tslib\";\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { Box } from '@mui/material';\nimport { useCallback, useEffect, useState } from 'react';\nimport { Controller } from '../../../components';\nimport noop from 'lodash/noop';\nconst nextCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNOC4xNDYgMTYuNDk2VjE5LjJIMjMuNzcyTDE2Ljg4MiAyNi4wMTJMMTguNTQ2IDI3LjY3NkwyOC4zNzQgMTcuODQ4TDE4LjU0NiA4LjAyTDE2Ljg4MiA5LjY4NEwyMy43NzIgMTYuNDk2SDguMTQ2WiIgZmlsbD0iIzE2MTcxOCIvPgo8L3N2Zz4K';\nconst prevCursor = 'data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzYiIGhlaWdodD0iMzYiIHZpZXdCb3g9IjAgMCAzNiAzNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGNpcmNsZSBjeD0iMTgiIGN5PSIxOCIgcj0iMTgiIGZpbGw9IndoaXRlIiBmaWxsLW9wYWNpdHk9IjAuOCIvPgo8cGF0aCBkPSJNMTkuMTE4IDI2LjAxMkwxMi4yMjggMTkuMkgyNy44NTRWMTYuNDk2SDEyLjIyOEwxOS4xMTggOS42ODRMMTcuNDU0IDguMDJMNy42MjYgMTcuODQ4TDE3LjQ1NCAyNy42NzZMMTkuMTE4IDI2LjAxMloiIGZpbGw9IiMxNjE3MTgiLz4KPC9zdmc+Cg==';\nexport const NavButton = (_a) => {\n var { emblaApi, type, color, style, variant, onMouseEnter, onMouseLeave, direction } = _a, rest = __rest(_a, [\"emblaApi\", \"type\", \"color\", \"style\", \"variant\", \"onMouseEnter\", \"onMouseLeave\", \"direction\"]);\n const handleScroll = useNavCallback(emblaApi, direction, type);\n const [disabled, setDisabled] = useState(true);\n const { hover, handleMouseEnter, handleMouseLeave } = useNavHoverEffect(emblaApi, type, direction, {\n onMouseEnter,\n onMouseLeave,\n });\n useEffect(() => {\n if (emblaApi) {\n const onScroll = () => {\n const canScrollLtr = type === 'prev' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScrollRtl = type === 'next' ? emblaApi.canScrollPrev() : emblaApi.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n setDisabled(!canScroll);\n };\n emblaApi.on('scroll', onScroll);\n onScroll();\n }\n }, [emblaApi, type, direction]);\n return (_jsx(Box, { sx: {\n cursor: hover ? `url(${type === 'next' ? nextCursor : prevCursor}) 17 17, auto` : undefined,\n }, \"data-testid\": \"Carousel.nav\", children: _jsx(Box, Object.assign({}, rest, { sx: Object.assign({ position: 'absolute', top: '33%', bottom: '33%', width: '10%', minWidth: '50px', left: type === 'prev' ? '0px' : undefined, right: type === 'next' ? '0px' : undefined, button: {\n position: 'absolute !important',\n left: {\n sm: type === 'prev' ? '15px' : undefined,\n xl: type === 'prev' ? '34px' : undefined,\n },\n right: {\n sm: type === 'next' ? '15px' : undefined,\n xl: type === 'next' ? '34px' : undefined,\n },\n top: '50%',\n transform: 'translate(0, -50%)',\n '&:active': {\n transform: 'translate(0, -50%) scale(0.95) !important',\n },\n visibility: hover ? 'hidden' : undefined,\n } }, rest.sx), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: _jsx(Controller, { controlType: type === 'prev' ? 'arrow-left' : 'arrow-right', controllerColor: color !== null && color !== void 0 ? color : 'light', iconStyle: style !== null && style !== void 0 ? style : 'regular', controlVariant: variant !== null && variant !== void 0 ? variant : 'standard', onClickCallback: handleScroll, isDisabled: disabled, customHeight: '100%' }) })) }));\n};\nconst useNavHoverEffect = (api, type, direction, options) => {\n const [hover, setHover] = useState(false);\n const handleMouseEnter = useCallback(() => {\n var _a;\n if (api) {\n const canScrollLtr = type === 'prev' ? api.canScrollPrev() : api.canScrollNext();\n const canScrollRtl = type === 'next' ? api.canScrollPrev() : api.canScrollNext();\n const canScroll = direction === 'rtl' ? canScrollRtl : canScrollLtr;\n if (canScroll) {\n setHover(true);\n }\n }\n ((_a = options === null \|\| options === void 0 ? void 0 : options.onMouseEnter) !== null && _a !== void 0 ? _a : noop)();\n }, [api, setHover, options, type, direction]);\n const handleMouseLeave = useCallback(() => {\n var _a;\n setHover(false);\n ((_a = options === null \|\| options === void 0 ? void 0 : options.onMouseLeave) !== null && _a !== void 0 ? _a : noop)();\n }, [options, setHover]);\n return { hover, handleMouseEnter, handleMouseLeave };\n};\nconst useNavCallback = (api, direction, type) => {\n return useCallback(() => {\n if (type === 'prev') {\n direction === 'ltr' ? api.scrollPrev() : api.scrollNext();\n }\n if (type === 'next') {\n direction === 'ltr' ? api.scrollNext() : api.scrollPrev();\n }\n }, [api, direction, type]);\n};\n//# sourceMappingURL=NavButton.js.map"],"names":["useNavHoverEffect","api","type","direction","options","hover","setHover","useState","handleMouseEnter","useCallback","_a","canScrollLtr","canScrollPrev","canScrollNext","canScrollRtl","onMouseEnter","noop","handleMouseLeave","onMouseLeave","useNavCallback","scrollPrev","scrollNext","emblaApi","color","style","variant","rest","__rest","handleScroll","disabled","setDisabled","useEffect","onScroll","on","_jsx","jsx","Box","sx","cursor","undefined","children","Object","assign","position","top","bottom","width","minWidth","left","right","button","sm","xl","transform","visibility","Controller","controlType","controllerColor","iconStyle","controlVariant","onClickCallback","isDisabled","customHeight"],"mappings":"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"}

package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),n=require("../components/ViewPort.js"),o=require("../components/ItemsContainer.js"),s=require("../hooks/useContainerPeek.js"),a=require("../../../components/container/container.js"),l=require("../components/NavButton.js"),u=require("@mui/material"),d=require("../components/Numbering.js"),c=require("../../../utils/enum.js"),h=require("lodash/merge"),p=require("./heroCarouselContext.js");function x(e){return e&&e.__esModule?e:{default:e}}var m=x(h);const g={direction:"ltr"},v=(e,r,i,n)=>{const o=u.useMediaQuery((e=>e.breakpoints.only("sm"))),s=u.useMediaQuery((e=>e.breakpoints.only("xs"))),[a,l]=t.useState(),[d,c]=t.useState(),h=t.useCallback((()=>{var t,o;if(e){const e=i.getBoundingClientRect(),s=null==r?void 0:r.getBoundingClientRect();l({md:`${"ltr"===n?e.right:e.left-90}px`,sm:("ltr"===n?e.right-50:e.left-50)+"px",xs:`${"ltr"===n?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(t=null==s?void 0:s.height)&&void 0!==t?t:0)+20}px`,xs:e.height+(null!==(o=null==s?void 0:s.height)&&void 0!==o?o:0)-25+"px"})}}),[e,c,l,o,s,window.innerWidth,n]);return t.useEffect(h,[h]),t.useEffect((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:d,left:a,right:"inherit",backgroundColor:s?"#000000BF !important":"transparent",".total-container":{color:s?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:s?"#FFFFFF !important":"#161718 !important"}}};exports.HeroCarousel=h=>{const x=m.default({},g,h),f=r.useDefaultProps(x),[j,b]=i.useEmbla(f),C=t.useRef(null),q=t.useRef(null),{containerLeft:w,peekNextOnHover:y,peekPrevOnHover:k,resetPeek:E}=s.useContainerPeek(b,f.direction),[B,F]=t.useState(null),A=v(b,C.current,q.current,f.direction);return e.jsx(p.HeroCarouselContext.Provider,{value:{emblaApi:b,activeFooter:B,setActiveFooter:F},children:e.jsxs(u.Box,{className:"hero-carousel",position:"relative",dir:f.direction,"data-testid":"HeroCarousel","data-state":null==b?void 0:b.slidesInView(),sx:{overflow:"hidden"},children:[e.jsxs(u.Stack,{component:a.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:[x.heading&&e.jsx(u.Box,{ref:C,"data-testid":"HeroCarousel.heading",children:"string"==typeof x.heading?e.jsx(u.Typography,{variant:"h1",children:x.heading}):x.heading}),e.jsxs(n.ViewPort,{emblaRef:e=>{j(e),q.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:f.height},children:[e.jsx(o.ItemsContainer,{left:w,sx:{gap:"24px"},children:f.children}),e.jsx(l.NavButton,{direction:f.direction,emblaApi:b,type:"prev",onMouseEnter:k,onMouseLeave:E,sx:{width:"21%",button:{visibility:"hidden"}}}),e.jsx(l.NavButton,{direction:f.direction,emblaApi:b,type:"next",onMouseEnter:y,onMouseLeave:E,sx:{width:"30%",button:{visibility:"hidden"}}})]}),B&&e.jsx(u.Box,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof B?e.jsx(u.Typography,{children:B}):B})]}),!1!==x.numbering&&e.jsx(d.Numbering,{sx:A,emblaApi:b,separator:f.numberingSeparator,color:c.NumberingColors.DARK,size:c.NumberingSizes.LARGE,direction:f.direction})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("../hooks/useDefaultProps.js"),i=require("../hooks/useEmbla.js"),n=require("../components/ViewPort.js"),o=require("../components/ItemsContainer.js"),s=require("../hooks/useContainerPeek.js"),a=require("../components/NavButton.js"),l=require("@mui/material"),u=require("../components/Numbering.js"),d=require("../../../utils/enum.js"),c=require("lodash/merge"),h=require("./heroCarouselContext.js");function p(e){return e&&e.__esModule?e:{default:e}}var x=p(c);const m={direction:"ltr"},g=(e,r,i,n)=>{const o=l.useMediaQuery((e=>e.breakpoints.only("sm"))),s=l.useMediaQuery((e=>e.breakpoints.only("xs"))),[a,u]=t.useState(),[d,c]=t.useState(),h=t.useCallback((()=>{var t,o;if(e){const e=i.getBoundingClientRect(),s=null==r?void 0:r.getBoundingClientRect();u({md:`${"ltr"===n?e.right:e.left-90}px`,sm:("ltr"===n?e.right-50:e.left-50)+"px",xs:`${"ltr"===n?e.right-100:e.left+10}px`}),c({sm:`${e.height+(null!==(t=null==s?void 0:s.height)&&void 0!==t?t:0)+20}px`,xs:e.height+(null!==(o=null==s?void 0:s.height)&&void 0!==o?o:0)-25+"px"})}}),[e,c,u,o,s,window.innerWidth,n]);return t.useEffect(h,[h]),t.useEffect((()=>{const t=()=>h();return window.addEventListener("resize",t),e&&e.on("select",t),()=>{window.removeEventListener("resize",t),e&&e.off("select",t)}}),[h,e]),{top:d,left:a,right:"inherit",backgroundColor:s?"#000000BF !important":"transparent",".total-container":{color:s?"##9E9FA0 !important":"#5A5B5C !important"},".separator-container":{color:"#E4E4E4 !important"},".index-container":{color:s?"#FFFFFF !important":"#161718 !important"}}};exports.HeroCarousel=c=>{const p=x.default({},m,c),v=r.useDefaultProps(p),[f,j]=i.useEmbla(v),b=t.useRef(null),C=t.useRef(null),{containerLeft:w,peekNextOnHover:y,peekPrevOnHover:k,resetPeek:q}=s.useContainerPeek(j,v.direction),[E,B]=t.useState(null),F=g(j,b.current,C.current,v.direction);return e.jsx(h.HeroCarouselContext.Provider,{value:{emblaApi:j,activeFooter:E,setActiveFooter:B},children:e.jsxs(l.Box,{className:"hero-carousel",position:"relative",dir:v.direction,"data-testid":"HeroCarousel","data-state":null==j?void 0:j.slidesInView(),sx:{overflow:"hidden"},children:[e.jsxs(l.Stack,{component:l.Container,spacing:3,fixed:!0,sx:{height:"100%"},children:[p.heading&&e.jsx(l.Box,{ref:b,"data-testid":"HeroCarousel.heading",children:"string"==typeof p.heading?e.jsx(l.Typography,{variant:"h1",children:p.heading}):p.heading}),e.jsxs(n.ViewPort,{emblaRef:e=>{f(e),C.current=e},sx:{width:{xl:"85%",md:"85%",sm:"95%",xs:"100%"},height:v.height},children:[e.jsx(o.ItemsContainer,{left:w,sx:{gap:"24px"},children:v.children}),e.jsx(a.NavButton,{direction:v.direction,emblaApi:j,type:"prev",onMouseEnter:k,onMouseLeave:q,sx:{width:"21%",button:{visibility:"hidden"}}}),e.jsx(a.NavButton,{direction:v.direction,emblaApi:j,type:"next",onMouseEnter:y,onMouseLeave:q,sx:{width:"30%",button:{visibility:"hidden"}}})]}),E&&e.jsx(l.Box,{sx:{width:{xl:"860px",lg:"740px",md:"100%"},paddingRight:{lg:"0px",sm:"130px"}},"data-testid":"HeroCarousel.footer",children:"string"==typeof E?e.jsx(l.Typography,{children:E}):E})]}),!1!==p.numbering&&e.jsx(u.Numbering,{sx:F,emblaApi:j,separator:v.numberingSeparator,color:d.NumberingColors.DARK,size:d.NumberingSizes.LARGE,direction:v.direction})]})})};
 //# sourceMappingURL=heroCarousel.js.map

package/cjs/organisms/carousel2/heroCarousel/heroCarousel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"heroCarousel.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { Container } from '../../../components/container';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n direction: 'ltr',\n};\nexport const HeroCarousel = (inProps) => {\n const heroProps = merge({}, HeroDefaultProps, inProps);\n const props = useDefaultProps(heroProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef(null);\n const viewportRef = useRef(null);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const [activeFooter, setActiveFooter] = useState(null);\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n emblaRef(e);\n viewportRef.current = e;\n }, sx: {\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n gap: '24px',\n }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n width: '21%',\n button: { visibility: 'hidden' },\n } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n width: '30%',\n button: { visibility: 'hidden' },\n } })] }), activeFooter && (_jsx(Box, { sx: {\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n const [x, setX] = useState();\n const [y, setY] = useState();\n const updateNumberingPosition = useCallback(() => {\n var _a, _b;\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef === null \|\| headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n setX({\n md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n });\n setY({\n sm: `${viewport.height + ((_a = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n xs: `${viewport.height + ((_b = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('select', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('select', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return {\n top: y,\n left: x,\n right: 'inherit',\n backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n '.total-container': {\n color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n },\n '.separator-container': {\n color: '#E4E4E4 !important',\n },\n '.index-container': {\n color: isXs ? '#FFFFFF !important' : '#161718 !important',\n },\n };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","merge","default","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","ref","Typography","variant","jsxs","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}
1	+ {"version":3,"file":"heroCarousel.js","sources":["../../../../../src/organisms/carousel2/heroCarousel/heroCarousel.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport { useDefaultProps } from '../hooks/useDefaultProps';\nimport { useEmbla } from '../hooks/useEmbla';\nimport { ViewPort } from '../components/ViewPort';\nimport { ItemsContainer } from '../components/ItemsContainer';\nimport { useContainerPeek } from '../hooks/useContainerPeek';\nimport { NavButton } from '../components/NavButton';\nimport { Box, Container, Stack, Typography, useMediaQuery } from '@mui/material';\nimport { Numbering } from '../components/Numbering';\nimport { NumberingColors, NumberingSizes } from '../../../utils/enum';\nimport merge from 'lodash/merge';\nimport { HeroCarouselContext } from './heroCarouselContext';\nconst HeroDefaultProps = {\n direction: 'ltr',\n};\nexport const HeroCarousel = (inProps) => {\n const heroProps = merge({}, HeroDefaultProps, inProps);\n const props = useDefaultProps(heroProps);\n const [emblaRef, emblaApi] = useEmbla(props);\n const headingRef = useRef(null);\n const viewportRef = useRef(null);\n const { containerLeft, peekNextOnHover, peekPrevOnHover, resetPeek } = useContainerPeek(emblaApi, props.direction);\n const [activeFooter, setActiveFooter] = useState(null);\n const numberingStyles = useNumberingStyles(emblaApi, headingRef.current, viewportRef.current, props.direction);\n return (_jsx(HeroCarouselContext.Provider, { value: { emblaApi, activeFooter, setActiveFooter }, children: _jsxs(Box, { className: \"hero-carousel\", position: \"relative\", dir: props.direction, \"data-testid\": \"HeroCarousel\", \"data-state\": emblaApi === null \|\| emblaApi === void 0 ? void 0 : emblaApi.slidesInView(), sx: { overflow: 'hidden' }, children: [_jsxs(Stack, { component: Container, spacing: 3, fixed: true, sx: { height: '100%' }, children: [heroProps.heading && (_jsx(Box, { ref: headingRef, \"data-testid\": \"HeroCarousel.heading\", children: typeof heroProps.heading === 'string' ? (_jsx(Typography, { variant: \"h1\", children: heroProps.heading })) : (heroProps.heading) })), _jsxs(ViewPort, { emblaRef: (e) => {\n emblaRef(e);\n viewportRef.current = e;\n }, sx: {\n width: {\n xl: '85%',\n md: '85%',\n sm: '95%',\n xs: '100%',\n },\n height: props.height,\n }, children: [_jsx(ItemsContainer, { left: containerLeft, sx: {\n gap: '24px',\n }, children: props.children }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"prev\", onMouseEnter: peekPrevOnHover, onMouseLeave: resetPeek, sx: {\n width: '21%',\n button: { visibility: 'hidden' },\n } }), _jsx(NavButton, { direction: props.direction, emblaApi: emblaApi, type: \"next\", onMouseEnter: peekNextOnHover, onMouseLeave: resetPeek, sx: {\n width: '30%',\n button: { visibility: 'hidden' },\n } })] }), activeFooter && (_jsx(Box, { sx: {\n width: {\n xl: '860px',\n lg: '740px',\n md: '100%',\n },\n paddingRight: {\n lg: '0px',\n sm: '130px',\n },\n }, \"data-testid\": \"HeroCarousel.footer\", children: typeof activeFooter === 'string' ? _jsx(Typography, { children: activeFooter }) : activeFooter }))] }), heroProps.numbering !== false && (_jsx(Numbering, { sx: numberingStyles, emblaApi: emblaApi, separator: props.numberingSeparator, color: NumberingColors.DARK, size: NumberingSizes.LARGE, direction: props.direction }))] }) }));\n};\n/* eslint-disable sonarjs/cognitive-complexity */\nconst useNumberingStyles = (emblaApi, headingRef, viewportRef, direction) => {\n const isSm = useMediaQuery((theme) => theme.breakpoints.only('sm'));\n const isXs = useMediaQuery((theme) => theme.breakpoints.only('xs'));\n const [x, setX] = useState();\n const [y, setY] = useState();\n const updateNumberingPosition = useCallback(() => {\n var _a, _b;\n if (emblaApi) {\n const viewport = viewportRef.getBoundingClientRect();\n const heading = headingRef === null \|\| headingRef === void 0 ? void 0 : headingRef.getBoundingClientRect();\n setX({\n md: `${direction === 'ltr' ? viewport.right : viewport.left - 90}px`,\n sm: `${direction === 'ltr' ? viewport.right - 50 : viewport.left - 50}px`,\n xs: `${direction === 'ltr' ? viewport.right - 100 : viewport.left + 10}px`,\n });\n setY({\n sm: `${viewport.height + ((_a = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _a !== void 0 ? _a : 0) + 20}px`,\n xs: `${viewport.height + ((_b = heading === null \|\| heading === void 0 ? void 0 : heading.height) !== null && _b !== void 0 ? _b : 0) - 25}px`,\n });\n }\n }, [emblaApi, setY, setX, isSm, isXs, window.innerWidth, direction]);\n useEffect(updateNumberingPosition, [updateNumberingPosition]);\n useEffect(() => {\n const e = () => updateNumberingPosition();\n window.addEventListener('resize', e);\n if (emblaApi) {\n emblaApi.on('select', e);\n }\n return () => {\n window.removeEventListener('resize', e);\n if (emblaApi) {\n emblaApi.off('select', e);\n }\n };\n }, [updateNumberingPosition, emblaApi]);\n return {\n top: y,\n left: x,\n right: 'inherit',\n backgroundColor: isXs ? '#000000BF !important' : 'transparent',\n '.total-container': {\n color: isXs ? '##9E9FA0 !important' : '#5A5B5C !important',\n },\n '.separator-container': {\n color: '#E4E4E4 !important',\n },\n '.index-container': {\n color: isXs ? '#FFFFFF !important' : '#161718 !important',\n },\n };\n};\n//# sourceMappingURL=heroCarousel.js.map"],"names":["HeroDefaultProps","direction","useNumberingStyles","emblaApi","headingRef","viewportRef","isSm","useMediaQuery","theme","breakpoints","only","isXs","x","setX","useState","y","setY","updateNumberingPosition","useCallback","_a","_b","viewport","getBoundingClientRect","heading","md","right","left","sm","xs","height","window","innerWidth","useEffect","e","addEventListener","on","removeEventListener","off","top","backgroundColor","color","inProps","heroProps","merge","default","props","useDefaultProps","emblaRef","useEmbla","useRef","containerLeft","peekNextOnHover","peekPrevOnHover","resetPeek","useContainerPeek","activeFooter","setActiveFooter","numberingStyles","current","_jsx","jsx","HeroCarouselContext","Provider","value","children","_jsxs","Box","className","position","dir","slidesInView","sx","overflow","Stack","component","Container","spacing","fixed","ref","Typography","variant","jsxs","ViewPort","width","xl","ItemsContainer","gap","NavButton","type","onMouseEnter","onMouseLeave","button","visibility","lg","paddingRight","numbering","Numbering","separator","numberingSeparator","NumberingColors","DARK","size","NumberingSizes","LARGE"],"mappings":"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"}

package/cjs/organisms/common/menuCardComponent/menuCardComponent.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js"),s=require("@emotion/styled"),o=require("../../../components/cardMenu/cardMenu.js");function i(e){return e&&e.__esModule?e:{default:e}}const u=i(s).default("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=s=>{var i=e.__rest(s,[]);const[a,c]=t.useState(!1),l=t.useRef(null),p=t.useCallback((()=>c(!0)),[]),d=t.useCallback((()=>c(!1)),[]);return r.jsxs(u,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:l,onClick:p,className:"more-vertical"}),r.jsx(o.CardMenu,Object.assign({},i,{open:a,onClose:d,anchorRef:l}))]})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("tslib"),r=require("react/jsx-runtime"),t=require("react"),n=require("../../../components/icon/icon.js");require("../../../components/icon/icon.definitions.js");var i=require("@emotion/styled"),o=require("../../../components/cardMenu/cardMenu.js");function s(e){return e&&e.__esModule?e:{default:e}}const u=s(i).default("div")((()=>{let e={};return e=Object.assign(Object.assign({},e),{position:"absolute",zIndex:4,cursor:"pointer",top:"24px",width:"20px",height:"30px",right:"24px","& > .MuiIcon-root":{width:"20px",height:"30px",fontSize:"20px"},"& > div":{marginRight:"40px"}}),e}));exports.default=i=>{var s=e.__rest(i,[]);const[c,a]=t.useState(!1),l=t.useRef(null),p=t.useCallback((()=>a(!0)),[]),d=t.useCallback((()=>a(!1)),[]);return r.jsxs(u,{className:"menuCardComponent",children:[r.jsx(n.Icon,{ref:l,onClick:p,name:"vertical"}),r.jsx(o.CardMenu,Object.assign({},s,{open:c,onClose:d,anchorRef:l}))]})};
 //# sourceMappingURL=menuCardComponent.js.map