@patternfly/react-core 6.0.0-alpha.5 → 6.0.0-alpha.51

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

@@ -3,18 +3,18 @@
 exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-wizard"
+    class="pf-v6-c-wizard"
   >
     <div
-      class="pf-v5-c-wizard__header"
+      class="pf-v6-c-wizard__header"
     >
       <div
-        class="pf-v5-c-wizard__close"
+        class="pf-v6-c-wizard__close"
       >
         <button
           aria-disabled="false"
           aria-label="Close"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-2"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -22,7 +22,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -36,17 +36,17 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-wizard__title"
+        class="pf-v6-c-wizard__title"
       >
         <h2
-          class="pf-v5-c-wizard__title-text"
+          class="pf-v6-c-wizard__title-text"
           id="pf-wizard-title-1"
         >
           Wizard title
         </h2>
       </div>
       <p
-        class="pf-v5-c-wizard__description"
+        class="pf-v6-c-wizard__description"
         id="pf-wizard-description-1"
       >
         Description here
@@ -55,16 +55,16 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
     <button
       aria-expanded="false"
       aria-label="Wizard Toggle"
-      class="pf-v5-c-wizard__toggle"
+      class="pf-v6-c-wizard__toggle"
     >
       <span
-        class="pf-v5-c-wizard__toggle-list"
+        class="pf-v6-c-wizard__toggle-list"
       >
         <span
-          class="pf-v5-c-wizard__toggle-list-item"
+          class="pf-v6-c-wizard__toggle-list-item"
         >
           <span
-            class="pf-v5-c-wizard__toggle-num"
+            class="pf-v6-c-wizard__toggle-num"
           >
             1
           </span>
@@ -72,11 +72,11 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
         </span>
       </span>
       <span
-        class="pf-v5-c-wizard__toggle-icon"
+        class="pf-v6-c-wizard__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -90,28 +90,28 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
       </span>
     </button>
     <div
-      class="pf-v5-c-wizard__outer-wrap"
+      class="pf-v6-c-wizard__outer-wrap"
     >
       <div
-        class="pf-v5-c-wizard__inner-wrap"
+        class="pf-v6-c-wizard__inner-wrap"
       >
         <nav
           aria-labelledby="pf-wizard-title-1"
-          class="pf-v5-c-wizard__nav"
+          class="pf-v6-c-wizard__nav"
           data-ouia-component-id="OUIA-Generated-WizardNav-3"
           data-ouia-component-type="PF5/WizardNav"
           data-ouia-safe="true"
         >
           <ol
-            class="pf-v5-c-wizard__nav-list"
+            class="pf-v6-c-wizard__nav-list"
             role="list"
           >
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="step"
-                class="pf-v5-c-wizard__nav-link pf-m-current"
+                class="pf-v6-c-wizard__nav-link pf-m-current"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-7"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -121,31 +121,31 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
               </button>
             </li>
             <li
-              class="pf-v5-c-wizard__nav-item pf-m-expandable"
+              class="pf-v6-c-wizard__nav-item pf-m-expandable"
             >
               <button
                 aria-current="false"
                 aria-expanded="false"
-                class="pf-v5-c-wizard__nav-link"
+                class="pf-v6-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-8"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
                 type="button"
               >
                 <span
-                  class="pf-v5-c-wizard__nav-link-text"
+                  class="pf-v6-c-wizard__nav-link-text"
                 >
                   B
                 </span>
                 <span
-                  class="pf-v5-c-wizard__nav-link-toggle"
+                  class="pf-v6-c-wizard__nav-link-toggle"
                 >
                   <span
-                    class="pf-v5-c-wizard__nav-link-toggle-icon"
+                    class="pf-v6-c-wizard__nav-link-toggle-icon"
                   >
                     <svg
                       aria-hidden="true"
-                      class="pf-v5-svg"
+                      class="pf-v6-svg"
                       fill="currentColor"
                       height="1em"
                       role="img"
@@ -160,15 +160,15 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                 </span>
               </button>
               <ol
-                class="pf-v5-c-wizard__nav-list"
+                class="pf-v6-c-wizard__nav-list"
                 role="list"
               >
                 <li
-                  class="pf-v5-c-wizard__nav-item"
+                  class="pf-v6-c-wizard__nav-item"
                 >
                   <button
                     aria-current="false"
