sacred-art
diff --git a/‎CHANGELOG.md‎
Lines changed: 11 additions & 0 deletions b/‎CHANGELOG.md‎
Lines changed: 11 additions & 0 deletions
diff --git a/‎assets/img/payment-methods/ach.svg‎
Lines changed: 4 additions & 0 deletions b/‎assets/img/payment-methods/ach.svg‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎assets/js/polyfills.js‎
Lines changed: 0 additions & 1 deletion b/‎assets/js/polyfills.js‎
Lines changed: 0 additions & 1 deletion
diff --git a/‎assets/js/theme/gift-certificate.js‎
Lines changed: 24 additions & 1 deletion b/‎assets/js/theme/gift-certificate.js‎
Lines changed: 24 additions & 1 deletion
diff --git a/‎assets/scss/components/stencil/cart/_cart.scss‎
Lines changed: 6 additions & 5 deletions b/‎assets/scss/components/stencil/cart/_cart.scss‎
Lines changed: 6 additions & 5 deletions
diff --git a/‎assets/scss/components/stencil/heroCarousel/_heroCarousel.scss‎
Lines changed: 30 additions & 0 deletions b/‎assets/scss/components/stencil/heroCarousel/_heroCarousel.scss‎
Lines changed: 30 additions & 0 deletions
diff --git a/‎assets/scss/components/stencil/navPages/_navPages.scss‎
Lines changed: 0 additions & 126 deletions b/‎assets/scss/components/stencil/navPages/_navPages.scss‎
Lines changed: 0 additions & 126 deletions
diff --git a/‎assets/scss/components/stencil/paymentMethods/_paymentMethods.scss‎
Lines changed: 1 addition & 0 deletions b/‎assets/scss/components/stencil/paymentMethods/_paymentMethods.scss‎
Lines changed: 1 addition & 0 deletions
diff --git a/‎assets/scss/components/stencil/productView/_productView.scss‎
Lines changed: 4 additions & 0 deletions b/‎assets/scss/components/stencil/productView/_productView.scss‎
Lines changed: 4 additions & 0 deletions
diff --git a/‎assets/scss/layouts/products/_productSaleBadges.scss‎
Lines changed: 4 additions & 0 deletions b/‎assets/scss/layouts/products/_productSaleBadges.scss‎
Lines changed: 4 additions & 0 deletions
@@ -6,6 +6,17 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## Draft
 
+## 6.12.0 (07-06-2023)
+- sync package lock file [#2373](https://github.com/bigcommerce/cornerstone/pull/2373)
+- Stored payment method name is not visible in Cornerstone Bold theme style  [#2371](https://github.com/bigcommerce/cornerstone/pull/2371)
+- (sanitize product.description) in the theme results to ‘error length of description’ from Google indexing for lengthy product description [#2363](https://github.com/bigcommerce/cornerstone/pull/2363)
+- Added style configs to payment buttons  [#2361](https://github.com/bigcommerce/cornerstone/pull/2361)
+- Bump Stencil utils to 6.15.1 [#2365][https://github.com/bigcommerce/cornerstone/pull/2365]
+- Write a Review on product page shows blank pop up on second click. [#2368][https://github.com/bigcommerce/cornerstone/pull/2368]
+- Added ACH payment method section to My Account -> Payment Methods page [#2362](https://github.com/bigcommerce/cornerstone/pull/2362)
+- Remove data_tag_enabled check from everywhere [#2369][https://github.com/bigcommerce/cornerstone/pull/2369]
+- Fix add product to cart on iphone x (iphone version 11) [#2370][https://github.com/bigcommerce/cornerstone/pull/2370]
+
 ## 6.11.0 (05-24-2023)
 - Reverted fix for sold-out badge appearance [#2354](https://github.com/bigcommerce/cornerstone/pull/2354)
 - If the gift is a variant, the button "Change" shows in cart, and other variant are visible [#2349](https://github.com/bigcommerce/cornerstone/pull/2349)
 
@@ -1,6 +1,5 @@
 import 'core-js/stable';
 import 'regenerator-runtime/runtime';
-import 'whatwg-fetch';
 import objectFitImages from 'object-fit-images';
 
 require('formdata-polyfill');
 
@@ -171,6 +171,26 @@ export default class GiftCertificate extends PageManager {
             }
         });
 
+        const createFrame = (container, html) => {
+            const frame = $('<iframe />').width('100%').attr('frameBorder', '0').appendTo(container)[0];
+
+            // Grab the frame's document object
+            const frameDoc = frame.contentWindow ? frame.contentWindow.document : frame.contentDocument;
+
+            frameDoc.open();
+            frameDoc.write(html);
+            frameDoc.close();
+
+            // Calculate max height for the iframe
+            const maxheight = Math.max(($(window).height() - 300), 300);
+
+            // Auto adjust the iframe's height once its document is ready
+            $(frameDoc).ready(() => {
+                const height = Math.min(frameDoc.body.scrollHeight + 20, maxheight);
+                $(frame).height(height);
+            });
+        };
+
         $('#gift-certificate-preview').click(event => {
             event.preventDefault();
 
@@ -190,7 +210,10 @@ export default class GiftCertificate extends PageManager {
                     return modal.updateContent(this.context.previewError);
                 }
 
-                modal.updateContent(content, { wrap: true });
+                modal.updateContent();
+
+                const container = $('#modal-content');
+                createFrame(container, content);
             });
         });
     }
 
@@ -315,6 +315,10 @@ $card-preview-zoom-bottom-offset:       6rem;
         display: inline-block;
     }
 
+    &__label {
+        display: inline-block;
+    }
+
     + .definitionList {
         margin-top: spacing("quarter");
     }
@@ -580,11 +584,8 @@ $card-preview-zoom-bottom-offset:       6rem;
     }
 }
 
-.cart-acceleratedCheckoutButtons {
-    align-items: end;
-    display: flex;
-    flex-direction: column;
-    width: 100%;
+.cart-additionalCheckoutButtons {
+    @extend %additionalCheckoutButtons;
 }
 
 // Cart Preview
 
@@ -513,6 +513,36 @@
             }
         }
     }
+
+    .slick-slide {
+        &.is-square-image-type {
+            .heroCarousel-image-wrapper {
+                height: 100vw;
+            }
+        }
+
+        &.is-vertical-image-type {
+            .heroCarousel-image-wrapper {
+                height: 110vw;
+            }
+        }
+
+        &.is-square-image-type,
+        &.is-vertical-image-type {
+            .heroCarousel-image-wrapper {
+                @include breakpoint("small") {
+                    height: 56.25vw;
+                }
+            }
+        }
+
+        &.is-image-error {
+            .heroCarousel-image-wrapper {
+                background: url("../img/hero-carousel-image-load-error.svg") center center no-repeat;
+                background-size: contain;    
+            }
+        }
+    }
 }
 
 .heroCarousel-slide {
 
@@ -227,132 +227,6 @@
         }
     }
 
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &.is-open,
-    .collapsible-icon-wrapper.is-open {
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
-    &:hover,
-    &.activePage {
-        color: $navPage-subMenu-item--is-highlighted-color;
-
-        svg {
-            fill: $navPage-subMenu-item--is-highlighted-color;
-            stroke: $navPage-subMenu-item--is-highlighted-color;
-        }
-    }
-
     // turn a highlight into a button
     &.highlightPage {
         background-color: black;
 
@@ -80,6 +80,7 @@
     }
 
     &-brand {
+        color: color("greys", "dark");
         font-size: fontSize("smallest");
         font-weight: fontWeight("semibold");
 
 
@@ -301,6 +301,10 @@
         color: stencilColor("color-textSecondary--hover");
     }
 
+    &:hover {
+        color: stencilColor("color-textSecondary--hover");
+    }
+
     &--new {
         padding: 0;
     }
 
@@ -237,6 +237,10 @@
     background: stencilColor("color_hover_product_sold_out_badges");
 }
 
