From 479cc415c41c115449badf0764abaa84be8e5e96 Mon Sep 17 00:00:00 2001
From: Felix Perron-Brault <fpbrault@coveo.com>
Date: Fri, 11 Oct 2024 15:58:43 -0400
Subject: [PATCH] fix(atomic): hide carousel buttons when image size is set to
 icon (#4518)

This PR hides the product image carousel buttons when **imageSize** is
set to icon. This prevent the buttons from overlapping with the icon.

https://coveord.atlassian.net/browse/KIT-3612
---
 .../components/commerce/atomic-product/atomic-product.pcss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/packages/atomic/src/components/commerce/atomic-product/atomic-product.pcss b/packages/atomic/src/components/commerce/atomic-product/atomic-product.pcss
index 81fc526f4c2..e8a818fc451 100644
--- a/packages/atomic/src/components/commerce/atomic-product/atomic-product.pcss
+++ b/packages/atomic/src/components/commerce/atomic-product/atomic-product.pcss
@@ -6,6 +6,13 @@
   @apply relative;
 
   .with-sections {
+    &.image-icon {
+      atomic-product-image::part(previous-button),
+      atomic-product-image::part(next-button),
+      atomic-product-image::part(indicator) {
+        display: none;
+      }
+    }
     &.display-grid {
       @screen desktop-only {
         &.image-large {