@asante-org/leybold-design-system 1.2.1 → 1.3.0

package/dist/index.esm.js

@@ -3,7 +3,7 @@ import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
 import { faArrowLeft, faArrowLeftLong, faArrowRight, faArrowRightLong, faChevronRight, faChevronLeft, faArrowUpRightFromSquare, faGlobe, faXmark as faXmark$1 } from '@fortawesome/free-solid-svg-icons';
 import { faInstagram, faYoutube, faLinkedinIn, faXTwitter, faFacebookF } from '@fortawesome/free-brands-svg-icons';
 import { faChevronRight as faChevronRight$1, faArrowUpRightFromSquare as faArrowUpRightFromSquare$1 } from '@fortawesome/pro-solid-svg-icons';
-import { ProductDetailsCard, AlgoliaDynamicSearchRaw, QrForm } from '@asantemedia-org/edwardsvacuum-design-system';
+import { ProductDetailsCard, AlgoliaDynamicSearchRaw, QrForm } from '@asante-org/edwardsvacuum-design-system';
 
 function _extends() {
   return _extends = Object.assign ? Object.assign.bind() : function (n) {
@@ -54,7 +54,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles$k = {"button":"Button-module__button___18Bed","button--primary":"Button-module__button--primary___VuF-P","button--disabled":"Button-module__button--disabled___IuOY8","button--secondary":"Button-module__button--secondary___lD5E3","button--solid-grey":"Button-module__button--solid-grey___oRbEy","button--solid-black":"Button-module__button--solid-black___1Ma5K","button--solid-white":"Button-module__button--solid-white___bE-Z0","button--outlined-grey":"Button-module__button--outlined-grey___xWGbB","button--outlined-black":"Button-module__button--outlined-black___qfX5o","button--outlined-white":"Button-module__button--outlined-white___QLXNP","button--link-text":"Button-module__button--link-text___R2kun","button__icon":"Button-module__button__icon___hlcHo","button--link-text-alt":"Button-module__button--link-text-alt___1p7wH","button--external-link":"Button-module__button--external-link___Mhxuk","button--carousel-arrow-left":"Button-module__button--carousel-arrow-left___Wx-Jo","button--carousel-arrow-right":"Button-module__button--carousel-arrow-right___3ZtgT","button__icon__default":"Button-module__button__icon__default___0qlF1","button__icon__hover":"Button-module__button__icon__hover___3xPGT","button--extra-small":"Button-module__button--extra-small___R0QTM","button--small":"Button-module__button--small___ADJQe","button--medium":"Button-module__button--medium___ZuR4Z","button--large":"Button-module__button--large___-FaV5","button__icon--left":"Button-module__button__icon--left___wMCeH","button__icon--right":"Button-module__button__icon--right___-pGHl"};
+var styles$l = {"button":"Button-module__button___18Bed","button--primary":"Button-module__button--primary___VuF-P","button--disabled":"Button-module__button--disabled___IuOY8","button--secondary":"Button-module__button--secondary___lD5E3","button--solid-grey":"Button-module__button--solid-grey___oRbEy","button--solid-black":"Button-module__button--solid-black___1Ma5K","button--solid-white":"Button-module__button--solid-white___bE-Z0","button--outlined-grey":"Button-module__button--outlined-grey___xWGbB","button--outlined-black":"Button-module__button--outlined-black___qfX5o","button--outlined-white":"Button-module__button--outlined-white___QLXNP","button--link-text":"Button-module__button--link-text___R2kun","button__icon":"Button-module__button__icon___hlcHo","button--link-text-alt":"Button-module__button--link-text-alt___1p7wH","button--external-link":"Button-module__button--external-link___Mhxuk","button--carousel-arrow-left":"Button-module__button--carousel-arrow-left___Wx-Jo","button--carousel-arrow-right":"Button-module__button--carousel-arrow-right___3ZtgT","button__icon__default":"Button-module__button__icon__default___0qlF1","button__icon__hover":"Button-module__button__icon__hover___3xPGT","button--extra-small":"Button-module__button--extra-small___R0QTM","button--small":"Button-module__button--small___ADJQe","button--medium":"Button-module__button--medium___ZuR4Z","button--large":"Button-module__button--large___-FaV5","button__icon--left":"Button-module__button__icon--left___wMCeH","button__icon--right":"Button-module__button__icon--right___-pGHl"};
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -218,8 +218,8 @@ var Button = function (_a) {
   var isIconOnly = variant === "carousel-arrow-left" || variant === "carousel-arrow-right";
   var isCarouselLeft = variant === "carousel-arrow-left";
   var isCarouselRight = variant === "carousel-arrow-right";
-  var buttonClasses = classNames(styles$k.button, styles$k["button--".concat(cssVariant)], styles$k["button--".concat(size)], (_b = {}, _b[styles$k["button--disabled"]] = disabled, _b), className);
-  var iconClasses = classNames(styles$k.button__icon, styles$k["button__icon--".concat(iconPosition)]);
+  var buttonClasses = classNames(styles$l.button, styles$l["button--".concat(cssVariant)], styles$l["button--".concat(size)], (_b = {}, _b[styles$l["button--disabled"]] = disabled, _b), className);
+  var iconClasses = classNames(styles$l.button__icon, styles$l["button__icon--".concat(iconPosition)]);
   // Generate accessible label for icon-only buttons
   var accessibleLabel = ariaLabel || (isIconOnly ? variant === "carousel-arrow-left" ? "Previous" : "Next" : undefined);
   return /*#__PURE__*/React.createElement("button", _extends({
@@ -228,29 +228,29 @@ var Button = function (_a) {
     disabled: disabled,
     onClick: onClick,
     "aria-label": accessibleLabel,
-    "data-force-state": props['data-force-state']
+    "data-force-state": props["data-force-state"]
   }, props), !isIconOnly && children, isCarouselLeft && /*#__PURE__*/React.createElement("span", {
     className: iconClasses
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faArrowLeft,
-    className: styles$k.button__icon__default
+    className: styles$l.button__icon__default
   }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faArrowLeftLong,
-    className: styles$k.button__icon__hover
+    className: styles$l.button__icon__hover
   })), isCarouselRight && /*#__PURE__*/React.createElement("span", {
     className: iconClasses
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faArrowRight,
-    className: styles$k.button__icon__default
+    className: styles$l.button__icon__default
   }), /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faArrowRightLong,
-    className: styles$k.button__icon__hover
+    className: styles$l.button__icon__hover
   })), !isIconOnly && iconElement && /*#__PURE__*/React.createElement("span", {
     className: iconClasses
   }, iconElement));
 };
 
