@patternfly/react-core 6.0.0-alpha.35 → 6.0.0-alpha.36

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

@@ -3,28 +3,28 @@
 exports[`Modal Content Test description 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box"
+        class="pf-v6-c-modal-box"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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-3"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -32,7 +32,7 @@ exports[`Modal Content Test description 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -46,27 +46,27 @@ exports[`Modal Content Test description 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
           <div
-            class="pf-v5-c-modal-box__description"
+            class="pf-v6-c-modal-box__description"
             id="descriptorId"
           >
             This is a test description.
           </div>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
         >
           This is a ModalBox header
         </div>
@@ -79,28 +79,28 @@ exports[`Modal Content Test description 1`] = `
 exports[`Modal Content Test isOpen 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box"
+        class="pf-v6-c-modal-box"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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"
@@ -108,7 +108,7 @@ exports[`Modal Content Test isOpen 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -122,21 +122,21 @@ exports[`Modal Content Test isOpen 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
@@ -150,28 +150,28 @@ exports[`Modal Content Test isOpen 1`] = `
 exports[`Modal Content Test only body 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box"
+        class="pf-v6-c-modal-box"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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"
@@ -179,7 +179,7 @@ exports[`Modal Content Test only body 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -193,21 +193,21 @@ exports[`Modal Content Test only body 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
@@ -221,28 +221,28 @@ exports[`Modal Content Test only body 1`] = `
 exports[`Modal Content Test with footer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box"
+        class="pf-v6-c-modal-box"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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-4"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -250,7 +250,7 @@ exports[`Modal Content Test with footer 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -264,27 +264,27 @@ exports[`Modal Content Test with footer 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-v5-c-modal-box__footer"
+          class="pf-v6-c-modal-box__footer"
         >
           Testing
         </footer>
@@ -297,28 +297,28 @@ exports[`Modal Content Test with footer 1`] = `
 exports[`Modal Content Test with onclose 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box pf-m-lg"
+        class="pf-v6-c-modal-box pf-m-lg"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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-6"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -326,7 +326,7 @@ exports[`Modal Content Test with onclose 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -340,27 +340,27 @@ exports[`Modal Content Test with onclose 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-v5-c-modal-box__footer"
+          class="pf-v6-c-modal-box__footer"
         >
           Testing footer
         </footer>
@@ -373,28 +373,28 @@ exports[`Modal Content Test with onclose 1`] = `
 exports[`Modal Content test without footer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box"
+        class="pf-v6-c-modal-box"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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-5"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -402,7 +402,7 @@ exports[`Modal Content test without footer 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -416,21 +416,21 @@ exports[`Modal Content test without footer 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
@@ -444,28 +444,28 @@ exports[`Modal Content test without footer 1`] = `
 exports[`Modal Test with custom footer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box pf-m-lg"
+        class="pf-v6-c-modal-box pf-m-lg"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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-8"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -473,7 +473,7 @@ exports[`Modal Test with custom footer 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -487,27 +487,27 @@ exports[`Modal Test with custom footer 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <h1
-            class="pf-v5-c-modal-box__title"
+            class="pf-v6-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-v5-c-modal-box__title-text"
+              class="pf-v6-c-modal-box__title-text"
             >
               Test Modal Custom Footer
             </span>
           </h1>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-v5-c-modal-box__footer"
+          class="pf-v6-c-modal-box__footer"
         >
           <span
             id="test-custom-footer"
@@ -524,28 +524,28 @@ exports[`Modal Test with custom footer 1`] = `
 exports[`Modal Test with custom header 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-backdrop"
+    class="pf-v6-c-backdrop"
   >
     <div
-      class="pf-v5-l-bullseye"
+      class="pf-v6-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-v5-c-modal-box pf-m-lg"
+        class="pf-v6-c-modal-box pf-m-lg"
         data-ouia-component-type="PF5/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-v5-c-modal-box__close"
+          class="pf-v6-c-modal-box__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-7"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -553,7 +553,7 @@ exports[`Modal Test with custom header 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-v5-svg"
+              class="pf-v6-svg"
               fill="currentColor"
               height="1em"
               role="img"
@@ -567,7 +567,7 @@ exports[`Modal Test with custom header 1`] = `
           </button>
         </div>
         <header
-          class="pf-v5-c-modal-box__header"
+          class="pf-v6-c-modal-box__header"
         >
           <span
             id="test-custom-header"
@@ -576,13 +576,13 @@ exports[`Modal Test with custom header 1`] = `
           </span>
         </header>
         <div
-          class="pf-v5-c-modal-box__body"
+          class="pf-v6-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-v5-c-modal-box__footer"
+          class="pf-v6-c-modal-box__footer"
         >
           Testing footer
         </footer>

package/src/components/MultipleFileUpload/MultipleFileUploadStatusItem.tsx

@@ -148,7 +148,7 @@ export const MultipleFileUploadStatusItem: React.FunctionComponent<MultipleFileU
     <li className={css(styles.multipleFileUploadStatusItem, className)} {...props}>
       <div className={styles.multipleFileUploadStatusItemIcon}>{fileIcon || <FileIcon />}</div>
       <div className={styles.multipleFileUploadStatusItemMain}>
-        <div className="pf-v5-screen-reader" aria-live="polite">
+        <div className="pf-v6-screen-reader" aria-live="polite">
           {progressAriaLiveMessage &&
             typeof progressAriaLiveMessage === 'function' &&
             progressAriaLiveMessage(+loadPercentage.toFixed(2))}

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

@@ -3,7 +3,7 @@
 exports[`MultipleFileUpload renders custom class names 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload test"
+    class="pf-v6-c-multiple-file-upload test"
     role="presentation"
     tabindex="0"
   >
@@ -21,7 +21,7 @@ exports[`MultipleFileUpload renders custom class names 1`] = `
 exports[`MultipleFileUpload renders with expected class names when horizontal 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload pf-m-horizontal"
+    class="pf-v6-c-multiple-file-upload pf-m-horizontal"
     role="presentation"
     tabindex="0"
   >
@@ -39,7 +39,7 @@ exports[`MultipleFileUpload renders with expected class names when horizontal 1`
 exports[`MultipleFileUpload renders with expected class names when not horizontal 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload"
+    class="pf-v6-c-multiple-file-upload"
     role="presentation"
     tabindex="0"
   >

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

@@ -3,11 +3,11 @@
 exports[`MultipleFileUploadButton renders custom class names 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload__upload test"
+    class="pf-v6-c-multiple-file-upload__upload test"
   >
     <button
       aria-disabled="false"
-      class="pf-v5-c-button pf-m-secondary"
+      class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-2"
       data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"
@@ -22,12 +22,12 @@ exports[`MultipleFileUploadButton renders custom class names 1`] = `
 exports[`MultipleFileUploadButton renders with aria-label applied to the button 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload__upload"
+    class="pf-v6-c-multiple-file-upload__upload"
   >
     <button
       aria-disabled="false"
       aria-label="test"
-      class="pf-v5-c-button pf-m-secondary"
+      class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-3"
       data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"
@@ -42,11 +42,11 @@ exports[`MultipleFileUploadButton renders with aria-label applied to the button
 exports[`MultipleFileUploadButton renders with expected class names 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload__upload"
+    class="pf-v6-c-multiple-file-upload__upload"
   >
     <button
       aria-disabled="false"
-      class="pf-v5-c-button pf-m-secondary"
+      class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-1"
       data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"
@@ -61,11 +61,11 @@ exports[`MultipleFileUploadButton renders with expected class names 1`] = `
 exports[`MultipleFileUploadButton renders with label applied to the button 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload__upload"
+    class="pf-v6-c-multiple-file-upload__upload"
   >
     <button
       aria-disabled="false"
-      class="pf-v5-c-button pf-m-secondary"
+      class="pf-v6-c-button pf-m-secondary"
       data-ouia-component-id="OUIA-Generated-Button-secondary-4"
       data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"

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

@@ -3,7 +3,7 @@
 exports[`MultipleFileUploadInfo renders custom class names 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload__info test"
+    class="pf-v6-c-multiple-file-upload__info test"
   >
     Foo
   </div>
@@ -13,7 +13,7 @@ exports[`MultipleFileUploadInfo renders custom class names 1`] = `
 exports[`MultipleFileUploadInfo renders with expected class names 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-multiple-file-upload__info"
+    class="pf-v6-c-multiple-file-upload__info"
   >
     Foo
   </div>