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

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

@@ -3,27 +3,27 @@
 exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
 <DocumentFragment>
   <form
-    class="pf-c-form"
+    class="pf-v5-c-form"
     novalidate=""
   >
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-label"
+        class="pf-v5-c-form__group-label"
       >
         <label
-          class="pf-c-form__label"
+          class="pf-v5-c-form__label"
           for="pf-login-username-id"
         >
           <span
-            class="pf-c-form__label-text"
+            class="pf-v5-c-form__label-text"
           >
             Username
           </span>
           <span
             aria-hidden="true"
-            class="pf-c-form__label-required"
+            class="pf-v5-c-form__label-required"
           >
              *
           </span>
@@ -31,11 +31,11 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
          
       </div>
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <input
           aria-invalid="false"
-          class="pf-c-form-control"
+          class="pf-v5-c-form-control"
           data-ouia-component-id="OUIA-Generated-TextInputBase-9"
           data-ouia-component-type="PF4/TextInput"
           data-ouia-safe="true"
@@ -48,23 +48,23 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-label"
+        class="pf-v5-c-form__group-label"
       >
         <label
-          class="pf-c-form__label"
+          class="pf-v5-c-form__label"
           for="pf-login-password-id"
         >
           <span
-            class="pf-c-form__label-text"
+            class="pf-v5-c-form__label-text"
           >
             Password
           </span>
           <span
             aria-hidden="true"
-            class="pf-c-form__label-required"
+            class="pf-v5-c-form__label-required"
           >
              *
           </span>
@@ -72,11 +72,11 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
          
       </div>
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <input
           aria-invalid="false"
-          class="pf-c-form-control"
+          class="pf-v5-c-form-control"
           data-ouia-component-id="OUIA-Generated-TextInputBase-10"
           data-ouia-component-type="PF4/TextInput"
           data-ouia-safe="true"
@@ -89,17 +89,17 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <div
-          class="pf-c-check"
+          class="pf-v5-c-check"
         >
           <input
             aria-invalid="false"
-            class="pf-c-check__input"
+            class="pf-v5-c-check__input"
             data-ouia-component-id="OUIA-Generated-Checkbox-4"
             data-ouia-component-type="PF4/Checkbox"
             data-ouia-safe="true"
@@ -107,7 +107,7 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
             type="checkbox"
           />
           <label
-            class="pf-c-check__label"
+            class="pf-v5-c-check__label"
             for="pf-login-remember-me-id"
           >
             Remember me
@@ -116,17 +116,17 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group pf-m-action"
+      class="pf-v5-c-form__group pf-m-action"
     >
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <div
-          class="pf-c-form__actions"
+          class="pf-v5-c-form__actions"
         >
           <button
             aria-disabled="false"
-            class="pf-c-button pf-m-primary pf-m-block"
+            class="pf-v5-c-button pf-m-primary pf-m-block"
             data-ouia-component-id="OUIA-Generated-Button-primary-5"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -144,27 +144,27 @@ exports[`LoginForm LoginForm with rememberMeLabel 1`] = `
 exports[`LoginForm LoginForm with show password 1`] = `
 <DocumentFragment>
   <form
-    class="pf-c-form"
+    class="pf-v5-c-form"
     novalidate=""
   >
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-label"
+        class="pf-v5-c-form__group-label"
       >
         <label
-          class="pf-c-form__label"
+          class="pf-v5-c-form__label"
           for="pf-login-username-id"
         >
           <span
-            class="pf-c-form__label-text"
+            class="pf-v5-c-form__label-text"
           >
             Username
           </span>
           <span
             aria-hidden="true"
-            class="pf-c-form__label-required"
+            class="pf-v5-c-form__label-required"
           >
              *
           </span>
