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

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

@@ -16,7 +16,6 @@ exports[`expandable vertical with subsection 1`] = `
           class="pf-v6-c-jump-links__toggle"
         >
           <button
-            aria-disabled="false"
             aria-expanded="false"
             aria-label="Toggle jump links"
             class="pf-v6-c-button pf-m-plain"
@@ -70,7 +69,6 @@ exports[`expandable vertical with subsection 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-13"
               data-ouia-component-type="PF6/Button"
@@ -96,7 +94,6 @@ exports[`expandable vertical with subsection 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-14"
               data-ouia-component-type="PF6/Button"
@@ -126,7 +123,6 @@ exports[`expandable vertical with subsection 1`] = `
                 class="pf-v6-c-jump-links__link"
               >
                 <a
-                  aria-disabled="false"
                   class="pf-v6-c-button pf-m-link"
                   data-ouia-component-id="OUIA-Generated-Button-link-15"
                   data-ouia-component-type="PF6/Button"
@@ -152,7 +148,6 @@ exports[`expandable vertical with subsection 1`] = `
                 class="pf-v6-c-jump-links__link"
               >
                 <a
-                  aria-disabled="false"
                   class="pf-v6-c-button pf-m-link"
                   data-ouia-component-id="OUIA-Generated-Button-link-16"
                   data-ouia-component-type="PF6/Button"
@@ -178,7 +173,6 @@ exports[`expandable vertical with subsection 1`] = `
                 class="pf-v6-c-jump-links__link"
               >
                 <a
-                  aria-disabled="false"
                   class="pf-v6-c-button pf-m-link"
                   data-ouia-component-id="OUIA-Generated-Button-link-17"
                   data-ouia-component-type="PF6/Button"
@@ -206,7 +200,6 @@ exports[`expandable vertical with subsection 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-18"
               data-ouia-component-type="PF6/Button"
@@ -232,7 +225,6 @@ exports[`expandable vertical with subsection 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-19"
               data-ouia-component-type="PF6/Button"
@@ -279,7 +271,6 @@ exports[`jumplinks centered 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-4"
               data-ouia-component-type="PF6/Button"
@@ -306,7 +297,6 @@ exports[`jumplinks centered 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-5"
               data-ouia-component-type="PF6/Button"
@@ -332,7 +322,6 @@ exports[`jumplinks centered 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-6"
               data-ouia-component-type="PF6/Button"
@@ -386,7 +375,6 @@ exports[`jumplinks with label 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-7"
               data-ouia-component-type="PF6/Button"
@@ -413,7 +401,6 @@ exports[`jumplinks with label 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-8"
               data-ouia-component-type="PF6/Button"
@@ -439,7 +426,6 @@ exports[`jumplinks with label 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-9"
               data-ouia-component-type="PF6/Button"
@@ -486,7 +472,6 @@ exports[`simple jumplinks 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-1"
               data-ouia-component-type="PF6/Button"
@@ -513,7 +498,6 @@ exports[`simple jumplinks 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-2"
               data-ouia-component-type="PF6/Button"
@@ -539,7 +523,6 @@ exports[`simple jumplinks 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-3"
               data-ouia-component-type="PF6/Button"
@@ -593,7 +576,6 @@ exports[`vertical with label 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-10"
               data-ouia-component-type="PF6/Button"
@@ -620,7 +602,6 @@ exports[`vertical with label 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-11"
               data-ouia-component-type="PF6/Button"
@@ -646,7 +627,6 @@ exports[`vertical with label 1`] = `
             class="pf-v6-c-jump-links__link"
           >
             <a
-              aria-disabled="false"
               class="pf-v6-c-button pf-m-link"
               data-ouia-component-id="OUIA-Generated-Button-link-12"
               data-ouia-component-type="PF6/Button"

package/src/components/Label/Label.tsx

@@ -127,8 +127,8 @@ export const Label: React.FunctionComponent<LabelProps> = ({
 }: LabelProps) => {
   const [isEditableActive, setIsEditableActive] = useState<boolean>(false);
   const [currValue, setCurrValue] = useState(children);
-  const editableButtonRef = React.useRef<HTMLButtonElement>();
-  const editableInputRef = React.useRef<HTMLInputElement>();
+  const editableButtonRef = React.useRef<HTMLButtonElement>(undefined);
+  const editableInputRef = React.useRef<HTMLInputElement>(undefined);
 
   const isOverflowLabel = variant === 'overflow';
   const isAddLabel = variant === 'add';
@@ -245,7 +245,7 @@ export const Label: React.FunctionComponent<LabelProps> = ({
   const closeButton = <span className={css(styles.labelActions)}>{closeBtn || defaultCloseButton}</span>;
   const textRef = React.createRef<any>();
   // ref to apply tooltip when rendered is used
-  const componentRef = React.useRef();
+  const componentRef = React.useRef(undefined);
   const [isTooltipVisible, setIsTooltipVisible] = React.useState(false);
   useIsomorphicLayoutEffect(() => {
     const currTextRef = isEditable ? editableButtonRef : textRef;

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

@@ -19,7 +19,6 @@ exports[`Label editable label 1`] = `
       class="pf-v6-c-label__actions"
     >
       <button
-        aria-disabled="false"
         aria-label="Close Something"
         class="pf-v6-c-button pf-m-plain pf-m-no-padding"
         data-ouia-component-id="OUIA-Generated-Button-plain-3"
@@ -157,7 +156,6 @@ exports[`Label label with close button 1`] = `
       class="pf-v6-c-label__actions"
     >
       <button
-        aria-disabled="false"
         aria-label="Close Something"
         class="pf-v6-c-button pf-m-plain pf-m-no-padding"
         data-ouia-component-id="OUIA-Generated-Button-plain-1"
@@ -206,7 +204,6 @@ exports[`Label label with close button and outline variant 1`] = `
       class="pf-v6-c-label__actions"
     >
       <button
-        aria-disabled="false"
         aria-label="Close Something"
         class="pf-v6-c-button pf-m-plain pf-m-no-padding"
         data-ouia-component-id="OUIA-Generated-Button-plain-2"

package/src/components/Label/__tests__/__snapshots__/LabelGroup.test.tsx.snap

@@ -253,7 +253,6 @@ exports[`LabelGroup label group with closable category 1`] = `
       class="pf-v6-c-label-group__close"
     >
       <button
-        aria-disabled="false"
         aria-label="Close label group"
         aria-labelledby="remove_group_generated-id generated-id"
         class="pf-v6-c-button pf-m-plain pf-m-no-padding"

package/src/components/Label/examples/LabelGroupEditableAddDropdown.tsx

@@ -2,9 +2,9 @@ import React from 'react';
 import { LabelGroup, Label, Menu, MenuContent, MenuList, MenuItem, Popper } from '@patternfly/react-core';
 
 export const LabelGroupEditableAddDropdown: React.FunctionComponent = () => {
-  const toggleRef = React.useRef<HTMLDivElement>();
-  const menuRef = React.useRef<HTMLDivElement>();
-  const containerRef = React.useRef<HTMLDivElement>();
+  const toggleRef = React.useRef<HTMLDivElement>(undefined);
+  const menuRef = React.useRef<HTMLDivElement>(undefined);
+  const containerRef = React.useRef<HTMLDivElement>(undefined);
 
   const [idIndex, setIdIndex] = React.useState<number>(3);
   const [isOpen, setIsOpen] = React.useState<boolean>(false);

package/src/components/List/List.tsx

@@ -54,7 +54,7 @@ export const List: React.FunctionComponent<ListProps> = ({
 }: ListProps) =>
   component === ListComponent.ol ? (
     <ol
-      ref={ref as React.LegacyRef<HTMLOListElement>}
+      ref={ref as React.Ref<HTMLOListElement>}
       type={type}
       {...(isPlain && { role: 'list' })}
       {...props}
@@ -71,7 +71,7 @@ export const List: React.FunctionComponent<ListProps> = ({
     </ol>
   ) : (
     <ul
-      ref={ref as React.LegacyRef<HTMLUListElement>}
+      ref={ref as React.Ref<HTMLUListElement>}
       {...(isPlain && { role: 'list' })}
       {...props}
       className={css(

package/src/components/LoginPage/__tests__/__snapshots__/LoginForm.test.tsx.snap

@@ -131,7 +131,6 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
           class="pf-v6-c-form__actions"
         >
           <button
-            aria-disabled="false"
             class="pf-v6-c-button pf-m-primary pf-m-block"
             data-ouia-component-id="OUIA-Generated-Button-primary-5"
             data-ouia-component-type="PF6/Button"
@@ -254,7 +253,6 @@ exports[`LoginForm LoginForm with show password 1`] = `
             class="pf-v6-c-input-group__item"
           >
             <button
-              aria-disabled="false"
               aria-label="Show password"
               class="pf-v6-c-button pf-m-control"
               data-ouia-component-id="OUIA-Generated-Button-control-1"
@@ -294,7 +292,6 @@ exports[`LoginForm LoginForm with show password 1`] = `
           class="pf-v6-c-form__actions"
         >
           <button
-            aria-disabled="false"
             class="pf-v6-c-button pf-m-primary pf-m-block"
             data-ouia-component-id="OUIA-Generated-Button-primary-6"
             data-ouia-component-type="PF6/Button"
@@ -418,7 +415,6 @@ exports[`LoginForm should render Login form 1`] = `
           class="pf-v6-c-form__actions"
         >
           <button
-            aria-disabled="false"
             class="pf-v6-c-button pf-m-primary pf-m-block"
             data-ouia-component-id="OUIA-Generated-Button-primary-1"
             data-ouia-component-type="PF6/Button"

package/src/components/Menu/Menu.tsx

@@ -90,7 +90,7 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
   constructor(props: MenuProps) {
     super(props);
     if (props.innerRef) {
-      this.menuRef = props.innerRef as React.RefObject<HTMLDivElement>;
+      this.menuRef = props.innerRef as React.RefObject<HTMLDivElement | null>;
     }
   }
 
@@ -290,7 +290,7 @@ class MenuBase extends React.Component<MenuProps, MenuState> {
       >
         {isRootMenu && (
           <KeyboardHandler
-            containerRef={(this.menuRef as React.RefObject<HTMLDivElement>) || null}
+            containerRef={(this.menuRef as React.RefObject<HTMLDivElement | null>) || null}
             additionalKeyHandler={this.handleExtraKeys}
             createNavigableElements={this.createNavigableElements}
             isActiveElement={(element: Element) =>

package/src/components/Menu/MenuContent.tsx

@@ -57,7 +57,9 @@ export const MenuContent = React.forwardRef((props: MenuContentProps, ref: React
         <div
           {...rest}
           className={css(styles.menuContent, props.className)}
-          ref={(el) => refCallback(el, menuId, onGetMenuHeight)}
+          ref={(el) => {
+            refCallback(el, menuId, onGetMenuHeight);
+          }}
           style={
             {
               ...(menuHeight && { [cssHeight.name]: menuHeight }),

package/src/components/Menu/MenuItem.tsx

@@ -68,7 +68,7 @@ export interface MenuItemProps extends Omit<React.HTMLProps<HTMLLIElement>, 'onC
   /** Flag indicating the item is in danger state */
   isDanger?: boolean;
   /** Flyout menu. Should not be used if the to prop is defined. */
-  flyoutMenu?: React.ReactElement;
+  flyoutMenu?: React.ReactElement<any>;
   /** Callback function when mouse leaves trigger */
   onShowFlyout?: (event?: any) => void;
   /** Drilldown menu of the item. Should be a Menu or DrilldownMenu type. */
@@ -146,7 +146,7 @@ const MenuItemBase: React.FunctionComponent<MenuItemProps> = ({
   const [flyoutTarget, setFlyoutTarget] = React.useState(null);
   const flyoutContext = React.useContext(FlyoutContext);
   const [flyoutXDirection, setFlyoutXDirection] = React.useState(flyoutContext.direction);
-  const ref = React.useRef<HTMLLIElement>();
+  const ref = React.useRef<HTMLLIElement>(undefined);
   const flyoutVisible = ref === flyoutRef;
 
   const hasFlyout = flyoutMenu !== undefined;
@@ -259,7 +259,7 @@ const MenuItemBase: React.FunctionComponent<MenuItemProps> = ({
           menuId,
           typeof drilldownMenu === 'function'
             ? (drilldownMenu() as any).props.id
-            : (drilldownMenu as React.ReactElement).props.id,
+            : (drilldownMenu as React.ReactElement<any>).props.id,
           itemId
         );
     } else {

package/src/components/Menu/examples/MenuWithDrilldownBreadcrumbs.tsx

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { type JSX } from 'react';
 import {
   Badge,
   Breadcrumb,

package/src/components/MenuToggle/MenuToggleCheckbox.tsx

@@ -90,7 +90,9 @@ class MenuToggleCheckbox extends React.Component<MenuToggleCheckboxProps, { ouia
           {...(this.calculateChecked() !== undefined && { onChange: this.handleChange })}
           name={id}
           type="checkbox"
-          ref={(elem) => elem && (elem.indeterminate = isChecked === null)}
+          ref={(elem) => {
+            elem && (elem.indeterminate = isChecked === null);
+          }}
           aria-invalid={!isValid}
           disabled={isDisabled}
           {...(defaultChecked !== undefined ? { defaultChecked } : { checked: this.calculateChecked() })}

package/src/components/Modal/Modal.tsx

@@ -183,7 +183,7 @@ class Modal extends React.Component<ModalProps, ModalState> {
         {...props}
       />,
       this.getElement(appendTo)
-    ) as React.ReactElement;
+    ) as React.ReactElement<any>;
   }
 }
 

package/src/components/Modal/__tests__/__snapshots__/ModalContent.test.tsx.snap

@@ -101,7 +101,6 @@ exports[`Modal Content Test with onclose 1`] = `
           class="pf-v6-c-modal-box__close"
         >
           <button
-            aria-disabled="false"
             aria-label="Close"
             class="pf-v6-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-1"

package/src/components/MultipleFileUpload/MultipleFileUpload.tsx

@@ -66,6 +66,7 @@ export const MultipleFileUpload: React.FunctionComponent<MultipleFileUploadProps
         <input
           /* hidden, necessary for react-dropzone */
           {...getInputProps()}
+          hidden
         />
         {children}
       </div>

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

@@ -8,6 +8,7 @@ exports[`MultipleFileUpload renders custom class names 1`] = `
     tabindex="0"
   >
     <input
+      hidden=""
       multiple=""
       style="border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
       tabindex="-1"
@@ -26,6 +27,7 @@ exports[`MultipleFileUpload renders with expected class names when horizontal 1`
     tabindex="0"
   >
     <input
+      hidden=""
       multiple=""
       style="border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
       tabindex="-1"
@@ -44,6 +46,7 @@ exports[`MultipleFileUpload renders with expected class names when not horizonta
     tabindex="0"
   >
     <input
+      hidden=""
       multiple=""
       style="border: 0px; clip: rect(0px, 0px, 0px, 0px); clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;"
       tabindex="-1"

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"