-var styles$j = {"footer":"Footer-module__footer___Oavyx","footer--mobile":"Footer-module__footer--mobile___9HQC-","footer__container":"Footer-module__footer__container___ohvnm","footer__links":"Footer-module__footer__links___DdVK8","footer__linkGroup":"Footer-module__footer__linkGroup___1B7JA","footer__linkList":"Footer-module__footer__linkList___j-DWF","footer__linkHeading":"Footer-module__footer__linkHeading___LtE6X","footer__link":"Footer-module__footer__link___G5HPW","footer__cta":"Footer-module__footer__cta___MRJLr","footer__socialIcons":"Footer-module__footer__socialIcons___j0aRp","footer__socialIcon":"Footer-module__footer__socialIcon___1uVTm","footer__countrySelector":"Footer-module__footer__countrySelector___pVtN5","footer__bottom":"Footer-module__footer__bottom___77bPL","footer__bottomLeft":"Footer-module__footer__bottomLeft___tlst1","footer__bottomLinks":"Footer-module__footer__bottomLinks___s22h7","footer__bottomLink":"Footer-module__footer__bottomLink___SLzwY","footer__copyright":"Footer-module__footer__copyright___4bZOF","footer__brandSection":"Footer-module__footer__brandSection___BBr5f","footer__logo":"Footer-module__footer__logo___mv-9M","footer__leftCol":"Footer-module__footer__leftCol___vmKNN","footer__motto":"Footer-module__footer__motto___QtB2m","footer__main":"Footer-module__footer__main___NSU9d","footer__badge":"Footer-module__footer__badge___faejb","footer__badgeIcon":"Footer-module__footer__badgeIcon___xJ519","footer__badgeText":"Footer-module__footer__badgeText___imXgG","footer__linkText":"Footer-module__footer__linkText___Gc18Z","footer__linkIcon":"Footer-module__footer__linkIcon___IZzJM","footer__countrySelectorIcon":"Footer-module__footer__countrySelectorIcon___hhEd4"};
+var styles$k = {"footer":"Footer-module__footer___Oavyx","footer--mobile":"Footer-module__footer--mobile___9HQC-","footer__container":"Footer-module__footer__container___ohvnm","footer__links":"Footer-module__footer__links___DdVK8","footer__linkGroup":"Footer-module__footer__linkGroup___1B7JA","footer__linkList":"Footer-module__footer__linkList___j-DWF","footer__linkHeading":"Footer-module__footer__linkHeading___LtE6X","footer__link":"Footer-module__footer__link___G5HPW","footer__cta":"Footer-module__footer__cta___MRJLr","footer__socialIcons":"Footer-module__footer__socialIcons___j0aRp","footer__socialIcon":"Footer-module__footer__socialIcon___1uVTm","footer__countrySelector":"Footer-module__footer__countrySelector___pVtN5","footer__bottom":"Footer-module__footer__bottom___77bPL","footer__bottomLeft":"Footer-module__footer__bottomLeft___tlst1","footer__bottomLinks":"Footer-module__footer__bottomLinks___s22h7","footer__bottomLink":"Footer-module__footer__bottomLink___SLzwY","footer__copyright":"Footer-module__footer__copyright___4bZOF","footer__brandSection":"Footer-module__footer__brandSection___BBr5f","footer__logo":"Footer-module__footer__logo___mv-9M","footer__leftCol":"Footer-module__footer__leftCol___vmKNN","footer__motto":"Footer-module__footer__motto___QtB2m","footer__main":"Footer-module__footer__main___NSU9d","footer__badge":"Footer-module__footer__badge___faejb","footer__badgeIcon":"Footer-module__footer__badgeIcon___xJ519","footer__badgeText":"Footer-module__footer__badgeText___imXgG","footer__linkText":"Footer-module__footer__linkText___Gc18Z","footer__linkIcon":"Footer-module__footer__linkIcon___IZzJM","footer__countrySelectorIcon":"Footer-module__footer__countrySelectorIcon___hhEd4"};
 
 /**
  * External link icon (↗) for footer links that open in new tabs
@@ -323,7 +323,7 @@ var FooterLink = function (_a) {
     className = _a.className,
     _b = _a.variant,
     variant = _b === void 0 ? 'default' : _b;
-  var baseClass = variant === 'bottom' ? styles$j.footer__bottomLink : styles$j.footer__link;
+  var baseClass = variant === 'bottom' ? styles$k.footer__bottomLink : styles$k.footer__link;
   var linkClasses = classNames(baseClass, className);
   var handleClick = function (e) {
     if (item.onClick) {
@@ -339,9 +339,9 @@ var FooterLink = function (_a) {
     target: '_blank',
     rel: 'noopener noreferrer'
   }), /*#__PURE__*/React.createElement("span", {
-    className: styles$j.footer__linkText
+    className: styles$k.footer__linkText
   }, item.label), item.external && /*#__PURE__*/React.createElement("span", {
-    className: styles$j.footer__linkIcon
+    className: styles$k.footer__linkIcon
   }, /*#__PURE__*/React.createElement(ExternalLinkIcon, {
     size: 15
   })));
@@ -352,11 +352,11 @@ var FooterLinkGroup = function (_a) {
     className = _a.className,
     children = _a.children;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles$j.footer__linkGroup, className)