@@ -172,11 +172,11 @@ exports[`LoginForm LoginForm with show password 1`] = `
          
       </div>
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <input
           aria-invalid="false"
-          class="pf-c-form-control"
+          class="pf-v5-c-form-control"
           data-ouia-component-id="OUIA-Generated-TextInputBase-11"
           data-ouia-component-type="PF4/TextInput"
           data-ouia-safe="true"
@@ -189,23 +189,23 @@ exports[`LoginForm LoginForm with show password 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-label"
+        class="pf-v5-c-form__group-label"
       >
         <label
-          class="pf-c-form__label"
+          class="pf-v5-c-form__label"
           for="pf-login-password-id"
         >
           <span
-            class="pf-c-form__label-text"
+            class="pf-v5-c-form__label-text"
           >
             Password
           </span>
           <span
             aria-hidden="true"
-            class="pf-c-form__label-required"
+            class="pf-v5-c-form__label-required"
           >
              *
           </span>
@@ -213,14 +213,14 @@ exports[`LoginForm LoginForm with show password 1`] = `
          
       </div>
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <div
-          class="pf-c-input-group"
+          class="pf-v5-c-input-group"
         >
           <input
             aria-invalid="false"
-            class="pf-c-form-control"
+            class="pf-v5-c-form-control"
             data-ouia-component-id="OUIA-Generated-TextInputBase-12"
             data-ouia-component-type="PF4/TextInput"
             data-ouia-safe="true"
@@ -233,7 +233,7 @@ exports[`LoginForm LoginForm with show password 1`] = `
           <button
             aria-disabled="false"
             aria-label="Show password"
-            class="pf-c-button pf-m-control"
+            class="pf-v5-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-1"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -241,7 +241,7 @@ exports[`LoginForm LoginForm with show password 1`] = `
           >
             <svg
               aria-hidden="true"
-              class="pf-svg"
+              class="pf-v5-svg"
               fill="currentColor"
               role="img"
               viewBox="0 0 576 512"
@@ -255,17 +255,17 @@ exports[`LoginForm LoginForm with show password 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group pf-m-action"
+      class="pf-v5-c-form__group pf-m-action"
     >
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <div
-          class="pf-c-form__actions"
+          class="pf-v5-c-form__actions"
         >
           <button
             aria-disabled="false"
-            class="pf-c-button pf-m-primary pf-m-block"
+            class="pf-v5-c-button pf-m-primary pf-m-block"
             data-ouia-component-id="OUIA-Generated-Button-primary-6"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"
@@ -283,27 +283,27 @@ exports[`LoginForm LoginForm with show password 1`] = `
 exports[`LoginForm should render Login form 1`] = `
 <DocumentFragment>
   <form
-    class="pf-c-form"
+    class="pf-v5-c-form"
     novalidate=""
   >
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-label"
+        class="pf-v5-c-form__group-label"
       >
         <label
-          class="pf-c-form__label"
+          class="pf-v5-c-form__label"
           for="pf-login-username-id"
         >
           <span
-            class="pf-c-form__label-text"
+            class="pf-v5-c-form__label-text"
           >
             Username
           </span>
           <span
             aria-hidden="true"
-            class="pf-c-form__label-required"
+            class="pf-v5-c-form__label-required"
           >
              *
           </span>
@@ -311,11 +311,11 @@ exports[`LoginForm should render Login form 1`] = `
          
       </div>
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <input
           aria-invalid="false"
-          class="pf-c-form-control"
+          class="pf-v5-c-form-control"
           data-ouia-component-id="OUIA-Generated-TextInputBase-1"
           data-ouia-component-type="PF4/TextInput"
           data-ouia-safe="true"
@@ -328,23 +328,23 @@ exports[`LoginForm should render Login form 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group"
+      class="pf-v5-c-form__group"
     >
       <div
-        class="pf-c-form__group-label"
+        class="pf-v5-c-form__group-label"
       >
         <label
-          class="pf-c-form__label"
+          class="pf-v5-c-form__label"
           for="pf-login-password-id"
         >
           <span
