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

package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateActions.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`EmptyStateActions should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state__actions ''"
+    class="pf-v6-c-empty-state__actions ''"
   >
     ReactNode
   </div>

package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateBody.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`EmptyStateBody should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state__body ''"
+    class="pf-v6-c-empty-state__body ''"
   >
     <div>
       ReactNode

package/src/components/EmptyState/__tests__/Generated/__snapshots__/EmptyStateIcon.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`EmptyStateIcon should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state__icon"
+    class="pf-v6-c-empty-state__icon"
   >
     <svg
       aria-hidden="true"
-      class="pf-v5-svg ''"
+      class="pf-v6-svg ''"
       fill="currentColor"
       height="1em"
       role="img"
@@ -25,18 +25,18 @@ exports[`EmptyStateIcon should match snapshot (auto-generated) 1`] = `
 exports[`EmptyStateIcon should match snapshot for variant container 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state__icon"
+    class="pf-v6-c-empty-state__icon"
   >
     <svg
       aria-hidden="false"
       aria-label="Contents"
       aria-valuetext="Loading..."
-      class="pf-v5-c-spinner pf-m-xl ''"
+      class="pf-v6-c-spinner pf-m-xl ''"
       role="progressbar"
       viewBox="0 0 100 100"
     >
       <circle
-        class="pf-v5-c-spinner__path"
+        class="pf-v6-c-spinner__path"
         cx="50"
         cy="50"
         fill="none"

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

@@ -3,19 +3,19 @@
 exports[`EmptyState Full height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state pf-m-lg pf-m-full-height"
+    class="pf-v6-c-empty-state pf-m-lg pf-m-full-height"
   >
     <div
-      class="pf-v5-c-empty-state__content"
+      class="pf-v6-c-empty-state__content"
     >
       <div
-        class="pf-v5-c-empty-state__header"
+        class="pf-v6-c-empty-state__header"
       >
         <div
-          class="pf-v5-c-empty-state__title"
+          class="pf-v6-c-empty-state__title"
         >
           <h1
-            class="pf-v5-c-empty-state__title-text"
+            class="pf-v6-c-empty-state__title-text"
           >
             EmptyState large
           </h1>
@@ -29,14 +29,14 @@ exports[`EmptyState Full height 1`] = `
 exports[`EmptyState Header with icon 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state__header"
+    class="pf-v6-c-empty-state__header"
   >
     <div
-      class="pf-v5-c-empty-state__icon"
+      class="pf-v6-c-empty-state__icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -49,10 +49,10 @@ exports[`EmptyState Header with icon 1`] = `
       </svg>
     </div>
     <div
-      class="pf-v5-c-empty-state__title"
+      class="pf-v6-c-empty-state__title"
     >
       <h1
-        class="pf-v5-c-empty-state__title-text"
+        class="pf-v6-c-empty-state__title-text"
       >
         Empty state
       </h1>
@@ -64,38 +64,38 @@ exports[`EmptyState Header with icon 1`] = `
 exports[`EmptyState Main 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state"
+    class="pf-v6-c-empty-state"
   >
     <div
-      class="pf-v5-c-empty-state__content"
+      class="pf-v6-c-empty-state__content"
     >
       <div
-        class="pf-v5-c-empty-state__header"
+        class="pf-v6-c-empty-state__header"
       >
         <div
-          class="pf-v5-c-empty-state__title"
+          class="pf-v6-c-empty-state__title"
         >
           <h1
-            class="pf-v5-c-empty-state__title-text"
+            class="pf-v6-c-empty-state__title-text"
           >
             HTTP Proxies
           </h1>
         </div>
       </div>
       <div
-        class="pf-v5-c-empty-state__body"
+        class="pf-v6-c-empty-state__body"
       >
         Defining HTTP Proxies that exist on your network allows you to perform various actions through those proxies.
       </div>
       <div
-        class="pf-v5-c-empty-state__footer"
+        class="pf-v6-c-empty-state__footer"
       >
         <div
-          class="pf-v5-c-empty-state__actions"
+          class="pf-v6-c-empty-state__actions"
         >
           <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"
@@ -105,12 +105,12 @@ exports[`EmptyState Main 1`] = `
           </button>
         </div>
         <div
-          class="pf-v5-c-empty-state__actions"
+          class="pf-v6-c-empty-state__actions"
         >
           <button
             aria-disabled="false"
             aria-label="learn more action"
-            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"
@@ -128,19 +128,19 @@ exports[`EmptyState Main 1`] = `
 exports[`EmptyState Main variant large 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state pf-m-lg"
+    class="pf-v6-c-empty-state pf-m-lg"
   >
     <div
-      class="pf-v5-c-empty-state__content"
+      class="pf-v6-c-empty-state__content"
     >
       <div
-        class="pf-v5-c-empty-state__header"
+        class="pf-v6-c-empty-state__header"
       >
         <div
-          class="pf-v5-c-empty-state__title"
+          class="pf-v6-c-empty-state__title"
         >
           <h1
-            class="pf-v5-c-empty-state__title-text"
+            class="pf-v6-c-empty-state__title-text"
           >
             EmptyState large
           </h1>
@@ -154,19 +154,19 @@ exports[`EmptyState Main variant large 1`] = `
 exports[`EmptyState Main variant small 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state pf-m-sm"
+    class="pf-v6-c-empty-state pf-m-sm"
   >
     <div
-      class="pf-v5-c-empty-state__content"
+      class="pf-v6-c-empty-state__content"
     >
       <div
-        class="pf-v5-c-empty-state__header"
+        class="pf-v6-c-empty-state__header"
       >
         <div
-          class="pf-v5-c-empty-state__title"
+          class="pf-v6-c-empty-state__title"
         >
           <h1
-            class="pf-v5-c-empty-state__title-text"
+            class="pf-v6-c-empty-state__title-text"
           >
             EmptyState small
           </h1>
@@ -180,19 +180,19 @@ exports[`EmptyState Main variant small 1`] = `
 exports[`EmptyState Main variant xs 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-empty-state pf-m-xs"
+    class="pf-v6-c-empty-state pf-m-xs"
   >
     <div
-      class="pf-v5-c-empty-state__content"
+      class="pf-v6-c-empty-state__content"
     >
       <div
-        class="pf-v5-c-empty-state__header"
+        class="pf-v6-c-empty-state__header"
       >
         <div
-          class="pf-v5-c-empty-state__title"
+          class="pf-v6-c-empty-state__title"
         >
           <h1
-            class="pf-v5-c-empty-state__title-text"
+            class="pf-v6-c-empty-state__title-text"
           >
             EmptyState extra small
           </h1>

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

@@ -3,11 +3,11 @@
 exports[`Detached ExpandableSection renders successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-expandable-section pf-m-expanded"
+    class="pf-v6-c-expandable-section pf-m-expanded"
   >
     <div
       aria-labelledby="toggle-id"
-      class="pf-v5-c-expandable-section__content"
+      class="pf-v6-c-expandable-section__content"
       id="content-id"
       role="region"
     >
@@ -15,21 +15,21 @@ exports[`Detached ExpandableSection renders successfully 1`] = `
     </div>
   </div>
   <div
-    class="pf-v5-c-expandable-section pf-m-expanded"
+    class="pf-v6-c-expandable-section pf-m-expanded"
   >
     <button
       aria-controls="content-id"
       aria-expanded="true"
-      class="pf-v5-c-expandable-section__toggle"
+      class="pf-v6-c-expandable-section__toggle"
       id="toggle-id"
       type="button"
     >
       <span
-        class="pf-v5-c-expandable-section__toggle-icon pf-m-expand-top"
+        class="pf-v6-c-expandable-section__toggle-icon pf-m-expand-top"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -42,7 +42,7 @@ exports[`Detached ExpandableSection renders successfully 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-expandable-section__toggle-text"
+        class="pf-v6-c-expandable-section__toggle-text"
       >
         Toggle text
       </span>
@@ -54,20 +54,20 @@ exports[`Detached ExpandableSection renders successfully 1`] = `
 exports[`Disclosure ExpandableSection 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-expandable-section pf-m-display-lg pf-m-limit-width"
+    class="pf-v6-c-expandable-section pf-m-display-lg pf-m-limit-width"
   >
     <button
       aria-controls="content-id"
-      class="pf-v5-c-expandable-section__toggle"
+      class="pf-v6-c-expandable-section__toggle"
       id="toggle-id"
       type="button"
     >
       <span
-        class="pf-v5-c-expandable-section__toggle-icon"
+        class="pf-v6-c-expandable-section__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -80,12 +80,12 @@ exports[`Disclosure ExpandableSection 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-expandable-section__toggle-text"
+        class="pf-v6-c-expandable-section__toggle-text"
       />
     </button>
     <div
       aria-labelledby="toggle-id"
-      class="pf-v5-c-expandable-section__content"
+      class="pf-v6-c-expandable-section__content"
       hidden=""
       id="content-id"
       role="region"
@@ -99,20 +99,20 @@ exports[`Disclosure ExpandableSection 1`] = `
 exports[`ExpandableSection 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-expandable-section"
+    class="pf-v6-c-expandable-section"
   >
     <button
       aria-controls="content-id"
-      class="pf-v5-c-expandable-section__toggle"
+      class="pf-v6-c-expandable-section__toggle"
       id="toggle-id"
       type="button"
     >
       <span
-        class="pf-v5-c-expandable-section__toggle-icon"
+        class="pf-v6-c-expandable-section__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -125,12 +125,12 @@ exports[`ExpandableSection 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-expandable-section__toggle-text"
+        class="pf-v6-c-expandable-section__toggle-text"
       />
     </button>
     <div
       aria-labelledby="toggle-id"
-      class="pf-v5-c-expandable-section__content"
+      class="pf-v6-c-expandable-section__content"
       hidden=""
       id="content-id"
       role="region"
@@ -144,21 +144,21 @@ exports[`ExpandableSection 1`] = `
 exports[`Renders ExpandableSection expanded 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-expandable-section pf-m-expanded"
+    class="pf-v6-c-expandable-section pf-m-expanded"
   >
     <button
       aria-controls="content-id"
       aria-expanded="true"
-      class="pf-v5-c-expandable-section__toggle"
+      class="pf-v6-c-expandable-section__toggle"
       id="toggle-id"
       type="button"
     >
       <span
-        class="pf-v5-c-expandable-section__toggle-icon"
+        class="pf-v6-c-expandable-section__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -171,12 +171,12 @@ exports[`Renders ExpandableSection expanded 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-expandable-section__toggle-text"
+        class="pf-v6-c-expandable-section__toggle-text"
       />
     </button>
     <div
       aria-labelledby="toggle-id"
-      class="pf-v5-c-expandable-section__content"
+      class="pf-v6-c-expandable-section__content"
       id="content-id"
       role="region"
     >
@@ -189,21 +189,21 @@ exports[`Renders ExpandableSection expanded 1`] = `
 exports[`Renders ExpandableSection indented 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-expandable-section pf-m-expanded pf-m-indented"
+    class="pf-v6-c-expandable-section pf-m-expanded pf-m-indented"
   >
     <button
       aria-controls="content-id"
       aria-expanded="true"
-      class="pf-v5-c-expandable-section__toggle"
+      class="pf-v6-c-expandable-section__toggle"
       id="toggle-id"
       type="button"
     >
       <span
-        class="pf-v5-c-expandable-section__toggle-icon"
+        class="pf-v6-c-expandable-section__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -216,12 +216,12 @@ exports[`Renders ExpandableSection indented 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-expandable-section__toggle-text"
+        class="pf-v6-c-expandable-section__toggle-text"
       />
     </button>
     <div
       aria-labelledby="toggle-id"
-      class="pf-v5-c-expandable-section__content"
+      class="pf-v6-c-expandable-section__content"
       id="content-id"
       role="region"
     >
@@ -234,20 +234,20 @@ exports[`Renders ExpandableSection indented 1`] = `
 exports[`Renders Uncontrolled ExpandableSection 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-expandable-section"
+    class="pf-v6-c-expandable-section"
   >
     <button
       aria-controls="content-id"
-      class="pf-v5-c-expandable-section__toggle"
+      class="pf-v6-c-expandable-section__toggle"
       id="toggle-id"
       type="button"
     >
       <span
-        class="pf-v5-c-expandable-section__toggle-icon"
+        class="pf-v6-c-expandable-section__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -260,14 +260,14 @@ exports[`Renders Uncontrolled ExpandableSection 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-expandable-section__toggle-text"
+        class="pf-v6-c-expandable-section__toggle-text"
       >
         Show More
       </span>
     </button>
     <div
       aria-labelledby="toggle-id"
-      class="pf-v5-c-expandable-section__content"
+      class="pf-v6-c-expandable-section__content"
       hidden=""
       id="content-id"
       role="region"

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

@@ -3,20 +3,20 @@
 exports[`simple fileupload 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-file-upload"
+    class="pf-v6-c-file-upload"
     role="presentation"
   >
     <div
-      class="pf-v5-c-file-upload__file-select"
+      class="pf-v6-c-file-upload__file-select"
     >
       <div
-        class="pf-v5-c-input-group"
+        class="pf-v6-c-input-group"
       >
         <div
-          class="pf-v5-c-input-group__item pf-m-fill"
+          class="pf-v6-c-input-group__item pf-m-fill"
         >
           <span
-            class="pf-v5-c-form-control pf-m-readonly"
+            class="pf-v6-c-form-control pf-m-readonly"
           >
             <input
               aria-invalid="false"
@@ -34,11 +34,11 @@ exports[`simple fileupload 1`] = `
           </span>
         </div>
         <div
-          class="pf-v5-c-input-group__item"
+          class="pf-v6-c-input-group__item"
         >
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-control"
+            class="pf-v6-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-1"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -48,11 +48,11 @@ exports[`simple fileupload 1`] = `
           </button>
         </div>
         <div
-          class="pf-v5-c-input-group__item"
+          class="pf-v6-c-input-group__item"
         >
           <button
             aria-disabled="true"
-            class="pf-v5-c-button pf-m-control pf-m-disabled"
+            class="pf-v6-c-button pf-m-control pf-m-disabled"
             data-ouia-component-id="OUIA-Generated-Button-control-2"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -65,10 +65,10 @@ exports[`simple fileupload 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-file-upload__file-details"
+      class="pf-v6-c-file-upload__file-details"
     >
       <span
-        class="pf-v5-c-form-control pf-m-resize-vertical"
+        class="pf-v6-c-form-control pf-m-resize-vertical"
       >
         <textarea
           aria-invalid="false"

package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap

@@ -3,19 +3,19 @@
 exports[`simple fileuploadfield 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-file-upload"
+    class="pf-v6-c-file-upload"
   >
     <div
-      class="pf-v5-c-file-upload__file-select"
+      class="pf-v6-c-file-upload__file-select"
     >
       <div
-        class="pf-v5-c-input-group"
+        class="pf-v6-c-input-group"
       >
         <div
-          class="pf-v5-c-input-group__item pf-m-fill"
+          class="pf-v6-c-input-group__item pf-m-fill"
         >
           <span
-            class="pf-v5-c-form-control pf-m-readonly"
+            class="pf-v6-c-form-control pf-m-readonly"
           >
             <input
               aria-invalid="false"
@@ -33,11 +33,11 @@ exports[`simple fileuploadfield 1`] = `
           </span>
         </div>
         <div
-          class="pf-v5-c-input-group__item"
+          class="pf-v6-c-input-group__item"
         >
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-control"
+            class="pf-v6-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-1"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -47,11 +47,11 @@ exports[`simple fileuploadfield 1`] = `
           </button>
         </div>
         <div
-          class="pf-v5-c-input-group__item"
+          class="pf-v6-c-input-group__item"
         >
           <button
             aria-disabled="false"
-            class="pf-v5-c-button pf-m-control"
+            class="pf-v6-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-2"
             data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
@@ -63,10 +63,10 @@ exports[`simple fileuploadfield 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-file-upload__file-details"
+      class="pf-v6-c-file-upload__file-details"
     >
       <span
-        class="pf-v5-c-form-control pf-m-resize-vertical"
+        class="pf-v6-c-form-control pf-m-resize-vertical"
       >
         <textarea
           aria-invalid="false"

package/src/components/FileUpload/__tests__/__snapshots__/FileUploadHelperText.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-file-upload__helper-text"
+    class="pf-v6-c-file-upload__helper-text"
   >
     Content
   </div>

package/src/components/Form/FormAlert.tsx

@@ -14,7 +14,7 @@ export const FormAlert: React.FunctionComponent<FormAlertProps> = ({
   className = '',
   ...props
 }: FormAlertProps) => (
-  // There are currently no associated styles with the pf-v5-c-form_alert class.
+  // There are currently no associated styles with the pf-v6-c-form_alert class.
   // Therefore, it does not exist in react-styles
   <div {...props} className={css(`${styles.form}__alert`, className)}>
     {children}