-                    class="pf-v5-c-wizard__nav-link"
+                    class="pf-v6-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-9"
                     data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
@@ -178,11 +178,11 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
                   </button>
                 </li>
                 <li
-                  class="pf-v5-c-wizard__nav-item"
+                  class="pf-v6-c-wizard__nav-item"
                 >
                   <button
                     aria-current="false"
-                    class="pf-v5-c-wizard__nav-link"
+                    class="pf-v6-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-10"
                     data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
@@ -194,11 +194,11 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
               </ol>
             </li>
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="false"
-                class="pf-v5-c-wizard__nav-link"
+                class="pf-v6-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-11"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -208,11 +208,11 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
               </button>
             </li>
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="false"
-                class="pf-v5-c-wizard__nav-link"
+                class="pf-v6-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-12"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -224,10 +224,10 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           </ol>
         </nav>
         <div
-          class="pf-v5-c-wizard__main"
+          class="pf-v6-c-wizard__main"
         >
           <div
-            class="pf-v5-c-wizard__main-body"
+            class="pf-v6-c-wizard__main-body"
           >
             <p>
               Step 1
@@ -236,11 +236,11 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
         </div>
       </div>
       <footer
-        class="pf-v5-c-wizard__footer"
+        class="pf-v6-c-wizard__footer"
       >
         <button
           aria-disabled="true"
-          class="pf-v5-c-button pf-m-secondary pf-m-disabled"
+          class="pf-v6-c-button pf-m-secondary pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-secondary-2"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -251,7 +251,7 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
         </button>
         <button
           aria-disabled="false"
-          class="pf-v5-c-button pf-m-primary"
+          class="pf-v6-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-2"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -260,11 +260,11 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
           Next
         </button>
         <div
-          class="pf-v5-c-wizard__footer-cancel"
+          class="pf-v6-c-wizard__footer-cancel"
         >
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-link"
+            class="pf-v6-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-2"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -282,18 +282,18 @@ exports[`Wizard Expandable Nav Wizard should match snapshot 1`] = `
 exports[`Wizard Wizard should match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-wizard"
+    class="pf-v6-c-wizard"
   >
     <div
-      class="pf-v5-c-wizard__header"
+      class="pf-v6-c-wizard__header"
     >
       <div
-        class="pf-v5-c-wizard__close"
+        class="pf-v6-c-wizard__close"
       >
         <button
           aria-disabled="false"
           aria-label="Close"
-          class="pf-v5-c-button pf-m-plain"
+          class="pf-v6-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -301,7 +301,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -315,17 +315,17 @@ exports[`Wizard Wizard should match snapshot 1`] = `
         </button>
       </div>
       <div
-        class="pf-v5-c-wizard__title"
+        class="pf-v6-c-wizard__title"
       >
         <h2
-          class="pf-v5-c-wizard__title-text"
+          class="pf-v6-c-wizard__title-text"
           id="pf-wizard-title-0"
         >
           Wizard title
         </h2>
       </div>
       <p
-        class="pf-v5-c-wizard__description"
+        class="pf-v6-c-wizard__description"
         id="pf-wizard-description-0"
       >
         Description here
@@ -334,16 +334,16 @@ exports[`Wizard Wizard should match snapshot 1`] = `
     <button
       aria-expanded="false"
       aria-label="Wizard Toggle"
-      class="pf-v5-c-wizard__toggle"
+      class="pf-v6-c-wizard__toggle"
     >
       <span
-        class="pf-v5-c-wizard__toggle-list"
+        class="pf-v6-c-wizard__toggle-list"
       >
         <span
-          class="pf-v5-c-wizard__toggle-list-item"
+          class="pf-v6-c-wizard__toggle-list-item"
         >
           <span
-            class="pf-v5-c-wizard__toggle-num"
+            class="pf-v6-c-wizard__toggle-num"
           >
             1
           </span>
@@ -351,11 +351,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
         </span>
       </span>
       <span
-        class="pf-v5-c-wizard__toggle-icon"
+        class="pf-v6-c-wizard__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -369,28 +369,28 @@ exports[`Wizard Wizard should match snapshot 1`] = `
       </span>
     </button>
     <div