+    className: classNames(styles$k.footer__linkGroup, className)
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$j.footer__linkHeading
+    className: styles$k.footer__linkHeading
   }, heading), /*#__PURE__*/React.createElement("ul", {
-    className: styles$j.footer__linkList
+    className: styles$k.footer__linkList
   }, links.map(function (link, index) {
     return /*#__PURE__*/React.createElement("li", {
       key: index
@@ -369,12 +369,12 @@ var FooterSocialIcons = function (_a) {
   var links = _a.links,
     className = _a.className;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles$j.footer__socialIcons, className)
+    className: classNames(styles$k.footer__socialIcons, className)
   }, links.map(function (link, index) {
     return /*#__PURE__*/React.createElement("a", {
       key: index,
       href: link.href,
-      className: styles$j.footer__socialIcon,
+      className: styles$k.footer__socialIcon,
       "aria-label": link.ariaLabel,
       target: "_blank",
       rel: "noopener noreferrer"
@@ -386,7 +386,7 @@ var FooterSocialIcons = function (_a) {
 var FooterSocialIcon = function (_a) {
   var platform = _a.platform,
     className = _a.className;
-  var iconClasses = classNames(styles$j.footer__socialIcon, className);
+  var iconClasses = classNames(styles$k.footer__socialIcon, className);
   return /*#__PURE__*/React.createElement("span", {
     className: iconClasses
   }, /*#__PURE__*/React.createElement(SocialIconComponent, {
@@ -399,11 +399,11 @@ var FooterBottom = function (_a) {
     countrySelector = _a.countrySelector,
     className = _a.className;
   return /*#__PURE__*/React.createElement("div", {
-    className: classNames(styles$j.footer__bottom, className)
+    className: classNames(styles$k.footer__bottom, className)
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__bottomLeft
+    className: styles$k.footer__bottomLeft
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__bottomLinks
+    className: styles$k.footer__bottomLinks
   }, links.map(function (link, index) {
     return /*#__PURE__*/React.createElement(FooterLink, {
       key: index,
@@ -411,12 +411,12 @@ var FooterBottom = function (_a) {
       variant: "bottom"
     });
   })), /*#__PURE__*/React.createElement("p", {
-    className: styles$j.footer__copyright
+    className: styles$k.footer__copyright
   }, copyright)), countrySelector && /*#__PURE__*/React.createElement("a", {
     href: countrySelector.href || '#',
-    className: styles$j.footer__countrySelector
+    className: styles$k.footer__countrySelector
   }, countrySelector.showIcon !== false && /*#__PURE__*/React.createElement("span", {
-    className: styles$j.footer__countrySelectorIcon
+    className: styles$k.footer__countrySelectorIcon
   }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faGlobe
   })), countrySelector.label));
@@ -449,13 +449,13 @@ var Footer = function (_a) {
     countrySelector = _a.countrySelector,
     className = _a.className;
   var isMobile = variant === 'mobile';
-  var footerClasses = classNames(styles$j.footer, isMobile && styles$j['footer--mobile'], className);
+  var footerClasses = classNames(styles$k.footer, isMobile && styles$k['footer--mobile'], className);
   var LogoWrapper = logo.href ? 'a' : 'div';
   var logoProps = logo.href ? {
     href: logo.href,
-    className: styles$j.footer__logo
+    className: styles$k.footer__logo
   } : {
-    className: styles$j.footer__logo
+    className: styles$k.footer__logo
   };
   // Logo + Motto + Badge component (used in both layouts)
   var LogoSection = function () {
@@ -463,17 +463,17 @@ var Footer = function (_a) {
       src: logo.src,
       alt: logo.alt
     })), /*#__PURE__*/React.createElement("div", {
-      className: styles$j.footer__leftCol
+      className: styles$k.footer__leftCol
     }, /*#__PURE__*/React.createElement("h2", {
-      className: styles$j.footer__motto
+      className: styles$k.footer__motto
     }, motto), atlasCopcoBadge && /*#__PURE__*/React.createElement("div", {
-      className: styles$j.footer__badge
+      className: styles$k.footer__badge
     }, atlasCopcoBadge.showIcon !== false && /*#__PURE__*/React.createElement("span", {
-      className: styles$j.footer__badgeIcon
+      className: styles$k.footer__badgeIcon
     }, /*#__PURE__*/React.createElement(AtlasCopcoIcon, {
       size: 14
     })), /*#__PURE__*/React.createElement("span", {
-      className: styles$j.footer__badgeText
+      className: styles$k.footer__badgeText
     }, atlasCopcoBadge.text))));
   };
   // Mobile layout: Links at top, logo/motto at bottom
@@ -481,9 +481,9 @@ var Footer = function (_a) {
     return /*#__PURE__*/React.createElement("footer", {
       className: footerClasses
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$j.footer__container
+      className: styles$k.footer__container
     }, /*#__PURE__*/React.createElement("div", {
-      className: styles$j.footer__links
+      className: styles$k.footer__links
     }, /*#__PURE__*/React.createElement(FooterLinkGroup, {
       heading: quickLinksHeading,
       links: quickLinks
@@ -491,7 +491,7 @@ var Footer = function (_a) {
       heading: contactHeading,
       links: contactLinks
     })), contactFormButton && /*#__PURE__*/React.createElement("div", {
-      className: styles$j.footer__cta
+      className: styles$k.footer__cta
     }, /*#__PURE__*/React.createElement("a", {
       href: contactFormButton.href,
       style: {
@@ -510,33 +510,33 @@ var Footer = function (_a) {
       copyright: copyright,
       countrySelector: countrySelector
     }), /*#__PURE__*/React.createElement("div", {
-      className: styles$j.footer__brandSection
+      className: styles$k.footer__brandSection
     }, /*#__PURE__*/React.createElement(LogoSection, null))));
   }
   // Desktop layout: Logo at top, 3-column main content
   return /*#__PURE__*/React.createElement("footer", {
     className: footerClasses
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__container
+    className: styles$k.footer__container
   }, /*#__PURE__*/React.createElement(LogoWrapper, logoProps, /*#__PURE__*/React.createElement("img", {
     src: logo.src,
     alt: logo.alt
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__main
+    className: styles$k.footer__main
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__leftCol
+    className: styles$k.footer__leftCol
   }, /*#__PURE__*/React.createElement("h2", {
-    className: styles$j.footer__motto
+    className: styles$k.footer__motto
   }, motto), atlasCopcoBadge && /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__badge
+    className: styles$k.footer__badge
   }, atlasCopcoBadge.showIcon !== false && /*#__PURE__*/React.createElement("span", {
-    className: styles$j.footer__badgeIcon
+    className: styles$k.footer__badgeIcon
   }, /*#__PURE__*/React.createElement(AtlasCopcoIcon, {
     size: 14
   })), /*#__PURE__*/React.createElement("span", {
-    className: styles$j.footer__badgeText
+    className: styles$k.footer__badgeText
   }, atlasCopcoBadge.text))), /*#__PURE__*/React.createElement("div", {
-    className: styles$j.footer__links
+    className: styles$k.footer__links
   }, /*#__PURE__*/React.createElement(FooterLinkGroup, {
     heading: quickLinksHeading,
     links: quickLinks
@@ -552,7 +552,7 @@ var Footer = function (_a) {
   })));
 };
 
-var styles$i = {"pagination":"Pagination-module__pagination___Kih79","dividerLine":"Pagination-module__dividerLine___85LAX","paginationList":"Pagination-module__paginationList___-lZpm","paginationItem":"Pagination-module__paginationItem___VsGFa","pageButton":"Pagination-module__pageButton___b6UNF","pageButtonActive":"Pagination-module__pageButtonActive___D9m18","navButton":"Pagination-module__navButton___ZCIai","navButtonDisabled":"Pagination-module__navButtonDisabled___IZK8H","navIcon":"Pagination-module__navIcon___-BVJ3","ellipsis":"Pagination-module__ellipsis___iAsGN","ellipsisText":"Pagination-module__ellipsisText___fd6u1"};
+var styles$j = {"pagination":"Pagination-module__pagination___Kih79","dividerLine":"Pagination-module__dividerLine___85LAX","paginationList":"Pagination-module__paginationList___-lZpm","paginationItem":"Pagination-module__paginationItem___VsGFa","pageButton":"Pagination-module__pageButton___b6UNF","pageButtonActive":"Pagination-module__pageButtonActive___D9m18","navButton":"Pagination-module__navButton___ZCIai","navButtonDisabled":"Pagination-module__navButtonDisabled___IZK8H","navIcon":"Pagination-module__navIcon___-BVJ3","ellipsis":"Pagination-module__ellipsis___iAsGN","ellipsisText":"Pagination-module__ellipsisText___fd6u1"};
 
 var PaginationItem = function (_a) {
   var page = _a.page,
@@ -571,12 +571,12 @@ var PaginationItem = function (_a) {
     }
   };
   return /*#__PURE__*/React.createElement("li", {
-    className: styles$i.paginationItem
+    className: styles$j.paginationItem
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: handleClick,
     onKeyDown: handleKeyDown,
-    className: "".concat(styles$i.pageButton, " ").concat(isActive ? styles$i.pageButtonActive : "", " ").concat(className || ""),
+    className: "".concat(styles$j.pageButton, " ").concat(isActive ? styles$j.pageButtonActive : "", " ").concat(className || ""),
     "aria-current": isActive ? "page" : undefined,
     "aria-label": "Page ".concat(page),
     disabled: isActive,
@@ -600,18 +600,18 @@ var PaginationButton = function (_a) {
     }
   };
   return /*#__PURE__*/React.createElement("li", {
-    className: styles$i.paginationItem
+    className: styles$j.paginationItem
   }, /*#__PURE__*/React.createElement("button", {
     type: "button",
     onClick: onClick,
     onKeyDown: handleKeyDown,
     disabled: disabled,
-    className: "".concat(styles$i.navButton, " ").concat(styles$i["navButton--".concat(direction)], " ").concat(disabled ? styles$i.navButtonDisabled : "", " ").concat(className || ""),
+    className: "".concat(styles$j.navButton, " ").concat(styles$j["navButton--".concat(direction)], " ").concat(disabled ? styles$j.navButtonDisabled : "", " ").concat(className || ""),
     "aria-label": ariaLabel || label,
     tabIndex: disabled ? -1 : 0
   }, /*#__PURE__*/React.createElement("span", null, label), direction === "next" && /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faChevronRight$1,
-    className: styles$i.navIcon,
+    className: styles$j.navIcon,
     "aria-hidden": "true"
   })));
 };
@@ -619,10 +619,10 @@ var PaginationButton = function (_a) {
 var PaginationEllipsis = function (_a) {
   var className = _a.className;
   return /*#__PURE__*/React.createElement("li", {
-    className: "".concat(styles$i.paginationItem, " ").concat(styles$i.ellipsis),
+    className: "".concat(styles$j.paginationItem, " ").concat(styles$j.ellipsis),
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("span", {
-    className: "".concat(styles$i.ellipsisText, " ").concat(className || "")
+    className: "".concat(styles$j.ellipsisText, " ").concat(className || "")
   }, "..."));
 };
 
@@ -707,13 +707,13 @@ var Pagination = function (_a) {
     return null;
   }
   return /*#__PURE__*/React.createElement("nav", {
-    className: "".concat(styles$i.pagination, " ").concat(className || ""),
+    className: "".concat(styles$j.pagination, " ").concat(className || ""),
     "aria-label": ariaLabel,
     role: "navigation"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$i.dividerLine
+    className: styles$j.dividerLine
   }), /*#__PURE__*/React.createElement("ul", {
-    className: styles$i.paginationList
+    className: styles$j.paginationList
   }, showPrevious && /*#__PURE__*/React.createElement(PaginationButton, {
     label: previousLabel,
     disabled: currentPage === 1,
@@ -741,9 +741,9 @@ var Pagination = function (_a) {
   })));
 };
 
-var styles$h = {"productCard":"ProductCardHorizontal-module__productCard___Nl4jK","productWrapper":"ProductCardHorizontal-module__productWrapper___gs8fn","withImage":"ProductCardHorizontal-module__withImage___pPFw2","productTitle":"ProductCardHorizontal-module__productTitle___xBuu7","productPrice":"ProductCardHorizontal-module__productPrice___lf32A","productImage":"ProductCardHorizontal-module__productImage___sQsUO","productId":"ProductCardHorizontal-module__productId___3oOQV","productTitleDescriptionWrapper":"ProductCardHorizontal-module__productTitleDescriptionWrapper___Obv-j","productPriceCtaWrapper":"ProductCardHorizontal-module__productPriceCtaWrapper___Npkfl","productArrowIcon":"ProductCardHorizontal-module__productArrowIcon___1-A76"};
+var styles$i = {"productCard":"ProductCardHorizontal-module__productCard___Nl4jK","productWrapper":"ProductCardHorizontal-module__productWrapper___gs8fn","withImage":"ProductCardHorizontal-module__withImage___pPFw2","withPlaceholder":"ProductCardHorizontal-module__withPlaceholder___x8IUh","productTitle":"ProductCardHorizontal-module__productTitle___xBuu7","productPrice":"ProductCardHorizontal-module__productPrice___lf32A","productImage":"ProductCardHorizontal-module__productImage___sQsUO","placeholderImage":"ProductCardHorizontal-module__placeholderImage___kT1sp","productId":"ProductCardHorizontal-module__productId___3oOQV","productTitleDescriptionWrapper":"ProductCardHorizontal-module__productTitleDescriptionWrapper___Obv-j","productPriceCtaWrapper":"ProductCardHorizontal-module__productPriceCtaWrapper___Npkfl","productArrowIcon":"ProductCardHorizontal-module__productArrowIcon___1-A76"};
 
-var styles$g = {"imageContainer":"Image-module__imageContainer___iD5Kd","loading":"Image-module__loading___Sh1zO","image":"Image-module__image___1pa50","error":"Image-module__error___0LGZ2","skeleton":"Image-module__skeleton___0bGS6","shimmer":"Image-module__shimmer___aanrl","errorState":"Image-module__errorState___TjV-8","errorIcon":"Image-module__errorIcon___QCKvj","errorText":"Image-module__errorText___Q8pnb"};
+var styles$h = {"imageContainer":"Image-module__imageContainer___iD5Kd","loading":"Image-module__loading___Sh1zO","image":"Image-module__image___1pa50","error":"Image-module__error___0LGZ2","skeleton":"Image-module__skeleton___0bGS6","shimmer":"Image-module__shimmer___aanrl","errorState":"Image-module__errorState___TjV-8","errorIcon":"Image-module__errorIcon___QCKvj","errorText":"Image-module__errorText___Q8pnb"};
 
 var Image = function (_a) {
   var src = _a.src,
@@ -814,15 +814,15 @@ var Image = function (_a) {
     objectPosition: objectPosition
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles$g.imageContainer, " ").concat(className, " ").concat(isLoading ? styles$g.loading : "", " ").concat(hasError ? styles$g.error : ""),
+    className: "".concat(styles$h.imageContainer, " ").concat(className, " ").concat(isLoading ? styles$h.loading : "", " ").concat(hasError ? styles$h.error : ""),
     style: containerStyle
   }, isLoading && /*#__PURE__*/React.createElement("div", {
-    className: styles$g.skeleton,
+    className: styles$h.skeleton,
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("div", {
-    className: styles$g.shimmer
+    className: styles$h.shimmer
   })), hasError && !fallbackSrc ? /*#__PURE__*/React.createElement("div", {
-    className: styles$g.errorState,
+    className: styles$h.errorState,
     role: "img",
     "aria-label": alt || "Image failed to load"
   }, /*#__PURE__*/React.createElement("svg", {
@@ -833,7 +833,7 @@ var Image = function (_a) {
     strokeWidth: "1.5",
     strokeLinecap: "round",
     strokeLinejoin: "round",
-    className: styles$g.errorIcon,
+    className: styles$h.errorIcon,
     "aria-hidden": "true"
   }, /*#__PURE__*/React.createElement("rect", {
     x: "3",
@@ -849,7 +849,7 @@ var Image = function (_a) {
   }), /*#__PURE__*/React.createElement("polyline", {
     points: "21 15 16 10 5 21"
   })), /*#__PURE__*/React.createElement("span", {
-    className: styles$g.errorText
+    className: styles$h.errorText
   }, "Image unavailable")) : /*#__PURE__*/React.createElement("img", _extends({
     src: currentSrc
   }, accessibilityProps, {
@@ -859,7 +859,7 @@ var Image = function (_a) {
     decoding: decoding,
     onLoad: handleLoad,
     onError: handleError,
-    className: styles$g.image,
+    className: styles$h.image,
     style: imageStyle,
     srcSet: srcSet,
     sizes: sizes
@@ -877,67 +877,94 @@ const faArrowUpRight = {
   icon: [384, 512, [], "e09f", "M328 96c13.3 0 24 10.7 24 24l0 240c0 13.3-10.7 24-24 24s-24-10.7-24-24l0-182.1L73 409c-9.4 9.4-24.6 9.4-33.9 0s-9.4-24.6 0-33.9l231-231L88 144c-13.3 0-24-10.7-24-24s10.7-24 24-24l240 0z"]
 };
 
+var PLACEHOLDER_INDICATOR = "?placeholder-storybook";
+var PLACEHOLDER_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" width=\"440\" height=\"133\" viewBox=\"218.446 219.139 440 133\" role=\"img\" aria-label=\"Leybold placeholder logo\"><g fill=\"#ffff\"><path d=\"M290.317,313.442h37.784v12.782h-53.654v-70.62h15.87V313.442z\"/><path d=\"M386.309,310.883c-3.912,12.593-15.135,16.722-24.761,16.722c-15.878,0-28.046-7.084-28.046-28.62c0-6.296,2.322-26.458,26.98-26.458c11.116,0,26.457,4.917,26.457,28.819v2.457h-38.626c0.428,3.935,1.274,12.785,13.232,12.785c4.125,0,8.356-1.965,9.521-5.704L386.309,310.883L386.309,310.883z M371.709,294.852c-0.85-8.456-6.666-11.017-11.434-11.017c-6.979,0-10.686,4.129-11.532,11.017H371.709z\"/><path d=\"M423.556,325.343c-6.986,19.374-8.892,21.932-21.799,21.932c-2.014,0-4.553-0.096-6.665-0.194v-11.02c0.629,0.104,1.582,0.197,2.854,0.197c5.397,0,8.36-0.688,9.737-7.864l-20.741-54.488h16.508l12.062,38.553h0.209l11.539-38.553h15.658L423.556,325.343z\"/><path d=\"M463.54,280.689h0.213c2.328-3.344,6.775-8.164,16.297-8.164c12.385,0,23.389,8.854,23.389,26.949c0,14.359-6.98,28.129-23.703,28.129c-6.141,0-12.701-2.067-16.299-7.968h-0.211v6.589h-14.498v-70.62h14.812V280.689z M475.604,284.427c-10.158,0-12.701,8.455-12.701,16.815c0,7.773,3.707,15.049,13.129,15.049c9.521,0,12.168-9.641,12.168-15.83C488.198,292.192,485.02,284.427,475.604,284.427z\"/><path d=\"M538.094,327.604c-15.141,0-28.787-8.652-28.787-27.542c0-18.881,13.646-27.536,28.787-27.536c15.129,0,28.785,8.655,28.785,27.536C566.88,318.95,553.223,327.604,538.094,327.604z M538.094,284.129c-11.434,0-13.547,9.244-13.547,15.934c0,6.691,2.113,15.939,13.547,15.939c11.426,0,13.547-9.248,13.547-15.939C551.641,293.373,549.52,284.129,538.094,284.129z\"/><path d=\"M588.811,326.225h-14.814v-70.62h14.814V326.225z\"/><path d=\"M651.969,326.225h-14.5v-6.589h-0.213c-3.598,5.898-10.156,7.968-16.295,7.968c-16.727,0-23.703-13.77-23.703-28.129c0-18.097,11.004-26.949,23.381-26.949c9.523,0,13.975,4.82,16.295,8.164h0.221v-25.085h14.814V326.225z M624.663,316.291c9.418,0,13.121-7.273,13.121-15.05c0-8.359-2.537-16.814-12.703-16.814c-9.416,0-12.592,7.767-12.592,16.034C612.49,306.651,615.135,316.291,624.663,316.291z\"/></g><g fill=\"#ffff\"><path d=\"M268.323,226.771h-41.551v39.685C230.996,246.516,247.442,230.811,268.323,226.771z\"/><path d=\"M226.771,286.726v39.688h41.551C247.442,322.371,230.996,306.67,226.771,286.726z\"/><path d=\"M331.122,266.455V226.77h-41.552C310.449,230.811,326.892,246.516,331.122,266.455z\"/></g></svg>";
+var PLACEHOLDER_IMAGE_DATA_URI = "data:image/svg+xml,".concat(encodeURIComponent(PLACEHOLDER_SVG));
+var isPlaceholderImg = function (url) {
+  return !!url && url.includes(PLACEHOLDER_INDICATOR);
+};
 var ProductCardHorizontal = function (_a) {
   _a.id;
     var imageUrl = _a.imageUrl,
+    _b = _a.showProductImage,
+    showProductImage = _b === void 0 ? true : _b,
     url = _a.url,
     title = _a.title;
     _a.description;
     var price = _a.price,
     productId = _a.productId,
     button = _a.button,
-    _b = _a.className,
-    className = _b === void 0 ? "" : _b;
+    utm = _a.utm,
+    _c = _a.className,
+    className = _c === void 0 ? "" : _c,
+    style = _a.style,
+    code = _a.code,
+    showProductPrice = _a.showProductPrice;
   if (!title) {
     return null;
   }
+  console.log("Rendering ProductCardHorizontal with props:", {
+    showProductPrice: showProductPrice,
+    price: price
+  });
+  var hasPlaceholderImage = showProductImage && (!imageUrl || isPlaceholderImg(imageUrl));
+  var productImage = hasPlaceholderImage ? PLACEHOLDER_IMAGE_DATA_URI : imageUrl;
+  var href = !utm || url && url.indexOf("utm") > -1 ? url : url + "?utm_source=".concat(utm.utmSource, "&utm_medium=").concat(utm.utmMedium, "&utm_campaign=").concat(utm.utmCampaign);
   return /*#__PURE__*/React.createElement("a", {
-    href: url,
-    className: "".concat(styles$h.productCard, " ").concat(className),
+    href: href,
+    className: "".concat(styles$i.productCard, " ").concat(className),
     "aria-label": "View product: ".concat(title)
   }, /*#__PURE__*/React.createElement("div", {
-    className: "".concat(styles$h.productWrapper, " ").concat(imageUrl ? styles$h.withImage : "")
-  }, imageUrl && /*#__PURE__*/React.createElement("div", {
-    className: styles$h.productImage
+    className: "".concat(styles$i.productWrapper, " ").concat(showProductImage ? hasPlaceholderImage ? styles$i.withPlaceholder : styles$i.withImage : ""),
+    style: style
+  }, showProductImage && /*#__PURE__*/React.createElement("div", {
+    className: styles$i.productImage
   }, /*#__PURE__*/React.createElement(Image, {
-    src: imageUrl,
-    alt: title
+    src: productImage || PLACEHOLDER_IMAGE_DATA_URI,
+    alt: title,
+    className: hasPlaceholderImage ? styles$i.placeholderImage : "",
+    objectFit: hasPlaceholderImage ? "contain" : "cover",
+    fallbackSrc: PLACEHOLDER_IMAGE_DATA_URI
   })), /*#__PURE__*/React.createElement("div", {
-    className: styles$h.productTitleDescriptionWrapper
+    className: styles$i.productTitleDescriptionWrapper
   }, /*#__PURE__*/React.createElement("h3", {
-    className: styles$h.productTitle
-  }, title), productId && /*#__PURE__*/React.createElement("p", {
-    className: styles$h.productId
-  }, productId)), /*#__PURE__*/React.createElement("div", {
-    className: styles$h.productPriceCtaWrapper
+    className: styles$i.productTitle
+  }, title), productId || code ? /*#__PURE__*/React.createElement("p", {
+    className: styles$i.productId
+  }, productId || code) : null), /*#__PURE__*/React.createElement("div", {
+    className: styles$i.productPriceCtaWrapper
   }, /*#__PURE__*/React.createElement("p", {
-    className: styles$h.productPrice
-  }, price || " "), button ? /*#__PURE__*/React.createElement(Button, {
-    className: styles$h.productButton,
+    className: styles$i.productPrice
+  }, showProductPrice ? price || "" : ""), button ? /*#__PURE__*/React.createElement(Button, {
+    className: styles$i.productButton,
     onClick: button.onClick,
     size: "extra-small"
   }, button.label) : /*#__PURE__*/React.createElement(FontAwesomeIcon, {
     icon: faArrowUpRight,
-    className: styles$h.productArrowIcon,
+    className: styles$i.productArrowIcon,
     "aria-hidden": "true"
   }))));
 };
 // Alias for backward compatibility
 var ProductCardHorizontalParts = ProductCardHorizontal;
 
-var styles$f = {"productDetails":"ProductCardDetails-module__productDetails___-sx2l","spareCard":"ProductCardDetails-module__spareCard___vC1Ju"};
+var styles$g = {"productDetails":"ProductCardDetails-module__productDetails___-sx2l","spareCard":"ProductCardDetails-module__spareCard___vC1Ju"};
 
 // Adapter to map design system props to ProductCardHorizontalParts props
 var SpareCardAdapter = function (props) {
   var spare = props.spare,
     rest = __rest(props, ["spare"]);
   return /*#__PURE__*/React.createElement(ProductCardHorizontalParts, {
-    className: styles$f.spareCard,
+    className: styles$g.spareCard,
     url: (spare === null || spare === void 0 ? void 0 : spare.url) || (spare === null || spare === void 0 ? void 0 : spare.link) || "#",
     title: (spare === null || spare === void 0 ? void 0 : spare.name) || (spare === null || spare === void 0 ? void 0 : spare.title) || "",
     description: (spare === null || spare === void 0 ? void 0 : spare.description) || "",
-    price: (spare === null || spare === void 0 ? void 0 : spare.priceValue) || (spare === null || spare === void 0 ? void 0 : spare.price) || "",
-    imageUrl: (spare === null || spare === void 0 ? void 0 : spare["img-product"]) || (spare === null || spare === void 0 ? void 0 : spare.image) || "",
+    price: (spare === null || spare === void 0 ? void 0 : spare.priceValue) || (spare === null || spare === void 0 ? void 0 : spare.price) || (props === null || props === void 0 ? void 0 : props.productPrice) || ""
+    // imageUrl={spare?.["img-product"] || spare?.image || ""}
+    ,
+    utm: props.utm,
+    showProductPrice: props.showProductPrice,
+    showProductImage: false,
     button: {
       label: rest.cta || "View Product",
       onClick: function () {
@@ -956,10 +983,14 @@ var ProductCardDetails = function (_a) {
     code = _a.code,
     facets = _a.facets,
     hit = _a.hit,
+    utm = _a.utm,
     _b = _a.className,
     className = _b === void 0 ? "" : _b,
     ProductCardComponent = _a.ProductCardComponent,
-    hidespares = _a.hidespares;
+    hidespares = _a.hidespares,
+    showProductPrice = _a.showProductPrice,
+    _c = _a.showProductImage,
+    showProductImage = _c === void 0 ? true : _c;
   // Build the hit object expected by ProductDetailsCard
   var hitData = hit || {
     id: id,
@@ -970,22 +1001,140 @@ var ProductCardDetails = function (_a) {
     image: imageUrl
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: styles$f.productDetails
+    className: styles$g.productDetails
   }, /*#__PURE__*/React.createElement(ProductDetailsCard, {
     className: "".concat(className),
     title: title,
-    imageUrl: imageUrl,
+    imageUrl: showProductImage ? imageUrl : "",
     imageAlt: title,
     hit: hitData,
+    utm: utm,
     facets: facets,
     usePlainClasses: true,
     ProductCardComponent: ProductCardComponent || SpareCardAdapter,
-    hidespares: hidespares
+    hidespares: hidespares,
+    showProductPrice: showProductPrice,
+    showProductImage: showProductImage
   }));
 };
 
+var ContentCardBase = function (_a) {
+  var title = _a.title,
+    variant = _a.variant,
+    url = _a.url,
+    imageUrl = _a.imageUrl,
+    category = _a.category,
+    meta = _a.meta,
+    excerpt = _a.excerpt,
+    _b = _a.className,
+    className = _b === void 0 ? "" : _b,
+    style = _a.style,
+    ariaLabel = _a.ariaLabel,
+    contentMetaClassName = _a.contentMetaClassName,
+    contentCategoryClassName = _a.contentCategoryClassName,
+    contentMetaTextClassName = _a.contentMetaTextClassName,
+    contentTitleClassName = _a.contentTitleClassName,
+    contentExcerptClassName = _a.contentExcerptClassName;
+  console.log("variant in ContentCardBase:", variant);
+  var fallbackImage = "/assets/list-card.png";
+  var isCareerView = variant === "career-view";
+  var defaultAriaLabel = isCareerView ? "View career opportunity: ".concat(title) : "View content: ".concat(title);
+  return /*#__PURE__*/React.createElement("a", {
+    href: url,
+    className: className,
+    style: style,
+    "aria-label": ariaLabel || defaultAriaLabel
+  }, imageUrl && /*#__PURE__*/React.createElement("div", {
+    className: "content-card-image-wrapper"
+  }, /*#__PURE__*/React.createElement(Image, {
+    src: imageUrl,
+    alt: title,
+    className: "content-card-image",
+    aspectRatio: "16 / 9",
+    loading: "lazy",
+    decoding: "async",
+    fallbackSrc: fallbackImage
+  })), isCareerView ? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("h3", {
+    className: contentTitleClassName
+  }, title), category && /*#__PURE__*/React.createElement("span", {
+    className: contentCategoryClassName
+  }, category), meta && /*#__PURE__*/React.createElement("span", {
+    className: contentMetaTextClassName
+  }, meta), /*#__PURE__*/React.createElement(Button, {
+    "aria-label": ariaLabel || defaultAriaLabel,
+    variant: "link-text-alt",
+    className: "career-button"
+  }, "See more")) : /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: contentMetaClassName
+  }, category && /*#__PURE__*/React.createElement("span", {
+    className: contentCategoryClassName
+  }, category), meta && /*#__PURE__*/React.createElement("span", {
+    className: contentMetaTextClassName
+  }, meta)), /*#__PURE__*/React.createElement("h3", {
+    className: contentTitleClassName
+  }, title), excerpt && /*#__PURE__*/React.createElement("p", {
+    className: contentExcerptClassName
+  }, excerpt), /*#__PURE__*/React.createElement(Button, {
+    "aria-label": ariaLabel || defaultAriaLabel
+  }, "Read More")));
+};
+
+var styles$f = {"contentCard":"ContentCardVertical-module__contentCard___EoYej","contentCard--instant-view":"ContentCardVertical-module__contentCard--instant-view___dsIUf","contentCard--results-view":"ContentCardVertical-module__contentCard--results-view___6mSHQ","contentMeta":"ContentCardVertical-module__contentMeta___l2GtO","contentCategory":"ContentCardVertical-module__contentCategory___78vrj","contentMetaText":"ContentCardVertical-module__contentMetaText___Rl-ln","contentTitle":"ContentCardVertical-module__contentTitle___rEiHm","contentExcerpt":"ContentCardVertical-module__contentExcerpt___5Gb2G"};
+
+var ContentCardVertical = function (_a) {
+  var id = _a.id,
+    title = _a.title,
+    url = _a.url,
+    imageUrl = _a.imageUrl,
+    category = _a.category,
+    meta = _a.meta,
+    excerpt = _a.excerpt,
+    _b = _a.className,
+    className = _b === void 0 ? "" : _b,
+    variant = _a.variant;
+  var cardClasses = classNames(styles$f.contentCard, styles$f["contentCard--".concat(variant)], className);
+  console.log("Rendering ContentCardVertical with variant:", variant);
+  return /*#__PURE__*/React.createElement(ContentCardBase, {
+    id: id,
+    variant: variant,
+    title: title,
+    url: url,
+    imageUrl: imageUrl,
+    category: category,
+    meta: meta,
+    excerpt: excerpt,
+    className: cardClasses,
+    contentMetaClassName: styles$f.contentMeta,
+    contentCategoryClassName: styles$f.contentCategory,
+    contentMetaTextClassName: styles$f.contentMetaText,
+    contentTitleClassName: styles$f.contentTitle,
+    contentExcerptClassName: styles$f.contentExcerpt
+  });
+};
+
 // Adapter component that maps props from AlgoliaDynamicSearchRaw to ProductCardHorizontal
 // AlgoliaDynamicSearchRaw passes: title, cardLink, productPrice, cta, hit (original data)
+var cardAdapter = function (props) {
+  var hit = props.hit,
+    title = props.title,
+    cardLink = props.cardLink,
+    productPrice = props.productPrice;
+    props.cta;
+    var showProductPrice = props.showProductPrice,
+    className = props.className,
+    queryType = props.queryType;
+  return /*#__PURE__*/React.createElement(ContentCardVertical, {
+    id: (hit === null || hit === void 0 ? void 0 : hit.id) || "",
+    variant: queryType && queryType === "careers" ? "career-view" : "content-view",
+    title: title || (hit === null || hit === void 0 ? void 0 : hit.title) || "",
+    url: cardLink || (hit === null || hit === void 0 ? void 0 : hit.link) || "#",
+    imageUrl: (hit === null || hit === void 0 ? void 0 : hit.image) || "",
+    category: (hit === null || hit === void 0 ? void 0 : hit.category) || "",
+    meta: showProductPrice ? productPrice || (hit === null || hit === void 0 ? void 0 : hit.price) || "" : "",
+    excerpt: (hit === null || hit === void 0 ? void 0 : hit.description) || "",
+    className: className
+  });
+};
 var ProductCardAdapter = function (props) {
   var hit = props.hit,
     title = props.title,
@@ -993,19 +1142,22 @@ var ProductCardAdapter = function (props) {
     productPrice = props.productPrice,
     cta = props.cta,
     showProductPrice = props.showProductPrice,
+    showProductImage = props.showProductImage,
     className = props.className,
-    code = props.code;
-  console.log(props);
+    code = props.code,
+    utm = props.utm;
   // Get values from direct props or fallback to hit object
   var url = cardLink || (hit === null || hit === void 0 ? void 0 : hit.link) || "#";
-  var imageUrl = "";
+  var imageUrl = (hit === null || hit === void 0 ? void 0 : hit.image) || "";
   var price = showProductPrice ? productPrice || (hit === null || hit === void 0 ? void 0 : hit.price) || "" : "";
   var productTitle = title || (hit === null || hit === void 0 ? void 0 : hit.title) || "";
   var productCode = code || (hit === null || hit === void 0 ? void 0 : hit.code) || "";
   var buttonLabel = cta || "View Product";
   return /*#__PURE__*/React.createElement(ProductCardHorizontalParts, {
     imageUrl: imageUrl,
+    showProductImage: showProductImage,
     url: url,
+    utm: utm,
     title: productTitle,
     description: productCode,
     price: price,
@@ -1015,7 +1167,12 @@ var ProductCardAdapter = function (props) {
         return window.open(url, "_blank");
       }
     },
-    className: className
+    className: className,
+    style: __assign({}, showProductImage ? {
+      minHeight: "130px"
+    } : {}),
+    code: productCode,
+    showProductPrice: showProductPrice
   });
 };
 var ProductCardDetailsAdapter = function (props) {
@@ -1024,9 +1181,11 @@ var ProductCardDetailsAdapter = function (props) {
     props.cardLink;
     var productPrice = props.productPrice;
     props.cta;
-    props.showProductPrice;
-    var className = props.className,
+    var showProductPrice = props.showProductPrice,
+    showProductImage = props.showProductImage,
+    className = props.className,
     code = props.code,
+    utm = props.utm,
     facets = props.facets,
     related_products = props.related_products,
     hidespares = props.hidespares;
@@ -1040,16 +1199,43 @@ var ProductCardDetailsAdapter = function (props) {
     price: (hit === null || hit === void 0 ? void 0 : hit.price) || "" || productPrice,
     code: (hit === null || hit === void 0 ? void 0 : hit.code) || "" || code,
     hit: hit,
+    utm: utm,
     className: className,
     facets: facets,
     relatedProducts: (hit === null || hit === void 0 ? void 0 : hit.related_products) || related_products,
-    hidespares: hidespares
+    hidespares: hidespares,
+    showProductPrice: showProductPrice,
+    showProductImage: showProductImage
   });
 };
+var ButtonAdapter = function (props) {
+  var label = props.label,
+    onClick = props.onClick,
+    className = props.className;
+  return /*#__PURE__*/React.createElement(Button, {
+    className: className,
+    onClick: onClick
+  }, label);
+};
 var AlgoliaDynamicSearchLeybold = function (props) {
+  var parentComponentProps = {
+    queryType: props === null || props === void 0 ? void 0 : props.queryType,
+    showProductPrice: props === null || props === void 0 ? void 0 : props.showProductPrice,
+    showProductImage: props === null || props === void 0 ? void 0 : props.showProductImage,
+    hitCta: props === null || props === void 0 ? void 0 : props.hitCta,
+    hidespares: props === null || props === void 0 ? void 0 : props.hidespares
+  };
   var innerComponents = {
-    ProductCard: ProductCardAdapter,
-    ProductDetailsCard: ProductCardDetailsAdapter
+    Card: function (innerProps) {
+      return cardAdapter(__assign(__assign({}, parentComponentProps), innerProps));
+    },
+    ProductCard: function (innerProps) {
+      return ProductCardAdapter(__assign(__assign({}, parentComponentProps), innerProps));
+    },
+    ProductDetailsCard: function (innerProps) {
+      return ProductCardDetailsAdapter(__assign(__assign({}, parentComponentProps), innerProps));
+    },
+    Button: ButtonAdapter
   };
   return /*#__PURE__*/React.createElement(AlgoliaDynamicSearchRaw, _extends({}, props, {
     innerComponents: innerComponents
@@ -1373,8 +1559,8 @@ var SearchBar = function (_a) {
 var styles$c = {"contentCard":"ContentCardHorizontal-module__contentCard___l-Kim","contentCard--instant-view":"ContentCardHorizontal-module__contentCard--instant-view___4wK9-","contentExcerpt":"ContentCardHorizontal-module__contentExcerpt___tqg1v","contentCard--results-view":"ContentCardHorizontal-module__contentCard--results-view___oBP2u","contentMeta":"ContentCardHorizontal-module__contentMeta___rEW-X","contentCategory":"ContentCardHorizontal-module__contentCategory___NssVD","contentMetaText":"ContentCardHorizontal-module__contentMetaText___muYBN","contentTitle":"ContentCardHorizontal-module__contentTitle___54gEo"};
 
 var ContentCardHorizontal = function (_a) {
-  _a.id;
-    var title = _a.title,
+  var id = _a.id,
+    title = _a.title,
     url = _a.url,
     category = _a.category,
     meta = _a.meta,
@@ -1384,21 +1570,20 @@ var ContentCardHorizontal = function (_a) {
     _c = _a.variant,
     variant = _c === void 0 ? "instant-view" : _c;
   var cardClasses = classNames(styles$c.contentCard, styles$c["contentCard--".concat(variant)], className);
-  return /*#__PURE__*/React.createElement("a", {
-    href: url,
+  return /*#__PURE__*/React.createElement(ContentCardBase, {
+    id: id,
+    title: title,
+    url: url,
+    category: category,
+    meta: meta,
+    excerpt: excerpt,
     className: cardClasses,
-    "aria-label": "View content: ".concat(title)
-  }, /*#__PURE__*/React.createElement("div", {
-    className: styles$c.contentMeta
-  }, category && /*#__PURE__*/React.createElement("span", {
-    className: styles$c.contentCategory
-  }, category), meta && /*#__PURE__*/React.createElement("span", {
-    className: styles$c.contentMetaText
-  }, meta)), /*#__PURE__*/React.createElement("h3", {
-    className: styles$c.contentTitle
-  }, title), excerpt && /*#__PURE__*/React.createElement("p", {
-    className: styles$c.contentExcerpt
-  }, excerpt));
+    contentMetaClassName: styles$c.contentMeta,
+    contentCategoryClassName: styles$c.contentCategory,
+    contentMetaTextClassName: styles$c.contentMetaText,
+    contentTitleClassName: styles$c.contentTitle,
+    contentExcerptClassName: styles$c.contentExcerpt
+  });
 };
 
 var styles$b = {"instantResultsLayout":"InstantResults-module__instantResultsLayout___oy-o4","columnsGrid":"InstantResults-module__columnsGrid___bHRUM","resultsColumn":"InstantResults-module__resultsColumn___ZBSlT","columnHeader":"InstantResults-module__columnHeader___VYYhi","showingText":"InstantResults-module__showingText___lECiA","seeAllButton":"InstantResults-module__seeAllButton___xEDAX","chevronIcon":"InstantResults-module__chevronIcon___bjb3q","resultsList":"InstantResults-module__resultsList___7s3PT","divider":"InstantResults-module__divider___Ky6zK","loadingState":"InstantResults-module__loadingState___l0fMq","errorState":"InstantResults-module__errorState___hTBbE","spinner":"InstantResults-module__spinner___85jF-"};
@@ -2855,5 +3040,5 @@ var SearchTriggerButton = function (_a) {
   }, label));
 };
 
-export { AlgoliaDynamicSearchLeybold as AlgoliaDynamicSearch, AlgoliaDynamicSearchLeybold, AppliedFilterTag, AppliedFilters, Button, ContentCardHorizontal, FederatedInstantResultsLayout, FederatedResultsView, FederatedSearchExperience, FilterAccordion, FilterItem, FilterSearch, FiltersPanel, Footer, FooterBottom, FooterLink, FooterLinkGroup, FooterSocialIcon, FooterSocialIcons, ModalCloseButton, Pagination, PaginationButton, PaginationEllipsis, PaginationItem, ProductCardHorizontal, ProductCardVertical, QrFormLeybold as QrForm, QrFormLeybold, ResultsColumn, ResultsCount, ResultsList, SearchBar, SearchIcon, SearchInput, SearchModal, SearchSubmitButton, SearchTriggerButton, SeeAllLinkButton };
+export { AlgoliaDynamicSearchLeybold as AlgoliaDynamicSearch, AlgoliaDynamicSearchLeybold, AppliedFilterTag, AppliedFilters, Button, ContentCardBase, ContentCardHorizontal, FederatedInstantResultsLayout, FederatedResultsView, FederatedSearchExperience, FilterAccordion, FilterItem, FilterSearch, FiltersPanel, Footer, FooterBottom, FooterLink, FooterLinkGroup, FooterSocialIcon, FooterSocialIcons, ModalCloseButton, Pagination, PaginationButton, PaginationEllipsis, PaginationItem, ProductCardHorizontal, ProductCardVertical, QrFormLeybold as QrForm, QrFormLeybold, ResultsColumn, ResultsCount, ResultsList, SearchBar, SearchIcon, SearchInput, SearchModal, SearchSubmitButton, SearchTriggerButton, SeeAllLinkButton };
 //# sourceMappingURL=index.esm.js.map