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

package/dist/index.css

@@ -195,6 +195,9 @@
   min-height: 75px;
   background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
 }
+.card-module__cmp-card--type-card-product-no-image__wrapper___ot5Xe {
+  grid-template-columns: repeat(1, 1fr);
+}
 .card-module__cmp-card--type-card-product__image___Bkb0A {
   grid-column: span 1;
   text-align: center;
@@ -253,7 +256,7 @@
   padding: 12px 14px 8px;
   color: #fff;
   text-transform: uppercase;
-  font-weight: bold;
+  font-weight: 400;
   position: absolute;
   bottom: 0;
   right: 0;
@@ -338,9 +341,15 @@
   margin-bottom: 1rem;
 }
 .card-module__cmp-card--type-product_details__header__title___4KSqX {
-  font-size: 1.5rem;
-  font-weight: 600;
+  font-size: clamp(1.5rem, 2vw, 28px);
+  font-weight: 100;
   margin-bottom: 0.5rem;
+  color: #2d363a;
+}
+@media (min-width: 768px) {
+  .card-module__cmp-card--type-product_details__header__title___4KSqX {
+    max-width: 325px;
+  }
 }
 .card-module__cmp-card--type-product_details__header__product-code___zf7yq {
   font-size: 0.875rem;
@@ -406,6 +415,8 @@
 }
 .accordion-section__title {
   flex: 1;
+  font-weight: 100;
+  color: #2d363a;
 }
 .accordion-section__icon {
   transition: transform 0.3s ease;
@@ -436,6 +447,7 @@
   padding: 0 3rem 0 1rem;
   transition: all 0.3s ease-in-out;
   border: 2px solid transparent;
+  cursor: pointer;
 }
 .Button-module__cmp-button--style-primary___hfLAd {
   background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
@@ -1428,10 +1440,10 @@
   font-size: 18px;
 }
 .qr-journey-form-wrapper h1 {
-  font-size: 24px;
+  font-size: 28px;
   font-family: "Calibri W05 Light", "Calibri", sans-serif;
   color: rgb(87, 94, 97);
-  font-weight: 400;
+  font-weight: 100;
   margin-bottom: 2em;
   position: relative;
 }
@@ -1635,48 +1647,71 @@
 }
 .qr-journey-form-wrapper .disabled-product-fields-section {
   background-color: rgb(243, 243, 243);
-  padding: 5px 18px;
+  padding: 1rem;
   margin: 1em 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
 }
 .qr-journey-form-wrapper .disabled-product-fields-section h2 {
   color: rgb(87, 94, 97);
   padding-left: 1.5em;
   position: relative;
+  font-weight: 400;
+  margin: 0;
 }
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields {
   display: flex;
   flex-wrap: wrap;
 }
+@media (min-width: 768px) {
+  .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields {
+    flex-direction: row;
+    flex-wrap: nowrap;
+  }
+}
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper {
   flex: 0.5 1;
   min-width: 50%;
 }
+@media (min-width: 768px) {
+  .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper {
+    flex: 0 1;
+    min-width: 25%;
+  }
+}
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper label .label {
   height: 1em;
   opacity: 1;
   font-weight: 900;
+  font-size: 16px;
 }
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper label input {
   border: 0;
+  font-size: 16px;
+  font-weight: 100;
   background-color: transparent;
   padding: 0;
 }
 .qr-journey-form-wrapper .qr-form-navigation {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
 }