-            class="pf-c-form__label-text"
+            class="pf-v5-c-form__label-text"
           >
             Password
           </span>
           <span
             aria-hidden="true"
-            class="pf-c-form__label-required"
+            class="pf-v5-c-form__label-required"
           >
              *
           </span>
@@ -352,11 +352,11 @@ exports[`LoginForm should render Login form 1`] = `
          
       </div>
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <input
           aria-invalid="false"
-          class="pf-c-form-control"
+          class="pf-v5-c-form-control"
           data-ouia-component-id="OUIA-Generated-TextInputBase-2"
           data-ouia-component-type="PF4/TextInput"
           data-ouia-safe="true"
@@ -369,17 +369,17 @@ exports[`LoginForm should render Login form 1`] = `
       </div>
     </div>
     <div
-      class="pf-c-form__group pf-m-action"
+      class="pf-v5-c-form__group pf-m-action"
     >
       <div
-        class="pf-c-form__group-control"
+        class="pf-v5-c-form__group-control"
       >
         <div
-          class="pf-c-form__actions"
+          class="pf-v5-c-form__actions"
         >
           <button
             aria-disabled="false"
-            class="pf-c-button pf-m-primary pf-m-block"
+            class="pf-v5-c-button pf-m-primary pf-m-block"
             data-ouia-component-id="OUIA-Generated-Button-primary-1"
             data-ouia-component-type="PF4/Button"
             data-ouia-safe="true"

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

