fix(pagination): remove exportparts from page buttons (#8028)

Author: deleonio

packages/components/src/components/pagination/shadow.tsx

@@ -305,34 +305,35 @@ export class KolPagination implements PaginationAPI {
 	};
 
 	private getUnselectedPageButton(page: number): JSX.Element {
+		const pageText = NUMBER_FORMATTER.format(page);
 		return (
 			<li key={nonce()}>
 				<KolButtonWcTag
-					exportparts="icon"
+					_ariaDescription={`${translate('kol-page')} ${pageText}`}
 					_customClass={this.state._customClass}
-					_label=""
+					_label={pageText}
 					_on={{
 						onClick: (event: Event) => {
 							this.onClick(event, page);
 						},
 					}}
-				>
-					<span slot="expert">
-						<span class="visually-hidden">{translate('kol-page')}</span> {NUMBER_FORMATTER.format(page)}
-					</span>
-				</KolButtonWcTag>
+				></KolButtonWcTag>
 			</li>
 		);
 	}
 
 	private getSelectedPageButton(page: number): JSX.Element {
+		const pageText = NUMBER_FORMATTER.format(page);
 		return (
 			<li key={nonce()}>
-				<KolButtonWcTag class="selected" _customClass={this.state._customClass} _disabled={true} _label="">
-					<span slot="expert">
-						<span class="visually-hidden">{translate('kol-page')}</span> {NUMBER_FORMATTER.format(page)}
-					</span>
-				</KolButtonWcTag>
+				<KolButtonWcTag
+					aria-current="page"
+					class="selected"
+					_ariaDescription={`${translate('kol-page')} ${pageText}`}
+					_customClass={this.state._customClass}
+					_disabled={true}
+					_label={pageText}
+				></KolButtonWcTag>
 			</li>
 		);
 	}

packages/components/src/components/pagination/test/__snapshots__/snapshot.spec.tsx.snap

@@ -22,24 +22,10 @@ exports[`kol-pagination should render with _label="Label" _on={} _max=2 _page=1
           <kol-button-wc _disabled="" _hidelabel="" _label="kol-page-back" _tooltipalign="top" class="previous" exportparts="icon"></kol-button-wc>
         </li>
         <li>
-          <kol-button-wc _disabled="" _label="" class="selected">
-            <span slot="expert">
-              <span class="visually-hidden">
-                kol-page
-              </span>
-              1
-            </span>
-          </kol-button-wc>
+          <kol-button-wc _ariadescription="kol-page 1" _disabled="" _label="1" aria-current="page" class="selected"></kol-button-wc>
         </li>
         <li>
-          <kol-button-wc _label="" exportparts="icon">
-            <span slot="expert">
-              <span class="visually-hidden">
-                kol-page
-              </span>
-              2
-            </span>
-          </kol-button-wc>
+          <kol-button-wc _ariadescription="kol-page 2" _label="2"></kol-button-wc>
         </li>
         <li>
           <kol-button-wc _hidelabel="" _label="kol-page-next" _tooltipalign="top" class="next" exportparts="icon"></kol-button-wc>