+.product:hover .sold-out-flag-sash {
+    background: stencilColor("color_hover_product_sold_out_badges");
+}
+
 .product {
     overflow: hidden;
 }
Original file line number	Diff line number	Diff line change
`@@ -315,6 +315,10 @@ $card-preview-zoom-bottom-offset: 6rem;`
`315`	`315`	`display: inline-block;`
`316`	`316`	`}`
`317`	`317`
	`318`	`+ &__label {`
	`319`	`+ display: inline-block;`
	`320`	`+ }`
	`321`	`+`
`318`	`322`	`+ .definitionList {`
`319`	`323`	`margin-top: spacing("quarter");`
`320`	`324`	`}`
`@@ -580,11 +584,8 @@ $card-preview-zoom-bottom-offset: 6rem;`
`580`	`584`	`}`
`581`	`585`	`}`
`582`	`586`
`583`		`-.cart-acceleratedCheckoutButtons {`
`584`		`- align-items: end;`
`585`		`- display: flex;`
`586`		`- flex-direction: column;`
`587`		`- width: 100%;`
	`587`	`+.cart-additionalCheckoutButtons {`
	`588`	`+ @extend %additionalCheckoutButtons;`
`588`	`589`	`}`
`589`	`590`
`590`	`591`	`// Cart Preview`
Original file line number	Diff line number	Diff line change
`@@ -80,6 +80,7 @@`
`80`	`80`	`}`
`81`	`81`
`82`	`82`	`&-brand {`
	`83`	`+ color: color("greys", "dark");`
`83`	`84`	`font-size: fontSize("smallest");`
`84`	`85`	`font-weight: fontWeight("semibold");`
`85`	`86`
Original file line number	Diff line number	Diff line change
`@@ -301,6 +301,10 @@`
`301`	`301`	`color: stencilColor("color-textSecondary--hover");`
`302`	`302`	`}`
`303`	`303`
	`304`	`+ &:hover {`
	`305`	`+ color: stencilColor("color-textSecondary--hover");`
	`306`	`+ }`
	`307`	`+`
`304`	`308`	`&--new {`
`305`	`309`	`padding: 0;`
`306`	`310`	`}`
Original file line number	Diff line number	Diff line change
`@@ -237,6 +237,10 @@`
`237`	`237`	`background: stencilColor("color_hover_product_sold_out_badges");`
`238`	`238`	`}`
`239`	`239`
	`240`	`+.product:hover .sold-out-flag-sash {`
	`241`	`+ background: stencilColor("color_hover_product_sold_out_badges");`
	`242`	`+}`
	`243`	`+`
`240`	`244`	`.product {`
`241`	`245`	`overflow: hidden;`
`242`	`246`	`}`