fix: merge

Author: ypatadia-eightfold

src/components/Accordion/__snapshots__/Accordion.test.tsx.snap

@@ -553,6 +553,7 @@ exports[`Accordion Accordion renders custom content and its buttons are clickabl
                     style="display: flex; gap: 8px;"
                   >
                     <li
+                      aria-selected="false"
                       class="list-item"
                       role="option"
                       tabindex="0"
@@ -581,6 +582,7 @@ exports[`Accordion Accordion renders custom content and its buttons are clickabl
                       </button>
                     </li>
                     <li
+                      aria-selected="false"
                       class="list-item"
                       role="option"
                       tabindex="-1"

src/components/List/List.tsx

@@ -221,6 +221,7 @@ export const List = <T extends any>({
       ref={itemRef}
       style={itemStyle}
       role="option"
+      aria-selected={focusIndex === index ? 'true' : 'false'}
       tabIndex={focusIndex === index ? 0 : -1}
     >
       {renderItem(item)}

src/components/List/__snapshots__/List.test.tsx.snap

@@ -18,6 +18,7 @@ exports[`List List is horizontal 1`] = `
       role="list"
     >
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -36,6 +37,7 @@ exports[`List List is horizontal 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -54,6 +56,7 @@ exports[`List List is horizontal 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -72,6 +75,7 @@ exports[`List List is horizontal 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -90,6 +94,7 @@ exports[`List List is horizontal 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -137,6 +142,7 @@ exports[`List Renders ol without crashing 1`] = `
       role="list"
     >
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -155,6 +161,7 @@ exports[`List Renders ol without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -173,6 +180,7 @@ exports[`List Renders ol without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -191,6 +199,7 @@ exports[`List Renders ol without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -209,6 +218,7 @@ exports[`List Renders ol without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -256,6 +266,7 @@ exports[`List Renders without crashing 1`] = `
       role="list"
     >
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -274,6 +285,7 @@ exports[`List Renders without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -292,6 +304,7 @@ exports[`List Renders without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -310,6 +323,7 @@ exports[`List Renders without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"
@@ -328,6 +342,7 @@ exports[`List Renders without crashing 1`] = `
         </a>
       </li>
       <li
+        aria-selected="false"
         class="list-item my-list-item-class"
         role="option"
         style="padding: 8px 16px;"