-.qr-journey-form-wrapper .qr-form-navigation button, .qr-journey-form-wrapper .qr-form-navigation input[type=submit] {
+.qr-journey-form-wrapper .qr-form-navigation input[type=submit] {
   border: 0;
-  width: calc(50% - 5px);
   padding: 18px;
   text-transform: uppercase;
   color: #FFFFFF;
   background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
   cursor: pointer;
 }
-.qr-journey-form-wrapper .qr-form-navigation button:first-child, .qr-journey-form-wrapper .qr-form-navigation input[type=submit]:first-child {
+.qr-journey-form-wrapper .qr-form-navigation input[type=submit]:first-child {
   background: #2d363a;
 }
+.qr-journey-form-wrapper .qr-form-navigation button {
+  grid-column: span 1;
+}
 .qr-journey-form-wrapper .qr-form-thank-you-page {
   position: relative;
 }
@@ -1732,9 +1767,20 @@
   justify-content: space-between;
   gap: 1em;
   max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 1em;
+}
+.qr-journey-form-wrapper.desktop-true h1 {
+  margin: 0;
+}
+.qr-journey-form-wrapper.desktop-true h1:after {
+  display: none;
 }
 .qr-journey-form-wrapper.desktop-true .form-progress {
   max-width: 400px;
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
 }
 .qr-journey-form-wrapper.desktop-true form {
   flex: 1;
@@ -1743,6 +1789,10 @@
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop {
   padding: 0;
 }
+.qr-journey-form-wrapper.desktop-true .progress-indicator-desktop.first-page {
+  padding: 2.5rem 0 0 0;
+  border-top: 1px solid rgb(233, 233, 233);
+}
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li {
   list-style: none;
   display: flex;
@@ -1762,7 +1812,7 @@
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li .bullet-point:after {
   content: "";
-  width: 2px;
+  width: 1.25px;
   height: 25px;
   background-color: rgb(130, 134, 136);
   position: absolute;
@@ -1780,18 +1830,21 @@
   text-align: left;
   flex: 2;
   color: rgb(130, 134, 136);
+  font-size: 1.25rem;
+  font-weight: 400;
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li span {
   position: absolute;
   left: 0;
   right: 0;
-  top: 0;
+  top: 2px;
   bottom: 0;
   height: 1em;
   width: 1em;
   text-align: center;
   line-height: 1em;
   margin: auto;
+  font-weight: 400;
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked .bullet-point {
   background-color: rgb(196, 38, 46);
@@ -1799,6 +1852,7 @@
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked h3 {
   color: black;
+  font-weight: 700;
 }
 .qr-journey-form-wrapper.desktop-true .qr-form-thank-you-page {
   max-width: 400px;

package/dist/index.d.ts

@@ -1,5 +1,6 @@
 export { AlgoliaDynamicSearchRaw, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch } from "@stories/experiences/Algolia-dynamic-search/algolia-dynamic-search";
-export * from "@stories/experiences/QRFormJourney/Qr-form/Qr-form";
-export * from "@stories/experiences/QRFormJourney/FormFieldType";
-export * from "@stories/components/AccordionSection";
+export { QrForm } from "@stories/experiences/QRFormJourney/Qr-form/Qr-form";
+export type { allQrFromProps } from "@stories/experiences/QRFormJourney/Qr-form/Qr-form";
+export type { FormFieldType } from "@stories/experiences/QRFormJourney/FormFieldType";
+export { AccordionSection } from "@stories/components/AccordionSection";
 import "@stories/experiences/QRFormJourney/Qr-form/Qr-form";

package/dist/index.esm.css

@@ -195,6 +195,9 @@
   min-height: 75px;
   background: linear-gradient(45deg, rgb(212, 214, 215), rgb(172, 174, 176));
 }
+.card-module__cmp-card--type-card-product-no-image__wrapper___ot5Xe {
+  grid-template-columns: repeat(1, 1fr);
+}
 .card-module__cmp-card--type-card-product__image___Bkb0A {
   grid-column: span 1;
   text-align: center;
@@ -253,7 +256,7 @@
   padding: 12px 14px 8px;
   color: #fff;
   text-transform: uppercase;
-  font-weight: bold;
+  font-weight: 400;
   position: absolute;
   bottom: 0;
   right: 0;
@@ -338,9 +341,15 @@
   margin-bottom: 1rem;
 }
 .card-module__cmp-card--type-product_details__header__title___4KSqX {
-  font-size: 1.5rem;
-  font-weight: 600;
+  font-size: clamp(1.5rem, 2vw, 28px);
+  font-weight: 100;
   margin-bottom: 0.5rem;
+  color: #2d363a;
+}
+@media (min-width: 768px) {
+  .card-module__cmp-card--type-product_details__header__title___4KSqX {
+    max-width: 325px;
+  }
 }
 .card-module__cmp-card--type-product_details__header__product-code___zf7yq {
   font-size: 0.875rem;
@@ -406,6 +415,8 @@
 }
 .accordion-section__title {
   flex: 1;
+  font-weight: 100;
+  color: #2d363a;
 }
 .accordion-section__icon {
   transition: transform 0.3s ease;
@@ -436,6 +447,7 @@
   padding: 0 3rem 0 1rem;
   transition: all 0.3s ease-in-out;
   border: 2px solid transparent;
+  cursor: pointer;
 }
 .Button-module__cmp-button--style-primary___hfLAd {
   background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
@@ -1428,10 +1440,10 @@
   font-size: 18px;
 }
 .qr-journey-form-wrapper h1 {
-  font-size: 24px;
+  font-size: 28px;
   font-family: "Calibri W05 Light", "Calibri", sans-serif;
   color: rgb(87, 94, 97);
-  font-weight: 400;
+  font-weight: 100;
   margin-bottom: 2em;
   position: relative;
 }
@@ -1635,48 +1647,71 @@
 }
 .qr-journey-form-wrapper .disabled-product-fields-section {
   background-color: rgb(243, 243, 243);
-  padding: 5px 18px;
+  padding: 1rem;
   margin: 1em 0;
+  display: flex;
+  flex-direction: column;
+  gap: 1.5rem;
 }
 .qr-journey-form-wrapper .disabled-product-fields-section h2 {
   color: rgb(87, 94, 97);
   padding-left: 1.5em;
   position: relative;
+  font-weight: 400;
+  margin: 0;
 }
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields {
   display: flex;
   flex-wrap: wrap;
 }
+@media (min-width: 768px) {
+  .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields {
+    flex-direction: row;
+    flex-wrap: nowrap;
+  }
+}
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper {
   flex: 0.5 1;
   min-width: 50%;
 }
+@media (min-width: 768px) {
+  .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper {
+    flex: 0 1;
+    min-width: 25%;
+  }
+}
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper label .label {
   height: 1em;
   opacity: 1;
   font-weight: 900;
+  font-size: 16px;
 }
 .qr-journey-form-wrapper .disabled-product-fields-section .qr-form-fields .qr-form-filed-wrapper label input {
   border: 0;
+  font-size: 16px;
+  font-weight: 100;
   background-color: transparent;
   padding: 0;
 }
 .qr-journey-form-wrapper .qr-form-navigation {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: repeat(2, 1fr);
+  gap: 1rem;
 }
-.qr-journey-form-wrapper .qr-form-navigation button, .qr-journey-form-wrapper .qr-form-navigation input[type=submit] {
+.qr-journey-form-wrapper .qr-form-navigation input[type=submit] {
   border: 0;
-  width: calc(50% - 5px);
   padding: 18px;
   text-transform: uppercase;
   color: #FFFFFF;
   background: linear-gradient(45deg, rgb(196, 38, 46), rgb(135, 10, 32));
   cursor: pointer;
 }
-.qr-journey-form-wrapper .qr-form-navigation button:first-child, .qr-journey-form-wrapper .qr-form-navigation input[type=submit]:first-child {
+.qr-journey-form-wrapper .qr-form-navigation input[type=submit]:first-child {
   background: #2d363a;
 }
+.qr-journey-form-wrapper .qr-form-navigation button {
+  grid-column: span 1;
+}
 .qr-journey-form-wrapper .qr-form-thank-you-page {
   position: relative;
 }
@@ -1732,9 +1767,20 @@
   justify-content: space-between;
   gap: 1em;
   max-width: 1200px;
+  margin: 0 auto;
+  padding: 0 1em;
+}
+.qr-journey-form-wrapper.desktop-true h1 {
+  margin: 0;
+}
+.qr-journey-form-wrapper.desktop-true h1:after {
+  display: none;
 }
 .qr-journey-form-wrapper.desktop-true .form-progress {
   max-width: 400px;
+  display: flex;
+  flex-direction: column;
+  gap: 2rem;
 }
 .qr-journey-form-wrapper.desktop-true form {
   flex: 1;
@@ -1743,6 +1789,10 @@
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop {
   padding: 0;
 }
+.qr-journey-form-wrapper.desktop-true .progress-indicator-desktop.first-page {
+  padding: 2.5rem 0 0 0;
+  border-top: 1px solid rgb(233, 233, 233);
+}
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li {
   list-style: none;
   display: flex;
@@ -1762,7 +1812,7 @@
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li .bullet-point:after {
   content: "";
-  width: 2px;
+  width: 1.25px;
   height: 25px;
   background-color: rgb(130, 134, 136);
   position: absolute;
@@ -1780,18 +1830,21 @@
   text-align: left;
   flex: 2;
   color: rgb(130, 134, 136);
+  font-size: 1.25rem;
+  font-weight: 400;
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li span {
   position: absolute;
   left: 0;
   right: 0;
-  top: 0;
+  top: 2px;
   bottom: 0;
   height: 1em;
   width: 1em;
   text-align: center;
   line-height: 1em;
   margin: auto;
+  font-weight: 400;
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked .bullet-point {
   background-color: rgb(196, 38, 46);
@@ -1799,6 +1852,7 @@
 }
 .qr-journey-form-wrapper.desktop-true .progress-indicator-desktop li.checked h3 {
   color: black;
+  font-weight: 700;
 }
 .qr-journey-form-wrapper.desktop-true .qr-form-thank-you-page {
   max-width: 400px;

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__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"};
+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-no-image__wrapper":"card-module__cmp-card--type-card-product-no-image__wrapper___ot5Xe","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;
@@ -414,6 +414,8 @@ var ProductCard = function (_a) {
     title = _a.title,
     imageUrl = _a.imageUrl,
     imageAlt = _a.imageAlt,
+    _b = _a.showImage,
+    showImage = _b === void 0 ? true : _b,
     productPrice = _a.productPrice,
     showProductPrice = _a.showProductPrice,
     cardLink = _a.cardLink,
@@ -432,8 +434,8 @@ var ProductCard = function (_a) {
     onClick: onClick,
     target: "_blank"
   }, /*#__PURE__*/React.createElement("div", {
-    className: getStyle$1("cmp-card--type-card-product__wrapper")
-  }, /*#__PURE__*/React.createElement("div", {
+    className: classnames(getStyle$1("cmp-card--type-card-product__wrapper"), showImage ? "" : getStyle$1("cmp-card--type-card-product-no-image__wrapper"))
+  }, showImage && /*#__PURE__*/React.createElement("div", {
     className: getStyle$1("cmp-card--type-card-product__image")
   }, /*#__PURE__*/React.createElement("figure", null, /*#__PURE__*/React.createElement("img", {
     src: productImage,
@@ -480,10 +482,11 @@ var ProductDetailsCard = function (_a) {
         title: spare.name || 'Spare Part',
         imageUrl: spare['img-product'] || spare.image || '',
         imageAlt: spare.name || 'Spare Part',
-        productPrice: spare.priceValue || spare.price || '',
-        showProductPrice: false,
+        productPrice: spare.priceValue || spare.price || '$450.00',
+        showProductPrice: true,
         cardLink: spare.url || spare.link || '#',
-        cta: "Go to webshop"
+        cta: "Go to webshop",
+        showImage: false
       }));
     }), hit.spares.length > MAX_SPARES_TO_RENDER && /*#__PURE__*/React.createElement("li", {
       className: getStyle$1("folding-spares-list__more")
@@ -521,7 +524,8 @@ var ProductDetailsCard = function (_a) {
   }, hit.spares && hit.spares.length > 0 && /*#__PURE__*/React.createElement(AccordionSection, {
     title: "Spares & Parts",
     className: getStyle$1("folding-spares-holder"),
-    lazyLoad: true
+    lazyLoad: true,
+    defaultOpen: true
   }, renderSpares())));
 };
 
@@ -1299,14 +1303,14 @@ var QrForm = function (props) {
       className: "qr-form-navigation"
     }, !isFirstPage ? /*#__PURE__*/React.createElement(Button, {
       label: i18n === null || i18n === void 0 ? void 0 : i18n.previous,
-      className: "qr-form-nav",
       onClick: formNavigate,
-      "data-page_target": pageIndex - 1
+      "data-page_target": pageIndex - 1,
+      buttonStyle: "secondary"
     }) : /*#__PURE__*/React.createElement("div", null), !isLastPage ? /*#__PURE__*/React.createElement(Button, {
       label: i18n === null || i18n === void 0 ? void 0 : i18n.next,
-      className: "qr-form-nav",
       onClick: formNavigate,
-      "data-page_target": pageIndex + 1
+      "data-page_target": pageIndex + 1,
+      buttonStyle: "primary"
     }) : /*#__PURE__*/React.createElement("input", {
       type: "submit",
       value: i18n === null || i18n === void 0 ? void 0 : i18n.submit
@@ -1335,7 +1339,7 @@ var QrForm = function (props) {
   }, !props.showThankYou ? /*#__PURE__*/React.createElement(React.Fragment, null, !isMobile && /*#__PURE__*/React.createElement("div", {
     className: "form-progress"
   }, props.formHeader && currentPage === 0 && /*#__PURE__*/React.createElement("h1", null, props.formHeader), /*#__PURE__*/React.createElement("ul", {
-    className: "progress-indicator-desktop"
+    className: "progress-indicator-desktop current-page-".concat(currentPage, " ").concat(currentPage === 0 ? "first-page" : "")
   }, pages.map(function (_, index) {
     return /*#__PURE__*/React.createElement("li", {
       className: currentPage >= index ? "checked" : "",
@@ -1391,5 +1395,5 @@ var QrForm = function (props) {
   })));
 };
 
-export { AccordionSection, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch, AlgoliaDynamicSearchRaw, FormFieldRenderer, QrForm };
+export { AccordionSection, AlgoliaDynamicSearchEdwards as AlgoliaDynamicSearch, AlgoliaDynamicSearchRaw, QrForm };
 //# sourceMappingURL=index.esm.js.map