@patternfly/react-core 5.0.0-alpha.99 → 5.0.0-prerelease.10

package/src/deprecated/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap

@@ -60,8 +60,10 @@ exports[`SelectOption is selected renders selected successfully 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 512 512"
+          width="1em"
         >
           <path
             d="M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z"

package/src/deprecated/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap

@@ -19,8 +19,10 @@ exports[`SelectToggle state active 1`] = `
         aria-hidden="true"
         class="pf-v5-svg"
         fill="currentColor"
+        height="1em"
         role="img"
         viewBox="0 0 320 512"
+        width="1em"
       >
         <path
           d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"

package/src/deprecated/components/Select/examples/Select.md

@@ -2,9 +2,10 @@
 id: Select
 section: components
 subsection: menus
-cssPrefix: pf-c-select
+cssPrefix: pf-v5-c-select
 propComponents: ['Select', 'SelectOption', 'SelectGroup', 'SelectOptionObject', 'SelectViewMoreObject']
 ouia: true
+deprecated: true
 ---
 
 import CubeIcon from '@patternfly/react-icons/dist/esm/icons/cube-icon';

package/src/deprecated/components/Wizard/WizardHeader.tsx

@@ -2,7 +2,6 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Wizard/wizard';
 import { css } from '@patternfly/react-styles';
 import { Button } from '../../../components/Button';
-import { Title } from '../../../components/Title';
 import TimesIcon from '@patternfly/react-icons/dist/esm/icons/times-icon';
 
 export interface WizardHeaderProps {
@@ -31,18 +30,20 @@ export const WizardHeader: React.FunctionComponent<WizardHeaderProps> = ({
   hideClose,
   closeButtonAriaLabel,
   titleId,
-  descriptionComponent: Component = 'p',
+  descriptionComponent: Component = 'div',
   descriptionId
 }: WizardHeaderProps) => (
   <div className={css(styles.wizardHeader)}>
     {!hideClose && (
-      <Button variant="plain" className={css(styles.wizardClose)} aria-label={closeButtonAriaLabel} onClick={onClose}>
-        <TimesIcon aria-hidden="true" />
-      </Button>
+      <div className={css(styles.wizardClose)}>
+        <Button variant="plain" aria-label={closeButtonAriaLabel} onClick={onClose}>
+          <TimesIcon aria-hidden="true" />
+        </Button>
+      </div>
     )}
-    <Title headingLevel="h2" size="3xl" className={css(styles.wizardTitle)} aria-label={title} id={titleId}>
-      {title || <>&nbsp;</>}
-    </Title>
+    <div className={css(styles.wizardTitle)}>
+      <h2 className={css(styles.wizardTitleText)} id={titleId}>{title || <>&nbsp;</>}</h2>
+    </div>
     {description && (
       <Component className={css(styles.wizardDescription)} id={descriptionId}>
         {description}

package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardFooterInternal.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`WizardFooterInternal should match snapshot (auto-generated) 1`] = `
       aria-disabled="true"
       class="pf-v5-c-button pf-m-secondary pf-m-disabled"
       data-ouia-component-id="OUIA-Generated-Button-secondary-1"
-      data-ouia-component-type="PF4/Button"
+      data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"
       disabled=""
       type="button"
@@ -22,7 +22,7 @@ exports[`WizardFooterInternal should match snapshot (auto-generated) 1`] = `
       aria-disabled="false"
       class="pf-v5-c-button pf-m-primary"
       data-ouia-component-id="OUIA-Generated-Button-primary-1"
-      data-ouia-component-type="PF4/Button"
+      data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"
       type="submit"
     >
@@ -37,7 +37,7 @@ exports[`WizardFooterInternal should match snapshot (auto-generated) 1`] = `
         aria-disabled="false"
         class="pf-v5-c-button pf-m-link"
         data-ouia-component-id="OUIA-Generated-Button-link-1"
-        data-ouia-component-type="PF4/Button"
+        data-ouia-component-type="PF5/Button"
         data-ouia-safe="true"
         type="button"
       >

package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardHeader.test.tsx.snap

@@ -5,24 +5,24 @@ exports[`WizardHeader should match snapshot (auto-generated) 1`] = `
   <div
     class="pf-v5-c-wizard__header"
   >
-    <h2
-      aria-label="string"
-      class="pf-v5-c-title pf-m-3xl pf-v5-c-wizard__title"
-      data-ouia-component-id="OUIA-Generated-Title-1"
-      data-ouia-component-type="PF4/Title"
-      data-ouia-safe="true"
-      id="string"
+    <div
+      class="pf-v5-c-wizard__title"
     >
-      string
-    </h2>
-    <p
+      <h2
+        class="pf-v5-c-wizard__title-text"
+        id="string"
+      >
+        string
+      </h2>
+    </div>
+    <div
       class="pf-v5-c-wizard__description"
       id="string"
-    />
-    <div>
-      ReactNode
+    >
+      <div>
+        ReactNode
+      </div>
     </div>
-    <p />
   </div>
 </DocumentFragment>
 `;

package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardNav.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`WizardNav should match snapshot (auto-generated) 1`] = `
     aria-labelledby="string"
     class="pf-v5-c-wizard__nav"
     data-ouia-component-id="OUIA-Generated-WizardNav-1"
-    data-ouia-component-type="PF4/WizardNav"
+    data-ouia-component-type="PF5/WizardNav"
     data-ouia-safe="true"
   >
     <ol

package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardNavItem.test.tsx.snap

@@ -9,7 +9,7 @@ exports[`WizardNavItem should match snapshot (auto-generated) 1`] = `
       aria-current="false"
       class="pf-v5-c-wizard__nav-link"
       data-ouia-component-id="OUIA-Generated-WizardNavItem-1"
-      data-ouia-component-type="PF4/WizardNavItem"
+      data-ouia-component-type="PF5/WizardNavItem"
       data-ouia-safe="true"
       type="button"
     />

package/src/deprecated/components/Wizard/__tests__/Generated/__snapshots__/WizardToggle.test.tsx.snap

@@ -26,8 +26,10 @@ exports[`WizardToggle should match snapshot (auto-generated) 1`] = `
         aria-hidden="true"
         class="pf-v5-svg"
         fill="currentColor"
+        height="1em"
         role="img"
         viewBox="0 0 320 512"
+        width="1em"
       >
         <path
           d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"

package/src/deprecated/components/Wizard/__tests__/__snapshots__/Wizard.test.tsx.snap

@@ -8,37 +8,43 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
     <div
       class="pf-v5-c-wizard__header"
     >
-      <button
-        aria-disabled="false"
-        aria-label="Close"
-        class="pf-v5-c-button pf-m-plain pf-v5-c-wizard__close"
-        data-ouia-component-id="OUIA-Generated-Button-plain-2"
-        data-ouia-component-type="PF4/Button"
-        data-ouia-safe="true"
-        type="button"
+      <div
+        class="pf-v5-c-wizard__close"
       >
-        <svg
-          aria-hidden="true"
-          class="pf-v5-svg"
-          fill="currentColor"
-          role="img"
-          viewBox="0 0 352 512"
+        <button
+          aria-disabled="false"
+          aria-label="Close"
+          class="pf-v5-c-button pf-m-plain"
+          data-ouia-component-id="OUIA-Generated-Button-plain-2"
+          data-ouia-component-type="PF5/Button"
+          data-ouia-safe="true"
+          type="button"
         >
-          <path
-            d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-          />
-        </svg>
-      </button>
-      <h2
-        aria-label="Wizard title"
-        class="pf-v5-c-title pf-m-3xl pf-v5-c-wizard__title"
-        data-ouia-component-id="OUIA-Generated-Title-2"
-        data-ouia-component-type="PF4/Title"
-        data-ouia-safe="true"
-        id="pf-wizard-title-1"
+          <svg
+            aria-hidden="true"
+            class="pf-v5-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 352 512"
+            width="1em"
+          >
+            <path
+              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        class="pf-v5-c-wizard__title"
       >
-        Wizard title
-      </h2>
+        <h2
+          class="pf-v5-c-wizard__title-text"
+          id="pf-wizard-title-1"
+        >
+          Wizard title
+        </h2>
+      </div>
       <p
         class="pf-v5-c-wizard__description"
         id="pf-wizard-description-1"
@@ -72,8 +78,10 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -91,7 +99,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           aria-labelledby="pf-wizard-title-1"
           class="pf-v5-c-wizard__nav"
           data-ouia-component-id="OUIA-Generated-WizardNav-3"
-          data-ouia-component-type="PF4/WizardNav"
+          data-ouia-component-type="PF5/WizardNav"
           data-ouia-safe="true"
         >
           <ol
@@ -105,7 +113,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                 aria-current="step"
                 class="pf-v5-c-wizard__nav-link pf-m-current"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-7"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 type="button"
               >
@@ -120,7 +128,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                 aria-expanded="false"
                 class="pf-v5-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-8"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 type="button"
               >
@@ -139,8 +147,10 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                       aria-hidden="true"
                       class="pf-v5-svg"
                       fill="currentColor"
+                      height="1em"
                       role="img"
                       viewBox="0 0 256 512"
+                      width="1em"
                     >
                       <path
                         d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
@@ -160,7 +170,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                     aria-current="false"
                     class="pf-v5-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-9"
-                    data-ouia-component-type="PF4/WizardNavItem"
+                    data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
                     type="button"
                   >
@@ -174,7 +184,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                     aria-current="false"
                     class="pf-v5-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-10"
-                    data-ouia-component-type="PF4/WizardNavItem"
+                    data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
                     type="button"
                   >
@@ -190,7 +200,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                 aria-current="false"
                 class="pf-v5-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-11"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 type="button"
               >
@@ -204,7 +214,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                 aria-current="false"
                 class="pf-v5-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-12"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 type="button"
               >
@@ -232,7 +242,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           aria-disabled="true"
           class="pf-v5-c-button pf-m-secondary pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-secondary-2"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
@@ -243,7 +253,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           aria-disabled="false"
           class="pf-v5-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-2"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="submit"
         >
@@ -256,7 +266,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-2"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             type="button"
           >
@@ -277,37 +287,43 @@ exports[`Wizard Wizard should match snapshot 1`] = `
     <div
       class="pf-v5-c-wizard__header"
     >
-      <button
-        aria-disabled="false"
-        aria-label="Close"
-        class="pf-v5-c-button pf-m-plain pf-v5-c-wizard__close"
-        data-ouia-component-id="OUIA-Generated-Button-plain-1"
-        data-ouia-component-type="PF4/Button"
-        data-ouia-safe="true"
-        type="button"
+      <div
+        class="pf-v5-c-wizard__close"
       >
-        <svg
-          aria-hidden="true"
-          class="pf-v5-svg"
-          fill="currentColor"
-          role="img"
-          viewBox="0 0 352 512"
+        <button
+          aria-disabled="false"
+          aria-label="Close"
+          class="pf-v5-c-button pf-m-plain"
+          data-ouia-component-id="OUIA-Generated-Button-plain-1"
+          data-ouia-component-type="PF5/Button"
+          data-ouia-safe="true"
+          type="button"
         >
-          <path
-            d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
-          />
-        </svg>
-      </button>
-      <h2
-        aria-label="Wizard title"
-        class="pf-v5-c-title pf-m-3xl pf-v5-c-wizard__title"
-        data-ouia-component-id="OUIA-Generated-Title-1"
-        data-ouia-component-type="PF4/Title"
-        data-ouia-safe="true"
-        id="pf-wizard-title-0"
+          <svg
+            aria-hidden="true"
+            class="pf-v5-svg"
+            fill="currentColor"
+            height="1em"
+            role="img"
+            viewBox="0 0 352 512"
+            width="1em"
+          >
+            <path
+              d="M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z"
+            />
+          </svg>
+        </button>
+      </div>
+      <div
+        class="pf-v5-c-wizard__title"
       >
-        Wizard title
-      </h2>
+        <h2
+          class="pf-v5-c-wizard__title-text"
+          id="pf-wizard-title-0"
+        >
+          Wizard title
+        </h2>
+      </div>
       <p
         class="pf-v5-c-wizard__description"
         id="pf-wizard-description-0"
@@ -341,8 +357,10 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -360,7 +378,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           aria-labelledby="pf-wizard-title-0"
           class="pf-v5-c-wizard__nav"
           data-ouia-component-id="OUIA-Generated-WizardNav-1"
-          data-ouia-component-type="PF4/WizardNav"
+          data-ouia-component-type="PF5/WizardNav"
           data-ouia-safe="true"
         >
           <ol
@@ -374,7 +392,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                 aria-current="step"
                 class="pf-v5-c-wizard__nav-link pf-m-current"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-1"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 id="step-A"
                 type="button"
@@ -389,7 +407,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                 aria-current="false"
                 class="pf-v5-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-2"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 id="step-B"
                 type="button"
@@ -407,7 +425,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                     aria-current="false"
                     class="pf-v5-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-3"
-                    data-ouia-component-type="PF4/WizardNavItem"
+                    data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
                     id="step-B-1"
                     type="button"
@@ -422,7 +440,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                     aria-current="false"
                     class="pf-v5-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-4"
-                    data-ouia-component-type="PF4/WizardNavItem"
+                    data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
                     id="step-B-2"
                     type="button"
@@ -439,7 +457,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                 aria-current="false"
                 class="pf-v5-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-5"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 id="step-C"
                 type="button"
@@ -454,7 +472,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                 aria-current="false"
                 class="pf-v5-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-6"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 id="step-D"
                 type="button"
@@ -483,7 +501,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           aria-disabled="true"
           class="pf-v5-c-button pf-m-secondary pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-secondary-1"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
@@ -494,7 +512,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           aria-disabled="false"
           class="pf-v5-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-1"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="submit"
         >
@@ -507,7 +525,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-1"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             type="button"
           >
@@ -552,8 +570,10 @@ exports[`Wizard bare wiz 1`] = `
           aria-hidden="true"
           class="pf-v5-svg"
           fill="currentColor"
+          height="1em"
           role="img"
           viewBox="0 0 320 512"
+          width="1em"
         >
           <path
             d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
@@ -570,7 +590,7 @@ exports[`Wizard bare wiz 1`] = `
         <nav
           class="pf-v5-c-wizard__nav"
           data-ouia-component-id="OUIA-Generated-WizardNav-5"
-          data-ouia-component-type="PF4/WizardNav"
+          data-ouia-component-type="PF5/WizardNav"
           data-ouia-safe="true"
         >
           <ol
@@ -584,7 +604,7 @@ exports[`Wizard bare wiz 1`] = `
                 aria-current="step"
                 class="pf-v5-c-wizard__nav-link pf-m-current"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-13"
-                data-ouia-component-type="PF4/WizardNavItem"
+                data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 type="button"
               >
@@ -612,7 +632,7 @@ exports[`Wizard bare wiz 1`] = `
           aria-disabled="true"
           class="pf-v5-c-button pf-m-secondary pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-secondary-3"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           type="button"
@@ -623,7 +643,7 @@ exports[`Wizard bare wiz 1`] = `
           aria-disabled="false"
           class="pf-v5-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-3"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="submit"
         >
@@ -636,7 +656,7 @@ exports[`Wizard bare wiz 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-3"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             type="button"
           >

package/src/deprecated/components/Wizard/examples/Wizard.md

@@ -1,11 +1,12 @@
 ---
 id: Wizard
 section: components
-cssPrefix: pf-c-wizard
+cssPrefix: pf-v5-c-wizard
 propComponents:
   ['Wizard', 'WizardNav', 'WizardNavItem', 'WizardHeader', 'WizardBody', 'WizardFooter', 'WizardToggle', 'WizardStep']
 ouia: true
 source: react-deprecated
+deprecated: true
 ---
 
 import { Button, Drawer, DrawerActions, DrawerCloseButton, DrawerColorVariant,

package/src/helpers/OUIA/OUIA.md

@@ -31,9 +31,9 @@ You can find the complete description on the [OUIA website](https://ouia.readthe
 
 ### Usage
 
-PatternFly 4 generates a `data-ouia-component-type` attribute for selected components automatically
+PatternFly generates a `data-ouia-component-type` attribute for selected components automatically
 based on the name. For example, the `data-ouia-component-type` attribute for the
-[button component](/components/button) is `PF4/Button`. The id of the `data-ouia-component-id`
+[button component](/components/button) is `PF5/Button`. The id of the `data-ouia-component-id`
 attribute is random by default. To specify the concrete id, add an `ouiaId` prop to the
 component.
 
@@ -51,7 +51,7 @@ import { Button } from '@patternfly/react-core';
 </React.Fragment>
 ```
 
-## OUIA-compliant PatternFly 4 components
+## OUIA-compliant PatternFly 5 components
 
 ### react-core package
 

package/src/helpers/OUIA/ouia.ts

@@ -33,7 +33,7 @@ const ouiaIdByRoute: any = {};
  */
 export function getOUIAProps(componentType: string, id: OuiaId, ouiaSafe: boolean = true) {
   return {
-    'data-ouia-component-type': `PF4/${componentType}`,
+    'data-ouia-component-type': `PF5/${componentType}`,
     'data-ouia-safe': ouiaSafe,
     'data-ouia-component-id': id
   };
@@ -49,7 +49,7 @@ export function getOUIAProps(componentType: string, id: OuiaId, ouiaSafe: boolea
  * @param {string} variant Optional variant to add to the generated ID
  */
 export const useOUIAProps = (componentType: string, id?: OuiaId, ouiaSafe: boolean = true, variant?: string) => ({
-  'data-ouia-component-type': `PF4/${componentType}`,
+  'data-ouia-component-type': `PF5/${componentType}`,
   'data-ouia-safe': ouiaSafe,
   'data-ouia-component-id': useOUIAId(componentType, id, variant)
 });