-      class="pf-v5-c-wizard__outer-wrap"
+      class="pf-v6-c-wizard__outer-wrap"
     >
       <div
-        class="pf-v5-c-wizard__inner-wrap"
+        class="pf-v6-c-wizard__inner-wrap"
       >
         <nav
           aria-labelledby="pf-wizard-title-0"
-          class="pf-v5-c-wizard__nav"
+          class="pf-v6-c-wizard__nav"
           data-ouia-component-id="OUIA-Generated-WizardNav-1"
           data-ouia-component-type="PF5/WizardNav"
           data-ouia-safe="true"
         >
           <ol
-            class="pf-v5-c-wizard__nav-list"
+            class="pf-v6-c-wizard__nav-list"
             role="list"
           >
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="step"
-                class="pf-v5-c-wizard__nav-link pf-m-current"
+                class="pf-v6-c-wizard__nav-link pf-m-current"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-1"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -401,11 +401,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
               </button>
             </li>
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="false"
-                class="pf-v5-c-wizard__nav-link"
+                class="pf-v6-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-2"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -415,15 +415,15 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                 B
               </button>
               <ol
-                class="pf-v5-c-wizard__nav-list"
+                class="pf-v6-c-wizard__nav-list"
                 role="list"
               >
                 <li
-                  class="pf-v5-c-wizard__nav-item"
+                  class="pf-v6-c-wizard__nav-item"
                 >
                   <button
                     aria-current="false"
-                    class="pf-v5-c-wizard__nav-link"
+                    class="pf-v6-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-3"
                     data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
@@ -434,11 +434,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
                   </button>
                 </li>
                 <li
-                  class="pf-v5-c-wizard__nav-item"
+                  class="pf-v6-c-wizard__nav-item"
                 >
                   <button
                     aria-current="false"
-                    class="pf-v5-c-wizard__nav-link"
+                    class="pf-v6-c-wizard__nav-link"
                     data-ouia-component-id="OUIA-Generated-WizardNavItem-4"
                     data-ouia-component-type="PF5/WizardNavItem"
                     data-ouia-safe="true"
@@ -451,11 +451,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
               </ol>
             </li>
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="false"
-                class="pf-v5-c-wizard__nav-link"
+                class="pf-v6-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-5"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -466,11 +466,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
               </button>
             </li>
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="false"
-                class="pf-v5-c-wizard__nav-link"
+                class="pf-v6-c-wizard__nav-link"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-6"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -483,10 +483,10 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           </ol>
         </nav>
         <div
-          class="pf-v5-c-wizard__main"
+          class="pf-v6-c-wizard__main"
         >
           <div
-            class="pf-v5-c-wizard__main-body"
+            class="pf-v6-c-wizard__main-body"
           >
             <p>
               Step 1
@@ -495,11 +495,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
         </div>
       </div>
       <footer
-        class="pf-v5-c-wizard__footer"
+        class="pf-v6-c-wizard__footer"
       >
         <button
           aria-disabled="true"
-          class="pf-v5-c-button pf-m-secondary pf-m-disabled"
+          class="pf-v6-c-button pf-m-secondary pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-secondary-1"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -510,7 +510,7 @@ exports[`Wizard Wizard should match snapshot 1`] = `
         </button>
         <button
           aria-disabled="false"
-          class="pf-v5-c-button pf-m-primary"
+          class="pf-v6-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-1"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -519,11 +519,11 @@ exports[`Wizard Wizard should match snapshot 1`] = `
           Next
         </button>
         <div
-          class="pf-v5-c-wizard__footer-cancel"
+          class="pf-v6-c-wizard__footer-cancel"
         >
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-link"
+            class="pf-v6-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-1"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -541,22 +541,22 @@ exports[`Wizard Wizard should match snapshot 1`] = `
 exports[`Wizard bare wiz 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-wizard"
+    class="pf-v6-c-wizard"
     id="inPageWizWithAnchorsId"
   >
     <button
       aria-expanded="false"
       aria-label="Wizard Toggle"
-      class="pf-v5-c-wizard__toggle"
+      class="pf-v6-c-wizard__toggle"
     >
       <span
-        class="pf-v5-c-wizard__toggle-list"
+        class="pf-v6-c-wizard__toggle-list"
       >
         <span
-          class="pf-v5-c-wizard__toggle-list-item"
+          class="pf-v6-c-wizard__toggle-list-item"
         >
           <span