@@ -3,7 +3,7 @@
 exports[`LoginMainBody className is added to the root element 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-login__main-body extra-class"
+    class="pf-v5-c-login__main-body extra-class"
   />
 </DocumentFragment>
 `;
@@ -11,7 +11,7 @@ exports[`LoginMainBody className is added to the root element 1`] = `
 exports[`LoginMainBody renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-login__main-body"
+    class="pf-v5-c-login__main-body"
   />
 </DocumentFragment>
 `;

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

@@ -3,7 +3,7 @@
 exports[`LoginMainFooter className is added to the root element 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-login__main-footer extra-class"
+    class="pf-v5-c-login__main-footer extra-class"
   />
 </DocumentFragment>
 `;
@@ -11,7 +11,7 @@ exports[`LoginMainFooter className is added to the root element 1`] = `
 exports[`LoginMainFooter renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-login__main-footer"
+    class="pf-v5-c-login__main-footer"
   />
 </DocumentFragment>
 `;

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

@@ -3,7 +3,7 @@
 exports[`LoginMainFooterBandItem renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <p
-    class="pf-c-login__main-footer-band-item"
+    class="pf-v5-c-login__main-footer-band-item"
   />
 </DocumentFragment>
 `;

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

@@ -3,10 +3,10 @@
 exports[`LoginMainFooterLinksItem className is added to the root element 1`] = `
 <DocumentFragment>
   <li
-    class="pf-c-login__main-footer-links-item extra-class"
+    class="pf-v5-c-login__main-footer-links-item extra-class"
   >
     <a
-      class="pf-c-login__main-footer-links-item-link"
+      class="pf-v5-c-login__main-footer-links-item-link"
       href=""
       target=""
     />
@@ -17,10 +17,10 @@ exports[`LoginMainFooterLinksItem className is added to the root element 1`] = `
 exports[`LoginMainFooterLinksItem renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <li
-    class="pf-c-login__main-footer-links-item"
+    class="pf-v5-c-login__main-footer-links-item"
   >
     <a
-      class="pf-c-login__main-footer-links-item-link"
+      class="pf-v5-c-login__main-footer-links-item-link"
       href="#"
       target=""
     />
@@ -31,10 +31,10 @@ exports[`LoginMainFooterLinksItem renders with PatternFly Core styles 1`] = `
 exports[`LoginMainFooterLinksItem with custom node 1`] = `
 <DocumentFragment>
   <li
-    class="pf-c-login__main-footer-links-item"
+    class="pf-v5-c-login__main-footer-links-item"
   >
     <a
-      class="pf-c-login__main-footer-links-item-link"
+      class="pf-v5-c-login__main-footer-links-item-link"
       href=""
       target=""
     >

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

@@ -3,7 +3,7 @@
 exports[`LoginMainHeader className is added to the root element 1`] = `
 <DocumentFragment>
   <header
-    class="pf-c-login__main-header extra-class"
+    class="pf-v5-c-login__main-header extra-class"
   />
 </DocumentFragment>
 `;
@@ -11,7 +11,7 @@ exports[`LoginMainHeader className is added to the root element 1`] = `
 exports[`LoginMainHeader renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <header
-    class="pf-c-login__main-header"
+    class="pf-v5-c-login__main-header"
   />
 </DocumentFragment>
 `;
@@ -19,10 +19,10 @@ exports[`LoginMainHeader renders with PatternFly Core styles 1`] = `
 exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `
 <DocumentFragment>
   <header
-    class="pf-c-login__main-header"
+    class="pf-v5-c-login__main-header"
   >
     <h2
-      class="pf-c-title pf-m-3xl"
+      class="pf-v5-c-title pf-m-3xl"
       data-ouia-component-id="OUIA-Generated-Title-1"
       data-ouia-component-type="PF4/Title"
       data-ouia-safe="true"
@@ -30,7 +30,7 @@ exports[`LoginMainHeader title and subtitle are rendered correctly 1`] = `
       Log in to your account
     </h2>
     <p
-      class="pf-c-login__main-header-desc"
+      class="pf-v5-c-login__main-header-desc"
     >
       Use LDAP credentials
     </p>

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

@@ -3,32 +3,32 @@
 exports[`check loginpage example against snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-background-image"
-    style="--pf-c-background-image--BackgroundImage: url(Background src);"
+    class="pf-v5-c-background-image"
+    style="--pf-v5-c-background-image--BackgroundImage: url(Background src);"
   />
   <div
-    class="pf-c-login"
+    class="pf-v5-c-login"
   >
     <div
-      class="pf-c-login__container"
+      class="pf-v5-c-login__container"
     >
       <header
-        class="pf-c-login__header"
+        class="pf-v5-c-login__header"
       >
         <img
           alt="Pf-logo"
-          class="pf-c-brand"
+          class="pf-v5-c-brand"
           src="Brand src"
         />
       </header>
       <main
-        class="pf-c-login__main"
+        class="pf-v5-c-login__main"
       >
         <header
-          class="pf-c-login__main-header"
+          class="pf-v5-c-login__main-header"
         >
           <h2
-            class="pf-c-title pf-m-3xl"
+            class="pf-v5-c-title pf-m-3xl"
             data-ouia-component-id="OUIA-Generated-Title-1"
             data-ouia-component-type="PF4/Title"
             data-ouia-safe="true"
@@ -37,19 +37,19 @@ exports[`check loginpage example against snapshot 1`] = `
           </h2>
         </header>
         <div
-          class="pf-c-login__main-body"
+          class="pf-v5-c-login__main-body"
         />
         <div
-          class="pf-c-login__main-footer"
+          class="pf-v5-c-login__main-footer"
         >
           <ul
-            class="pf-c-login__main-footer-links"
+            class="pf-v5-c-login__main-footer-links"
             role="list"
           >
             Footer
           </ul>
           <div
-            class="pf-c-login__main-footer-band"
+            class="pf-v5-c-login__main-footer-band"
           >
             Login to your account 
             <a
@@ -61,13 +61,13 @@ exports[`check loginpage example against snapshot 1`] = `
         </div>
       </main>
       <footer
-        class="pf-c-login__footer"
+        class="pf-v5-c-login__footer"
       >
         <p>
           This is placeholder text only.
         </p>
         <ul
-          class="pf-c-list pf-m-inline"
+          class="pf-v5-c-list pf-m-inline"
         >
           English
         </ul>