@patternfly/react-core 6.2.0-prerelease.2 → 6.2.0-prerelease.21

package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadButton.test.tsx.snap

@@ -6,7 +6,6 @@ exports[`MultipleFileUploadButton renders custom class names 1`] = `
     class="pf-v6-c-multiple-file-upload__upload test"
   >
     <button
-      aria-disabled="false"
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-2"
       data-ouia-component-type="PF6/Button"
@@ -29,7 +28,6 @@ exports[`MultipleFileUploadButton renders with aria-label applied to the button
     class="pf-v6-c-multiple-file-upload__upload"
   >
     <button
-      aria-disabled="false"
       aria-label="test"
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-3"
@@ -53,7 +51,6 @@ exports[`MultipleFileUploadButton renders with expected class names 1`] = `
     class="pf-v6-c-multiple-file-upload__upload"
   >
     <button
-      aria-disabled="false"
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-1"
       data-ouia-component-type="PF6/Button"
@@ -76,7 +73,6 @@ exports[`MultipleFileUploadButton renders with label applied to the button 1`] =
     class="pf-v6-c-multiple-file-upload__upload"
   >
     <button
-      aria-disabled="false"
       class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-4"
       data-ouia-component-type="PF6/Button"

package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadMain.test.tsx.snap

@@ -9,7 +9,6 @@ exports[`MultipleFileUploadMain passes props to the info component as expected 1
       class="pf-v6-c-multiple-file-upload__upload"
     >
       <button
-        aria-disabled="false"
         class="pf-v6-c-button pf-m-secondary"
         data-ouia-component-id="OUIA-Generated-Button-secondary-4"
         data-ouia-component-type="PF6/Button"
@@ -60,7 +59,6 @@ exports[`MultipleFileUploadMain passes props to the title as expected 1`] = `
       class="pf-v6-c-multiple-file-upload__upload"
     >
       <button
-        aria-disabled="false"
         class="pf-v6-c-button pf-m-secondary"
         data-ouia-component-id="OUIA-Generated-Button-secondary-3"
         data-ouia-component-type="PF6/Button"
@@ -87,7 +85,6 @@ exports[`MultipleFileUploadMain renders custom class names 1`] = `
       class="pf-v6-c-multiple-file-upload__upload"
     >
       <button
-        aria-disabled="false"
         class="pf-v6-c-button pf-m-secondary"
         data-ouia-component-id="OUIA-Generated-Button-secondary-2"
         data-ouia-component-type="PF6/Button"
@@ -114,7 +111,6 @@ exports[`MultipleFileUploadMain renders with expected class names 1`] = `
       class="pf-v6-c-multiple-file-upload__upload"
     >
       <button
-        aria-disabled="false"
         class="pf-v6-c-button pf-m-secondary"
         data-ouia-component-id="OUIA-Generated-Button-secondary-1"
         data-ouia-component-type="PF6/Button"

package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatus.test.tsx.snap

@@ -13,7 +13,6 @@ exports[`MultipleFileUploadStatus renders custom class names 1`] = `
       >
         <button
           aria-controls="generated-id-content"
-          aria-disabled="false"
           aria-expanded="true"
           class="pf-v6-c-button pf-m-link"
           data-ouia-component-id="OUIA-Generated-Button-link-2"
@@ -90,7 +89,6 @@ exports[`MultipleFileUploadStatus renders status toggle icon 1`] = `
       >
         <button
           aria-controls="generated-id-content"
-          aria-disabled="false"
           aria-expanded="true"
           class="pf-v6-c-button pf-m-link"
           data-ouia-component-id="OUIA-Generated-Button-link-4"
@@ -181,7 +179,6 @@ exports[`MultipleFileUploadStatus renders status toggle text 1`] = `
       >
         <button
           aria-controls="generated-id-content"
-          aria-disabled="false"
           aria-expanded="true"
           class="pf-v6-c-button pf-m-link"
           data-ouia-component-id="OUIA-Generated-Button-link-3"