-            class="pf-v5-c-wizard__toggle-num"
+            class="pf-v6-c-wizard__toggle-num"
           >
             1
           </span>
@@ -564,11 +564,11 @@ exports[`Wizard bare wiz 1`] = `
         </span>
       </span>
       <span
-        class="pf-v5-c-wizard__toggle-icon"
+        class="pf-v6-c-wizard__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -582,27 +582,27 @@ exports[`Wizard bare wiz 1`] = `
       </span>
     </button>
     <div
-      class="pf-v5-c-wizard__outer-wrap"
+      class="pf-v6-c-wizard__outer-wrap"
     >
       <div
-        class="pf-v5-c-wizard__inner-wrap"
+        class="pf-v6-c-wizard__inner-wrap"
       >
         <nav
-          class="pf-v5-c-wizard__nav"
+          class="pf-v6-c-wizard__nav"
           data-ouia-component-id="OUIA-Generated-WizardNav-5"
           data-ouia-component-type="PF5/WizardNav"
           data-ouia-safe="true"
         >
           <ol
-            class="pf-v5-c-wizard__nav-list"
+            class="pf-v6-c-wizard__nav-list"
             role="list"
           >
             <li
-              class="pf-v5-c-wizard__nav-item"
+              class="pf-v6-c-wizard__nav-item"
             >
               <button
                 aria-current="step"
-                class="pf-v5-c-wizard__nav-link pf-m-current"
+                class="pf-v6-c-wizard__nav-link pf-m-current"
                 data-ouia-component-id="OUIA-Generated-WizardNavItem-13"
                 data-ouia-component-type="PF5/WizardNavItem"
                 data-ouia-safe="true"
@@ -614,10 +614,10 @@ exports[`Wizard bare wiz 1`] = `
           </ol>
         </nav>
         <div
-          class="pf-v5-c-wizard__main"
+          class="pf-v6-c-wizard__main"
         >
           <div
-            class="pf-v5-c-wizard__main-body"
+            class="pf-v6-c-wizard__main-body"
           >
             <p>
               Step 1
@@ -626,11 +626,11 @@ exports[`Wizard bare wiz 1`] = `
         </div>
       </div>
       <footer
-        class="pf-v5-c-wizard__footer"
+        class="pf-v6-c-wizard__footer"
       >
         <button
           aria-disabled="true"
-          class="pf-v5-c-button pf-m-secondary pf-m-disabled"
+          class="pf-v6-c-button pf-m-secondary pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-secondary-3"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -641,7 +641,7 @@ exports[`Wizard bare wiz 1`] = `
         </button>
         <button
           aria-disabled="false"
-          class="pf-v5-c-button pf-m-primary"
+          class="pf-v6-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-3"
           data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
@@ -650,11 +650,11 @@ exports[`Wizard bare wiz 1`] = `
           Next
         </button>
         <div
-          class="pf-v5-c-wizard__footer-cancel"
+          class="pf-v6-c-wizard__footer-cancel"
         >
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-link"
+            class="pf-v6-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-3"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"

package/src/deprecated/components/Wizard/examples/WizardFinished.tsx

@@ -1,11 +1,9 @@
 import React from 'react';
 import {
   EmptyState,
-  EmptyStateHeader,
   EmptyStateFooter,
   EmptyStateBody,
   EmptyStateActions,
-  EmptyStateIcon,
   Progress,
   Button
 } from '@patternfly/react-core';
@@ -43,12 +41,12 @@ const FinishedStep: React.FunctionComponent<finishedProps> = (props: finishedPro
 
   return (
     <div className={layout.bullseye}>
-      <EmptyState variant="lg">
-        <EmptyStateHeader
-          headingLevel="h4"
-          titleText={percent === 100 ? 'Validation complete' : 'Validating credentials'}
-          icon={<EmptyStateIcon icon={CogsIcon} />}
-        />
+      <EmptyState
+        headingLevel="h4"
+        titleText={percent === 100 ? 'Validation complete' : 'Validating credentials'}
+        icon={CogsIcon}
+        variant="lg"
+      >
         <EmptyStateBody>
           <Progress value={percent} measureLocation="outside" aria-label="validation-progress" />
         </EmptyStateBody>