From cef3c78d0acb825ae821e3433604d46783101d2e Mon Sep 17 00:00:00 2001
From: Henrique Limas <henrique.ramos.limas@gmail.com>
Date: Wed, 20 Sep 2023 10:36:45 -0700
Subject: [PATCH] FIX: Update carousel control icons with latest skin
 guidelines (#244)

Co-authored-by: hlimas <hlimas@ebay.com>
---
 .../__tests__/__snapshots__/index.spec.tsx.snap  | 16 ++++++++--------
 src/ebay-carousel/carousel-control-button.tsx    |  4 ++--
 2 files changed, 10 insertions(+), 10 deletions(-)

diff --git a/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap b/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap
index 36395845..6f84d868 100644
--- a/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap
+++ b/src/ebay-carousel/__tests__/__snapshots__/index.spec.tsx.snap
@@ -15,12 +15,12 @@ exports[`Storyshots ebay-carousel Continuous 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="icon icon--carousel-prev icon icon--chevron-left-24"
+          class="icon icon--carousel-prev icon icon--chevron-left-12"
           focusable="false"
           xmlns="http://www.w3.org/2000/svg"
         >
           <use
-            xlink:href="#icon-chevron-left-24"
+            xlink:href="#icon-chevron-left-12"
           />
         </svg>
       </button>
@@ -110,12 +110,12 @@ exports[`Storyshots ebay-carousel Continuous 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="icon icon--carousel-next icon icon--chevron-right-24"
+          class="icon icon--carousel-next icon icon--chevron-right-12"
           focusable="false"
           xmlns="http://www.w3.org/2000/svg"
         >
           <use
-            xlink:href="#icon-chevron-right-24"
+            xlink:href="#icon-chevron-right-12"
           />
         </svg>
       </button>
@@ -139,12 +139,12 @@ exports[`Storyshots ebay-carousel Items Per Slide 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="icon icon--carousel-prev icon icon--chevron-left-24"
+          class="icon icon--carousel-prev icon icon--chevron-left-12"
           focusable="false"
           xmlns="http://www.w3.org/2000/svg"
         >
           <use
-            xlink:href="#icon-chevron-left-24"
+            xlink:href="#icon-chevron-left-12"
           />
         </svg>
       </button>
@@ -234,12 +234,12 @@ exports[`Storyshots ebay-carousel Items Per Slide 1`] = `
       >
         <svg
           aria-hidden="true"
-          class="icon icon--carousel-next icon icon--chevron-right-24"
+          class="icon icon--carousel-next icon icon--chevron-right-12"
           focusable="false"
           xmlns="http://www.w3.org/2000/svg"
         >
           <use
-            xlink:href="#icon-chevron-right-24"
+            xlink:href="#icon-chevron-right-12"
           />
         </svg>
       </button>
diff --git a/src/ebay-carousel/carousel-control-button.tsx b/src/ebay-carousel/carousel-control-button.tsx
index 3c6fbf47..f5a70a28 100644
--- a/src/ebay-carousel/carousel-control-button.tsx
+++ b/src/ebay-carousel/carousel-control-button.tsx
@@ -12,8 +12,8 @@ type CarouselControlProps = {
 }
 
 const icon: Record<CarouselControlType, Icon> = {
-    prev: 'chevronLeft24',
-    next: 'chevronRight24'
+    prev: 'chevronLeft12',
+    next: 'chevronRight12'
 }
 
 const typeToDirection: Record<CarouselControlType, MovementDirection> = {