@@ -260,7 +257,6 @@ exports[`MultipleFileUploadStatus renders with expected class names 1`] = `
       >
         <button
           aria-controls="generated-id-content"
-          aria-disabled="false"
           aria-expanded="true"
           class="pf-v6-c-button pf-m-link"
           data-ouia-component-id="OUIA-Generated-Button-link-1"

package/src/components/MultipleFileUpload/__tests__/__snapshots__/MultipleFileUploadStatusItem.test.tsx.snap

@@ -89,7 +89,6 @@ exports[`MultipleFileUploadStatusItem renders custom aria labels 1`] = `
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="buttonAriaLabel"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-8"
@@ -206,7 +205,6 @@ exports[`MultipleFileUploadStatusItem renders custom class names 1`] = `
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-2"
@@ -325,7 +323,6 @@ exports[`MultipleFileUploadStatusItem renders custom file name/size/icon/progres
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-4"
@@ -444,7 +441,6 @@ exports[`MultipleFileUploadStatusItem renders custom function progressAriaLiveMe
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-5"
@@ -580,7 +576,6 @@ exports[`MultipleFileUploadStatusItem renders custom progress value/variant when
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-7"
@@ -699,7 +694,6 @@ exports[`MultipleFileUploadStatusItem renders expected values from a passed file
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-3"
@@ -816,7 +810,6 @@ exports[`MultipleFileUploadStatusItem renders with expected class names 1`] = `
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-1"
@@ -935,7 +928,6 @@ exports[`MultipleFileUploadStatusItem rendersdefault progressAriaLiveMessage whe
       class="pf-v6-c-multiple-file-upload__status-item-close"
     >
       <button
-        aria-disabled="false"
         aria-label="Remove from list"
         class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-6"

package/src/components/Nav/Nav.tsx

@@ -57,7 +57,7 @@ export interface NavContextProps {
   isHorizontal?: boolean;
   flyoutRef?: React.Ref<HTMLLIElement>;
   setFlyoutRef?: (ref: React.Ref<HTMLLIElement>) => void;
-  navRef?: React.RefObject<HTMLElement>;
+  navRef?: React.RefObject<HTMLElement | null>;
 }
 export const navContextDefaults = {};
 export const NavContext = React.createContext<NavContextProps>(navContextDefaults);

package/src/components/Nav/NavItem.tsx

@@ -31,7 +31,7 @@ export interface NavItemProps extends Omit<React.HTMLProps<HTMLAnchorElement>, '
   /** Component used to render NavItems if  React.isValidElement(children) is false */
   component?: React.ElementType<any> | React.ComponentType<any>;
   /** Flyout of a nav item. This should be a Menu component. Should not be used if the to prop is defined. */
-  flyout?: React.ReactElement;
+  flyout?: React.ReactElement<any>;
   /** Callback when flyout is opened or closed */
   onShowFlyout?: () => void;
   /** z-index of the flyout nav item */
@@ -67,9 +67,9 @@ export const NavItem: React.FunctionComponent<NavItemProps> = ({
   const { isSidebarOpen } = React.useContext(PageSidebarContext);
   const [flyoutTarget, setFlyoutTarget] = React.useState(null);
   const [isHovered, setIsHovered] = React.useState(false);
-  const ref = React.useRef<HTMLLIElement>();
+  const ref = React.useRef<HTMLLIElement>(undefined);
   const flyoutVisible = ref === flyoutRef;
-  const popperRef = React.useRef<HTMLDivElement>();
+  const popperRef = React.useRef<HTMLDivElement>(undefined);
   const hasFlyout = flyout !== undefined;
   const Component = hasFlyout ? 'button' : (component as any);
 
@@ -200,7 +200,7 @@ export const NavItem: React.FunctionComponent<NavItemProps> = ({
     );
   };
 
-  const renderClonedChild = (context: any, child: React.ReactElement): React.ReactNode =>
+  const renderClonedChild = (context: any, child: React.ReactElement<any>): React.ReactNode =>
     React.cloneElement(child, {
       onClick: (e: MouseEvent) => context.onSelect(e, groupId, itemId, to, preventDefault, onClick),
       'aria-current': isActive ? 'page' : null,
@@ -256,7 +256,7 @@ export const NavItem: React.FunctionComponent<NavItemProps> = ({
         <NavContext.Consumer>
           {(context) =>
             React.isValidElement(children)
-              ? renderClonedChild(context, children as React.ReactElement)
+              ? renderClonedChild(context, children as React.ReactElement<any>)
               : renderDefaultLink(context)
           }
         </NavContext.Consumer>

package/src/components/Nav/examples/NavDrilldown.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 
 import { Nav, MenuContent, MenuItem, MenuList, DrilldownMenu, Menu } from '@patternfly/react-core';
 

package/src/components/NotificationBadge/__tests__/__snapshots__/NotificationBadge.test.tsx.snap

@@ -3,7 +3,6 @@
 exports[`NotificationBadge count 1`] = `
 <DocumentFragment>
   <button
-    aria-disabled="false"
     aria-expanded="false"
     class="pf-v6-c-button pf-m-stateful pf-m-read"
     data-ouia-component-id="OUIA-Generated-Button-stateful-3"
@@ -40,7 +39,6 @@ exports[`NotificationBadge count 1`] = `
 exports[`false NotificationBadge needs attention 1`] = `
 <DocumentFragment>
   <button
-    aria-disabled="false"
     aria-expanded="false"
     class="pf-v6-c-button pf-m-stateful pf-m-attention"
     data-ouia-component-id="OUIA-Generated-Button-stateful-2"
@@ -60,7 +58,6 @@ exports[`false NotificationBadge needs attention 1`] = `
 exports[`true NotificationBadge needs attention 1`] = `
 <DocumentFragment>
   <button
-    aria-disabled="false"
     aria-expanded="false"
     class="pf-v6-c-button pf-m-stateful pf-m-attention"
     data-ouia-component-id="OUIA-Generated-Button-stateful-1"

package/src/components/NumberInput/__tests__/__snapshots__/NumberInput.test.tsx.snap

@@ -12,7 +12,6 @@ exports[`numberInput disables lower threshold 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-13"
@@ -66,7 +65,6 @@ exports[`numberInput disables lower threshold 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-14"
@@ -114,7 +112,6 @@ exports[`numberInput disables upper threshold 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-15"
@@ -167,7 +164,6 @@ exports[`numberInput disables upper threshold 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-16"
@@ -216,7 +212,6 @@ exports[`numberInput passes button props successfully 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-25"
@@ -270,7 +265,6 @@ exports[`numberInput passes button props successfully 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-26"
@@ -319,7 +313,6 @@ exports[`numberInput passes input props successfully 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-23"
@@ -372,7 +365,6 @@ exports[`numberInput passes input props successfully 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-24"
@@ -421,7 +413,6 @@ exports[`numberInput renders custom width 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-21"
@@ -474,7 +465,6 @@ exports[`numberInput renders custom width 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-22"
@@ -523,7 +513,6 @@ exports[`numberInput renders defaults & extra props 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-1"
@@ -576,7 +565,6 @@ exports[`numberInput renders defaults & extra props 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-2"
@@ -624,7 +612,6 @@ exports[`numberInput renders disabled 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-11"
@@ -679,7 +666,6 @@ exports[`numberInput renders disabled 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-12"
@@ -728,7 +714,6 @@ exports[`numberInput renders error validated 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-5"
@@ -802,7 +787,6 @@ exports[`numberInput renders error validated 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-6"
@@ -850,7 +834,6 @@ exports[`numberInput renders success validated 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-3"
@@ -924,7 +907,6 @@ exports[`numberInput renders success validated 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-4"
@@ -977,7 +959,6 @@ exports[`numberInput renders unit & position 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-19"
@@ -1030,7 +1011,6 @@ exports[`numberInput renders unit & position 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-20"
@@ -1078,7 +1058,6 @@ exports[`numberInput renders unit 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-17"
@@ -1131,7 +1110,6 @@ exports[`numberInput renders unit 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-18"
@@ -1184,7 +1162,6 @@ exports[`numberInput renders value 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-9"
@@ -1237,7 +1214,6 @@ exports[`numberInput renders value 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-10"
@@ -1285,7 +1261,6 @@ exports[`numberInput renders warning validated 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Minus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-7"
@@ -1359,7 +1334,6 @@ exports[`numberInput renders warning validated 1`] = `
         class="pf-v6-c-input-group__item"
       >
         <button
-          aria-disabled="false"
           aria-label="Plus"
           class="pf-v6-c-button pf-m-control"
           data-ouia-component-id="OUIA-Generated-Button-control-8"

package/src/components/Page/Page.tsx

@@ -11,6 +11,8 @@ import { getBreakpoint, getVerticalBreakpoint } from '../../helpers/util';
 import { PageContextProvider } from './PageContext';
 import { PageBody } from './PageBody';
 
+import type { JSX } from 'react';
+
 export enum PageLayouts {
   vertical = 'vertical',
   horizontal = 'horizontal'
@@ -39,7 +41,7 @@ export interface PageProps extends React.HTMLProps<HTMLDivElement> {
   /** Callback when notification drawer panel is finished expanding. */
   onNotificationDrawerExpand?: (event: KeyboardEvent | React.MouseEvent | React.TransitionEvent) => void;
   /** Skip to content component for the page */
-  skipToContent?: React.ReactElement;
+  skipToContent?: React.ReactElement<any>;
   /** Sets the value for role on the <main> element */
   role?: string;
   /** an id to use for the [role="main"] element */

package/src/components/Page/PageSection.tsx

@@ -5,6 +5,8 @@ import { formatBreakpointMods } from '../../helpers/util';
 import { PageContext } from './PageContext';
 import { PageBody } from './PageBody';
 
+import type { JSX } from 'react';
+
 export enum PageSectionVariants {
   default = 'default',
   secondary = 'secondary'

package/src/components/Page/__tests__/__snapshots__/Page.test.tsx.snap

@@ -895,7 +895,6 @@ exports[`Page Check page to verify skip to content points to main content region
       class="pf-v6-c-skip-to-content"
     >
       <a
-        aria-disabled="false"
         class="pf-v6-c-button pf-m-primary"
         data-ouia-component-id="OUIA-Generated-Button-primary-1"
         data-ouia-component-type="PF6/Button"

package/src/components/Pagination/Pagination.tsx

@@ -160,7 +160,7 @@ export interface PaginationProps extends React.HTMLProps<HTMLDivElement>, OUIAPr
   /** This will be shown in pagination toggle span. You can use firstIndex, lastIndex,
    * itemCount, itemsTitle, and/or ofWord props.
    */
-  toggleTemplate?: ((props: PaginationToggleTemplateProps) => React.ReactElement) | string;
+  toggleTemplate?: ((props: PaginationToggleTemplateProps) => React.ReactElement<any>) | string;
   /** Position where pagination is rendered. */
   variant?: 'top' | 'bottom' | PaginationVariant;
   /** Id to ideintify widget on page. */
@@ -304,7 +304,7 @@ export const Pagination: React.FunctionComponent<PaginationProps> = ({
             fillTemplate(toggleTemplate, PaginationToggleTemplateProps)}
           {toggleTemplate &&
             typeof toggleTemplate !== 'string' &&
-            (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement)(
+            (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement<any>)(
               PaginationToggleTemplateProps
             )}
           {!toggleTemplate && (

package/src/components/Pagination/PaginationOptionsMenu.tsx

@@ -48,13 +48,13 @@ export interface PaginationOptionsMenuProps extends React.HTMLProps<HTMLDivEleme
   /** This will be shown in pagination toggle span. You can use firstIndex, lastIndex,
    * itemCount, and/or itemsTitle props.
    */
-  toggleTemplate: ((props: PaginationToggleTemplateProps) => React.ReactElement) | string;
+  toggleTemplate: ((props: PaginationToggleTemplateProps) => React.ReactElement<any>) | string;
   /** Function called when user selects number of items per page. */
   onPerPageSelect?: OnPerPageSelect;
   /** Label for the English word "of". */
   ofWord?: string;
   /** React ref for the container to append the options menu to. This is a static ref provided by the main pagination component. */
-  containerRef?: React.RefObject<HTMLDivElement>;
+  containerRef?: React.RefObject<HTMLDivElement | null>;
   /** @beta The container to append the pagination options menu to. Overrides the containerRef prop. */
   appendTo?: HTMLElement | (() => HTMLElement) | 'inline';
   /** Flag indicating if scroll on focus of the first menu item should occur. */
@@ -193,7 +193,7 @@ export const PaginationOptionsMenu: React.FunctionComponent<PaginationOptionsMen
           fillTemplate(toggleTemplate, { firstIndex, lastIndex, ofWord, itemCount, itemsTitle })}
         {toggleTemplate &&
           typeof toggleTemplate !== 'string' &&
-          (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement)({
+          (toggleTemplate as (props: PaginationToggleTemplateProps) => React.ReactElement<any>)({
             firstIndex,
             lastIndex,
             ofWord,

package/src/components/Pagination/__tests__/Generated/__snapshots__/Navigation.test.tsx.snap

@@ -16,7 +16,6 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = `
       class="pf-v6-c-pagination__nav-control pf-m-first"
     >
       <button
-        aria-disabled="false"
         aria-label="Go to first page"
         class="pf-v6-c-button pf-m-plain"
         data-action="first"
@@ -48,7 +47,6 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = `
       class="pf-v6-c-pagination__nav-control"
     >
       <button
-        aria-disabled="false"
         aria-label="Go to previous page"
         class="pf-v6-c-button pf-m-plain"
         data-action="previous"
@@ -99,7 +97,6 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = `
       class="pf-v6-c-pagination__nav-control"
     >
       <button
-        aria-disabled="false"
         aria-label="Go to next page"
         class="pf-v6-c-button pf-m-plain"
         data-action="next"
@@ -131,7 +128,6 @@ exports[`Navigation should match snapshot (auto-generated) 1`] = `
       class="pf-v6-c-pagination__nav-control pf-m-last"
     >
       <button
-        aria-disabled="false"
         aria-label="Go to last page"
         class="pf-v6-c-button pf-m-plain"
         data-action="last"