@asantemedia-org/edwardsvacuum-design-system 1.6.38 → 1.6.40

package/dist/index.css

@@ -334,6 +334,23 @@
 .card-module__cmp-card--type-product_details__product-info___5L009 {
   position: relative;
 }
+.card-module__cmp-card--type-product_details__header___Vb3-U {
+  margin-bottom: 1rem;
+}
+.card-module__cmp-card--type-product_details__header__title___4KSqX {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+.card-module__cmp-card--type-product_details__header__product-code___zf7yq {
+  font-size: 0.875rem;
+  color: #666;
+  margin-bottom: 1rem;
+}
+.card-module__cmp-card--type-product_details__header__product-image___Kyy35 {
+  max-width: 100%;
+  height: auto;
+}
 .card-module__cmp-card--type-product_details__spares-list___VQ31R {
   position: relative;
 }
@@ -362,6 +379,20 @@
     grid-template-columns: repeat(1, 1fr);
   }
 }
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li {
+  margin-bottom: 0.75rem;
+}
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li strong {
+  color: #333;
+}
+
+.card-module__folding-specification-holder___OtcQQ {
+  margin-bottom: 1rem;
+}
+
+.card-module__folding-spares-holder___OhMpO {
+  margin-bottom: 1rem;
+}
 .accordion-section__header {
   cursor: pointer;
   -webkit-user-select: none;

package/dist/index.esm.css

@@ -334,6 +334,23 @@
 .card-module__cmp-card--type-product_details__product-info___5L009 {
   position: relative;
 }
+.card-module__cmp-card--type-product_details__header___Vb3-U {
+  margin-bottom: 1rem;
+}
+.card-module__cmp-card--type-product_details__header__title___4KSqX {
+  font-size: 1.5rem;
+  font-weight: 600;
+  margin-bottom: 0.5rem;
+}
+.card-module__cmp-card--type-product_details__header__product-code___zf7yq {
+  font-size: 0.875rem;
+  color: #666;
+  margin-bottom: 1rem;
+}
+.card-module__cmp-card--type-product_details__header__product-image___Kyy35 {
+  max-width: 100%;
+  height: auto;
+}
 .card-module__cmp-card--type-product_details__spares-list___VQ31R {
   position: relative;
 }
@@ -362,6 +379,20 @@
     grid-template-columns: repeat(1, 1fr);
   }
 }
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li {
+  margin-bottom: 0.75rem;
+}
+.card-module__cmp-card--type-product_details___vsNOc ul.card-module__folding-specification-list___tIfSl li strong {
+  color: #333;
+}
+
+.card-module__folding-specification-holder___OtcQQ {
+  margin-bottom: 1rem;
+}
+
+.card-module__folding-spares-holder___OhMpO {
+  margin-bottom: 1rem;
+}
 .accordion-section__header {
   cursor: pointer;
   -webkit-user-select: none;

package/dist/index.esm.js

@@ -162,7 +162,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
   return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-var styles$2 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n"};
+var styles$2 = {"cmp-card":"card-module__cmp-card___45x9k","cmp-card__link":"card-module__cmp-card__link___OdszC","cmp-card__content-wrapper":"card-module__cmp-card__content-wrapper___gh335","cmp-card__content-category-wrapper":"card-module__cmp-card__content-category-wrapper___2vOjQ","cmp-card__content-category-wrapper__colour-edwards-red":"card-module__cmp-card__content-category-wrapper__colour-edwards-red___DYmt8","cmp-card__city-country":"card-module__cmp-card__city-country___dI13-","cmp-card__image-wrapper":"card-module__cmp-card__image-wrapper___IhPHw","placeholderImage":"card-module__placeholderImage___AXOh5","cmp-card--type-card-overlay":"card-module__cmp-card--type-card-overlay___344ul","cmp-card__title-wrapper":"card-module__cmp-card__title-wrapper___XHfZg","cmp-card__date":"card-module__cmp-card__date___7w-Ka","cmp-card__title":"card-module__cmp-card__title___cFKG8","cmp-card__footer":"card-module__cmp-card__footer___xcNXM","cmp-card--type-card-no-image":"card-module__cmp-card--type-card-no-image___G75ye","cmp-card--type-card-product":"card-module__cmp-card--type-card-product___IfqTr","cmp-card--type-card-product__wrapper":"card-module__cmp-card--type-card-product__wrapper___kulaR","cmp-card--type-card-product__image":"card-module__cmp-card--type-card-product__image___Bkb0A","cmp-card--type-card-product__meta":"card-module__cmp-card--type-card-product__meta___a7Tzc","cmp-card--type-card-product__title":"card-module__cmp-card--type-card-product__title___0JMQp","cmp-card--type-card-product__cta":"card-module__cmp-card--type-card-product__cta___qDSNo","cmp-card--type-card-product__prices":"card-module__cmp-card--type-card-product__prices___KWPS7","cmp-card--type-card-product__prices--login":"card-module__cmp-card--type-card-product__prices--login___gMhTo","show_prices":"card-module__show_prices___gjVhn","cmp-card--type-card-panel":"card-module__cmp-card--type-card-panel___95jYv","cmp-card__footer--color-malachite":"card-module__cmp-card__footer--color-malachite___jEnvy","cmp-card__footer--color-amethyst":"card-module__cmp-card__footer--color-amethyst___N55PL","cmp-card__footer--color-smokey-quartz-bright":"card-module__cmp-card__footer--color-smokey-quartz-bright___1mqyn","cmp-card__footer--color-olivine-bright":"card-module__cmp-card__footer--color-olivine-bright___O2urI","cmp-card--type-careers":"card-module__cmp-card--type-careers___Wqzcf","cmp-card--type-product_details":"card-module__cmp-card--type-product_details___vsNOc","cmp-card--type-product_details__product-info":"card-module__cmp-card--type-product_details__product-info___5L009","cmp-card--type-product_details__header":"card-module__cmp-card--type-product_details__header___Vb3-U","cmp-card--type-product_details__header__title":"card-module__cmp-card--type-product_details__header__title___4KSqX","cmp-card--type-product_details__header__product-code":"card-module__cmp-card--type-product_details__header__product-code___zf7yq","cmp-card--type-product_details__header__product-image":"card-module__cmp-card--type-product_details__header__product-image___Kyy35","cmp-card--type-product_details__spares-list":"card-module__cmp-card--type-product_details__spares-list___VQ31R","folding-spares-list":"card-module__folding-spares-list___ls5-n","folding-specification-list":"card-module__folding-specification-list___tIfSl","folding-specification-holder":"card-module__folding-specification-holder___OtcQQ","folding-spares-holder":"card-module__folding-spares-holder___OhMpO"};
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -454,8 +454,8 @@ var ProductCard = function (_a) {
 // Maximum spares to render to prevent browser freeze
 var MAX_SPARES_TO_RENDER = 20;
 var ProductDetailsCard = function (_a) {
-  var className = _a.className,
-    title = _a.title;
+  _a.className;
+    var title = _a.title;
     _a.imageUrl;
     var imageAlt = _a.imageAlt;
     _a.placeholder;
@@ -468,7 +468,7 @@ var ProductDetailsCard = function (_a) {
     // Limit the number of spares to prevent freeze
     var sparesToRender = hit.spares.slice(0, MAX_SPARES_TO_RENDER);
     return /*#__PURE__*/React.createElement("ul", {
-      className: "folding-spares-list"
+      className: getStyle$1("folding-spares-list")
     }, sparesToRender.map(function (spare, index) {
       // Safety check - skip if spare is not a valid object
       if (!spare || typeof spare !== 'object') return null;
@@ -476,7 +476,7 @@ var ProductDetailsCard = function (_a) {
         key: spare.objectID || spare.code || "spare-".concat(index)
       }, /*#__PURE__*/React.createElement(ProductCard, {
         cardStyle: "type-card-product",
-        className: "cmp-card",
+        className: getStyle$1("cmp-card"),
         title: spare.name || 'Spare Part',
         imageUrl: spare['img-product'] || spare.image || '',
         imageAlt: spare.name || 'Spare Part',
@@ -486,28 +486,28 @@ var ProductDetailsCard = function (_a) {
         cta: "Go to webshop"
       }));
     }), hit.spares.length > MAX_SPARES_TO_RENDER && /*#__PURE__*/React.createElement("li", {
-      className: "folding-spares-list__more"
+      className: getStyle$1("folding-spares-list__more")
     }, "+", hit.spares.length - MAX_SPARES_TO_RENDER, " more items"));
   };
   return /*#__PURE__*/React.createElement("div", {
-    className: className
+    className: getStyle$1("cmp-card--type-product_details")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cmp-card--type-product_details__product-info"
+    className: getStyle$1("cmp-card--type-product_details__product-info")
   }, /*#__PURE__*/React.createElement("div", {
-    className: "cmp-card--type-product_details__header"
+    className: getStyle$1("cmp-card--type-product_details__header")
   }, /*#__PURE__*/React.createElement("h3", {
-    className: "cmp-card--type-product_details__header__title"
+    className: getStyle$1("cmp-card--type-product_details__header__title")
   }, title), /*#__PURE__*/React.createElement("p", {
-    className: "cmp-card--type-product_details__header__product-code"
+    className: getStyle$1("cmp-card--type-product_details__header__product-code")
   }, "Product:", hit.code), /*#__PURE__*/React.createElement("img", {
     src: hit.image,
     alt: imageAlt,
-    className: "cmp-card--type-product_details__header__product-image"
+    className: getStyle$1("cmp-card--type-product_details__header__product-image")
   })), facets && /*#__PURE__*/React.createElement(AccordionSection, {
     title: "Specifications",
-    className: "folding-specification-holder"
+    className: getStyle$1("folding-specification-holder")
   }, /*#__PURE__*/React.createElement("ul", {
-    className: "folding-specification-list"
+    className: getStyle$1("folding-specification-list")
   }, facets && facets.map(function (facet) {
     return hit[facet.name] && /*#__PURE__*/React.createElement("li", {
       key: facet.name
@@ -517,10 +517,10 @@ var ProductDetailsCard = function (_a) {
       }
     }) : hit[facet.name]);
   })))), /*#__PURE__*/React.createElement("div", {
-    className: "cmp-card--type-product_details__spares-list"
+    className: getStyle$1("cmp-card--type-product_details__spares-list")
   }, hit.spares && hit.spares.length > 0 && /*#__PURE__*/React.createElement(AccordionSection, {
     title: "Spares & Parts",
-    className: "folding-spares-holder",
+    className: getStyle$1("folding-spares-holder"),
     lazyLoad: true
   }, renderSpares())));
 };
@@ -738,7 +738,6 @@ var AlgoliaDynamicSearch = function (_a, useScopedStyles, styles) {
       case PRODUCT_DETAILS:
         cardStyle = "type-card-panel";
         Component = ProductDetailsCard;
-        cardClassName = "cmp-card--type-product_details";
         break;
       default:
         return null;