@patternfly/react-core 5.0.0-alpha.90 → 5.0.0-alpha.91

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

@@ -3,28 +3,28 @@
 exports[`Modal Content Test description 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box"
+        class="pf-v5-c-modal-box"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-3"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -32,7 +32,7 @@ exports[`Modal Content Test description 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -44,27 +44,27 @@ exports[`Modal Content Test description 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
           <div
-            class="pf-c-modal-box__description"
+            class="pf-v5-c-modal-box__description"
             id="descriptorId"
           >
             This is a test description.
           </div>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
         >
           This is a ModalBox header
         </div>
@@ -77,28 +77,28 @@ exports[`Modal Content Test description 1`] = `
 exports[`Modal Content Test isOpen 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box"
+        class="pf-v5-c-modal-box"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-2"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -106,7 +106,7 @@ exports[`Modal Content Test isOpen 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -118,21 +118,21 @@ exports[`Modal Content Test isOpen 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
@@ -146,28 +146,28 @@ exports[`Modal Content Test isOpen 1`] = `
 exports[`Modal Content Test only body 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box"
+        class="pf-v5-c-modal-box"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-1"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -175,7 +175,7 @@ exports[`Modal Content Test only body 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -187,21 +187,21 @@ exports[`Modal Content Test only body 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
@@ -215,28 +215,28 @@ exports[`Modal Content Test only body 1`] = `
 exports[`Modal Content Test with footer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box"
+        class="pf-v5-c-modal-box"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-4"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -244,7 +244,7 @@ exports[`Modal Content Test with footer 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -256,27 +256,27 @@ exports[`Modal Content Test with footer 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-c-modal-box__footer"
+          class="pf-v5-c-modal-box__footer"
         >
           Testing
         </footer>
@@ -289,28 +289,28 @@ exports[`Modal Content Test with footer 1`] = `
 exports[`Modal Content Test with onclose 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box pf-m-lg"
+        class="pf-v5-c-modal-box pf-m-lg"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-6"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -318,7 +318,7 @@ exports[`Modal Content Test with onclose 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -330,27 +330,27 @@ exports[`Modal Content Test with onclose 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-c-modal-box__footer"
+          class="pf-v5-c-modal-box__footer"
         >
           Testing footer
         </footer>
@@ -363,28 +363,28 @@ exports[`Modal Content Test with onclose 1`] = `
 exports[`Modal Content test without footer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box"
+        class="pf-v5-c-modal-box"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-5"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -392,7 +392,7 @@ exports[`Modal Content test without footer 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -404,21 +404,21 @@ exports[`Modal Content test without footer 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Content title
             </span>
           </h1>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
@@ -432,28 +432,28 @@ exports[`Modal Content test without footer 1`] = `
 exports[`Modal Test with custom footer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box pf-m-lg"
+        class="pf-v5-c-modal-box pf-m-lg"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-8"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -461,7 +461,7 @@ exports[`Modal Test with custom footer 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -473,27 +473,27 @@ exports[`Modal Test with custom footer 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <h1
-            class="pf-c-modal-box__title"
+            class="pf-v5-c-modal-box__title"
             id="labelId"
           >
             <span
-              class="pf-c-modal-box__title-text"
+              class="pf-v5-c-modal-box__title-text"
             >
               Test Modal Custom Footer
             </span>
           </h1>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-c-modal-box__footer"
+          class="pf-v5-c-modal-box__footer"
         >
           <span
             id="test-custom-footer"
@@ -510,28 +510,28 @@ exports[`Modal Test with custom footer 1`] = `
 exports[`Modal Test with custom header 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-backdrop"
+    class="pf-v5-c-backdrop"
   >
     <div
-      class="pf-l-bullseye"
+      class="pf-v5-l-bullseye"
     >
       <div
         aria-describedby="descriptorId"
         aria-labelledby="labelId"
         aria-modal="true"
-        class="pf-c-modal-box pf-m-lg"
+        class="pf-v5-c-modal-box pf-m-lg"
         data-ouia-component-type="PF4/ModalContent"
         data-ouia-safe="true"
         id="boxId"
         role="dialog"
       >
         <div
-          class="pf-c-modal-box__close"
+          class="pf-v5-c-modal-box__close"
         >
           <button
             aria-disabled="false"
             aria-label="Close"
-            class="pf-c-button pf-m-plain"
+            class="pf-v5-c-button pf-m-plain"
             data-ouia-component-id="OUIA-Generated-Button-plain-7"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -539,7 +539,7 @@ exports[`Modal Test with custom header 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 352 512"
@@ -551,7 +551,7 @@ exports[`Modal Test with custom header 1`] = `
           </button>
         </div>
         <header
-          class="pf-c-modal-box__header"
+          class="pf-v5-c-modal-box__header"
         >
           <span
             id="test-custom-header"
@@ -560,13 +560,13 @@ exports[`Modal Test with custom header 1`] = `
           </span>
         </header>
         <div
-          class="pf-c-modal-box__body"
+          class="pf-v5-c-modal-box__body"
           id="descriptorId"
         >
           This is a ModalBox header
         </div>
         <footer
-          class="pf-c-modal-box__footer"
+          class="pf-v5-c-modal-box__footer"
         >
           Testing footer
         </footer>

package/src/components/Modal/examples/ModalCustomHeaderFooter.tsx

@@ -14,14 +14,14 @@ export const ModalCustomHeaderFooter: React.FunctionComponent = () => {
       <Title id="modal-custom-header-label" headingLevel="h1" size={TitleSizes['2xl']}>
         Custom header/footer modal
       </Title>
-      <p className="pf-u-pt-sm">Allows for custom content in the header and/or footer by passing components.</p>
+      <p className="pf-v5-u-pt-sm">Allows for custom content in the header and/or footer by passing components.</p>
     </React.Fragment>
   );
 
   const footer = (
     <Title headingLevel="h4" size={TitleSizes.md}>
       <WarningTriangleIcon />
-      <span className="pf-u-pl-sm">Custom modal footer.</span>
+      <span className="pf-v5-u-pl-sm">Custom modal footer.</span>
     </Title>
   );
 

package/src/components/Modal/examples/ModalWithForm.tsx

@@ -77,9 +77,9 @@ export const ModalWithForm: React.FunctionComponent = () => {
                 <button
                   type="button"
                   aria-label="More info for name field"
-                  onClick={e => e.preventDefault()}
+                  onClick={(e) => e.preventDefault()}
                   aria-describedby="modal-with-form-form-name"
-                  className="pf-c-form__group-label-help"
+                  className="pf-v5-c-form__group-label-help"
                 >
                   <HelpIcon />
                 </button>
@@ -126,9 +126,9 @@ export const ModalWithForm: React.FunctionComponent = () => {
                 <button
                   type="button"
                   aria-label="More info for e-mail field"
-                  onClick={e => e.preventDefault()}
+                  onClick={(e) => e.preventDefault()}
                   aria-describedby="modal-with-form-form-email"
-                  className="pf-c-form__group-label-help"
+                  className="pf-v5-c-form__group-label-help"
                 >
                   <HelpIcon />
                 </button>
@@ -174,9 +174,9 @@ export const ModalWithForm: React.FunctionComponent = () => {
                 <button
                   type="button"
                   aria-label="More info for address field"
-                  onClick={e => e.preventDefault()}
+                  onClick={(e) => e.preventDefault()}
                   aria-describedby="modal-with-form-form-address"
-                  className="pf-c-form__group-label-help"
+                  className="pf-v5-c-form__group-label-help"
                 >
                   <HelpIcon />
                 </button>

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-c-multiple-file-upload test"
+    class="pf-v5-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-c-multiple-file-upload pf-m-horizontal"
+    class="pf-v5-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-c-multiple-file-upload"
+    class="pf-v5-c-multiple-file-upload"
     role="presentation"
     tabindex="0"
   >