@asantemedia-org/edwardsvacuum-design-system 1.6.37 → 1.6.39

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

@@ -1,6 +1,6 @@
 import React, { useState, useRef, useCallback, useMemo, useEffect } from 'react';
 import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
-import { faChevronRight, faArrowRight } from '@fortawesome/pro-solid-svg-icons';
+import { faChevronDown, faChevronRight, faArrowRight } from '@fortawesome/pro-solid-svg-icons';
 import { v4 } from 'uuid';
 
 /******************************************************************************
@@ -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;
@@ -239,25 +239,6 @@ function requireClassnames() {
 var classnamesExports = requireClassnames();
 var classnames = /*@__PURE__*/getDefaultExportFromCjs(classnamesExports);
 
-// Simple chevron SVG to avoid FontAwesome dependency issues
-var ChevronIcon = function (_a) {
-  var isOpen = _a.isOpen;
-  return /*#__PURE__*/React.createElement("svg", {
-    width: "12",
-    height: "12",
-    viewBox: "0 0 12 12",
-    fill: "none",
-    style: {
-      transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
-      transition: 'transform 0.2s ease'
-    }
-  }, /*#__PURE__*/React.createElement("path", {
-    d: "M2 4L6 8L10 4",
-    stroke: "#C4262E",
-    strokeWidth: "2",
-    strokeLinecap: "round"
-  }));
-};
 var AccordionSection = function (_a) {
   var title = _a.title,
     children = _a.children,
@@ -315,9 +296,14 @@ var AccordionSection = function (_a) {
   }, /*#__PURE__*/React.createElement("span", {
     className: "accordion-section__title"
   }, title), /*#__PURE__*/React.createElement("span", {
-    className: "accordion-section__icon"
-  }, /*#__PURE__*/React.createElement(ChevronIcon, {
-    isOpen: isOpen
+    className: "accordion-section__icon",
+    style: {
+      transform: isOpen ? 'rotate(180deg)' : 'rotate(0deg)',
+      transition: 'transform 0.2s ease'
+    }
+  }, /*#__PURE__*/React.createElement(FontAwesomeIcon, {
+    icon: faChevronDown,
+    color: "#C4262E"
   }))), /*#__PURE__*/React.createElement("div", {
     className: "accordion-section__content",
     style: {
@@ -482,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;
@@ -490,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',
@@ -500,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
   }, /*#__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
@@ -531,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())));
 };