From 931f426d24499e8deeb517194d56a60dc4193877 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matuzal=C3=A9m=20Teles?= <matuzalemteles@gmail.com>
Date: Thu, 7 Dec 2023 20:07:14 -0600
Subject: [PATCH 1/2] fix(@clayui/core): fix accessibility error for
 `aria-colindex` value

---
 packages/clay-core/src/table/Cell.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/clay-core/src/table/Cell.tsx b/packages/clay-core/src/table/Cell.tsx
index 14f637cf08..3860c7a4e6 100644
--- a/packages/clay-core/src/table/Cell.tsx
+++ b/packages/clay-core/src/table/Cell.tsx
@@ -141,7 +141,7 @@ export const Cell = React.forwardRef<HTMLTableCellElement, Props>(
 			<As
 				{...otherProps}
 				{...focusWithinProps}
-				aria-colindex={isHead && !sortable ? undefined : index}
+				aria-colindex={isHead && !sortable ? undefined : index! + 1}
 				aria-describedby={
 					isHead && sortable ? sortDescriptionId : undefined
 				}

From 221ea275242183810b453937f14a430bfc23aae8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Matuzal=C3=A9m=20Teles?= <matuzalemteles@gmail.com>
Date: Mon, 11 Dec 2023 19:32:45 -0600
Subject: [PATCH 2/2] chore(@clayui/core): regen snapshot

---
 .../__snapshots__/BasicRendering.tsx.snap     | 52 +++++++++----------
 1 file changed, 26 insertions(+), 26 deletions(-)

diff --git a/packages/clay-core/src/table/__tests__/__snapshots__/BasicRendering.tsx.snap b/packages/clay-core/src/table/__tests__/__snapshots__/BasicRendering.tsx.snap
index dffa1149cc..19fe0efc64 100644
--- a/packages/clay-core/src/table/__tests__/__snapshots__/BasicRendering.tsx.snap
+++ b/packages/clay-core/src/table/__tests__/__snapshots__/BasicRendering.tsx.snap
@@ -33,7 +33,7 @@ exports[`Table basic rendering render dynamic content 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,name"
             tabindex="-1"
@@ -41,7 +41,7 @@ exports[`Table basic rendering render dynamic content 1`] = `
             Foo
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,type"
             tabindex="-1"
@@ -55,7 +55,7 @@ exports[`Table basic rendering render dynamic content 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,name"
             tabindex="-1"
@@ -63,7 +63,7 @@ exports[`Table basic rendering render dynamic content 1`] = `
             Bar
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,type"
             tabindex="-1"
@@ -77,7 +77,7 @@ exports[`Table basic rendering render dynamic content 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,name"
             tabindex="-1"
@@ -85,7 +85,7 @@ exports[`Table basic rendering render dynamic content 1`] = `
             Baz
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,type"
             tabindex="-1"
@@ -132,7 +132,7 @@ exports[`Table basic rendering render static content 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,$.0"
             tabindex="-1"
@@ -140,7 +140,7 @@ exports[`Table basic rendering render static content 1`] = `
             Foo
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,$.1"
             tabindex="-1"
@@ -154,7 +154,7 @@ exports[`Table basic rendering render static content 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,$.0"
             tabindex="-1"
@@ -162,7 +162,7 @@ exports[`Table basic rendering render static content 1`] = `
             Bar
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,$.1"
             tabindex="-1"
@@ -176,7 +176,7 @@ exports[`Table basic rendering render static content 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,$.0"
             tabindex="-1"
@@ -184,7 +184,7 @@ exports[`Table basic rendering render static content 1`] = `
             Baz
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,$.1"
             tabindex="-1"
@@ -209,7 +209,7 @@ exports[`Table basic rendering render with sort column 1`] = `
       <thead>
         <tr>
           <th
-            aria-colindex="0"
+            aria-colindex="1"
             aria-describedby="clay-id-13"
             aria-sort="none"
             class="table-head-title"
@@ -229,7 +229,7 @@ exports[`Table basic rendering render with sort column 1`] = `
             </a>
           </th>
           <th
-            aria-colindex="1"
+            aria-colindex="2"
             aria-describedby="clay-id-13"
             aria-sort="none"
             class="table-head-title"
@@ -257,7 +257,7 @@ exports[`Table basic rendering render with sort column 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,$.0"
             tabindex="-1"
@@ -265,7 +265,7 @@ exports[`Table basic rendering render with sort column 1`] = `
             Foo
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,$.1"
             tabindex="-1"
@@ -279,7 +279,7 @@ exports[`Table basic rendering render with sort column 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,$.0"
             tabindex="-1"
@@ -287,7 +287,7 @@ exports[`Table basic rendering render with sort column 1`] = `
             Bar
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,$.1"
             tabindex="-1"
@@ -301,7 +301,7 @@ exports[`Table basic rendering render with sort column 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,$.0"
             tabindex="-1"
@@ -309,7 +309,7 @@ exports[`Table basic rendering render with sort column 1`] = `
             Baz
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,$.1"
             tabindex="-1"
@@ -364,7 +364,7 @@ exports[`Table basic rendering render with treegrid 1`] = `
           tabindex="0"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,1:name"
             role="gridcell"
@@ -382,7 +382,7 @@ exports[`Table basic rendering render with treegrid 1`] = `
             </div>
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,1:type"
             role="gridcell"
@@ -402,7 +402,7 @@ exports[`Table basic rendering render with treegrid 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,2:name"
             role="gridcell"
@@ -439,7 +439,7 @@ exports[`Table basic rendering render with treegrid 1`] = `
             </div>
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,2:type"
             role="gridcell"
@@ -458,7 +458,7 @@ exports[`Table basic rendering render with treegrid 1`] = `
           tabindex="-1"
         >
           <td
-            aria-colindex="0"
+            aria-colindex="1"
             class=""
             data-id="string,10:name"
             role="gridcell"
@@ -476,7 +476,7 @@ exports[`Table basic rendering render with treegrid 1`] = `
             </div>
           </td>
           <td
-            aria-colindex="1"
+            aria-colindex="2"
             class=""
             data-id="string,10:type"
             role="gridcell"