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

package/src/components/Text/__tests__/Generated/__snapshots__/TextContent.test.tsx.snap

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

package/src/components/Text/__tests__/__snapshots__/TextContent.test.tsx.snap

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

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

@@ -3,7 +3,7 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-resize-both pf-m-disabled custom class"
+    class="pf-v6-c-form-control pf-m-resize-both pf-m-disabled custom class"
     style="height: 6px;"
   >
     <textarea

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

@@ -3,7 +3,7 @@
 exports[`TextInput default read only text input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-readonly"
+    class="pf-v6-c-form-control pf-m-readonly"
   >
     <input
       aria-invalid="false"
@@ -22,7 +22,7 @@ exports[`TextInput default read only text input 1`] = `
 exports[`TextInput disabled text input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-disabled"
+    class="pf-v6-c-form-control pf-m-disabled"
   >
     <input
       aria-invalid="false"
@@ -41,7 +41,7 @@ exports[`TextInput disabled text input 1`] = `
 exports[`TextInput invalid text input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-error"
+    class="pf-v6-c-form-control pf-m-error"
   >
     <input
       aria-invalid="true"
@@ -53,14 +53,14 @@ exports[`TextInput invalid text input 1`] = `
       value="test input"
     />
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__icon pf-m-status"
+        class="pf-v6-c-form-control__icon pf-m-status"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -80,7 +80,7 @@ exports[`TextInput invalid text input 1`] = `
 exports[`TextInput plain read only text input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-readonly pf-m-plain"
+    class="pf-v6-c-form-control pf-m-readonly pf-m-plain"
   >
     <input
       aria-invalid="false"
@@ -99,7 +99,7 @@ exports[`TextInput plain read only text input 1`] = `
 exports[`TextInput read only text input using isReadOnly 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-readonly"
+    class="pf-v6-c-form-control pf-m-readonly"
   >
     <input
       aria-invalid="false"
@@ -118,7 +118,7 @@ exports[`TextInput read only text input using isReadOnly 1`] = `
 exports[`TextInput simple text input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control"
+    class="pf-v6-c-form-control"
   >
     <input
       aria-invalid="false"
@@ -136,7 +136,7 @@ exports[`TextInput simple text input 1`] = `
 exports[`TextInput validated text input error 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-error"
+    class="pf-v6-c-form-control pf-m-error"
   >
     <input
       aria-invalid="true"
@@ -148,14 +148,14 @@ exports[`TextInput validated text input error 1`] = `
       value="test input"
     />
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__icon pf-m-status"
+        class="pf-v6-c-form-control__icon pf-m-status"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"

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

@@ -3,7 +3,7 @@
 exports[`TextInputGroup matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-text-input-group"
+    class="pf-v6-c-text-input-group"
   >
     Test
   </div>

package/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroupMain.test.tsx.snap

@@ -3,15 +3,15 @@
 exports[`TextInputGroupMain matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-text-input-group__main"
+    class="pf-v6-c-text-input-group__main"
   >
     Test
     <span
-      class="pf-v5-c-text-input-group__text"
+      class="pf-v6-c-text-input-group__text"
     >
       <input
         aria-label="Type to filter"
-        class="pf-v5-c-text-input-group__text-input"
+        class="pf-v6-c-text-input-group__text-input"
         type="text"
         value=""
       />

package/src/components/TextInputGroup/__tests__/__snapshots__/TextInputGroupUtilities.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`TextInputGroupUtilities matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-text-input-group__utilities"
+    class="pf-v6-c-text-input-group__utilities"
   >
     <button>
       Test

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

@@ -3,15 +3,15 @@
 exports[`Tile basic 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tile"
+    class="pf-v6-c-tile"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header"
+      class="pf-v6-c-tile__header"
     >
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
@@ -24,15 +24,15 @@ exports[`Tile renders disabled 1`] = `
 <DocumentFragment>
   <div
     aria-disabled="true"
-    class="pf-v5-c-tile pf-m-disabled"
+    class="pf-v6-c-tile pf-m-disabled"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header"
+      class="pf-v6-c-tile__header"
     >
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
@@ -45,15 +45,15 @@ exports[`Tile renders selected 1`] = `
 <DocumentFragment>
   <div
     aria-selected="true"
-    class="pf-v5-c-tile pf-m-selected"
+    class="pf-v6-c-tile pf-m-selected"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header"
+      class="pf-v6-c-tile__header"
     >
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
@@ -65,19 +65,19 @@ exports[`Tile renders selected 1`] = `
 exports[`Tile renders with icon 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tile"
+    class="pf-v6-c-tile"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header"
+      class="pf-v6-c-tile__header"
     >
       <div
-        class="pf-v5-c-tile__icon"
+        class="pf-v6-c-tile__icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -90,7 +90,7 @@ exports[`Tile renders with icon 1`] = `
         </svg>
       </div>
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
@@ -102,19 +102,19 @@ exports[`Tile renders with icon 1`] = `
 exports[`Tile renders with stacked icon 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tile"
+    class="pf-v6-c-tile"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header pf-m-stacked"
+      class="pf-v6-c-tile__header pf-m-stacked"
     >
       <div
-        class="pf-v5-c-tile__icon"
+        class="pf-v6-c-tile__icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -127,7 +127,7 @@ exports[`Tile renders with stacked icon 1`] = `
         </svg>
       </div>
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
@@ -139,19 +139,19 @@ exports[`Tile renders with stacked icon 1`] = `
 exports[`Tile renders with stacked large icon 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tile pf-m-display-lg"
+    class="pf-v6-c-tile pf-m-display-lg"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header pf-m-stacked"
+      class="pf-v6-c-tile__header pf-m-stacked"
     >
       <div
-        class="pf-v5-c-tile__icon"
+        class="pf-v6-c-tile__icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -164,7 +164,7 @@ exports[`Tile renders with stacked large icon 1`] = `
         </svg>
       </div>
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
@@ -176,21 +176,21 @@ exports[`Tile renders with stacked large icon 1`] = `
 exports[`Tile renders with subtext 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-tile"
+    class="pf-v6-c-tile"
     role="option"
     tabindex="0"
   >
     <div
-      class="pf-v5-c-tile__header"
+      class="pf-v6-c-tile__header"
     >
       <div
-        class="pf-v5-c-tile__title"
+        class="pf-v6-c-tile__title"
       >
         test
       </div>
     </div>
     <div
-      class="pf-v5-c-tile__body"
+      class="pf-v6-c-tile__body"
     >
       test subtext
     </div>

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

@@ -3,7 +3,7 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <h1
-    class="pf-v5-c-title pf-m-h1"
+    class="pf-v6-c-title pf-m-h1"
     data-ouia-component-id="ouia-id"
     data-ouia-component-type="PF5/Title"
     data-ouia-safe="true"

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

@@ -3,17 +3,17 @@
 exports[`ToggleGroup basic not selected 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toggle-group__item"
+    class="pf-v6-c-toggle-group__item"
   >
     <button
       aria-label="basic not selected"
       aria-pressed="false"
-      class="pf-v5-c-toggle-group__button"
+      class="pf-v6-c-toggle-group__button"
       id="toggleGroupItem"
       type="button"
     >
       <span
-        class="pf-v5-c-toggle-group__text"
+        class="pf-v6-c-toggle-group__text"
       >
         test
       </span>
@@ -25,17 +25,17 @@ exports[`ToggleGroup basic not selected 1`] = `
 exports[`ToggleGroup basic selected 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toggle-group__item"
+    class="pf-v6-c-toggle-group__item"
   >
     <button
       aria-label="basic selected"
       aria-pressed="true"
-      class="pf-v5-c-toggle-group__button pf-m-selected"
+      class="pf-v6-c-toggle-group__button pf-m-selected"
       id="toggleGroupItem"
       type="button"
     >
       <span
-        class="pf-v5-c-toggle-group__text"
+        class="pf-v6-c-toggle-group__text"
       >
         test
       </span>
@@ -47,17 +47,17 @@ exports[`ToggleGroup basic selected 1`] = `
 exports[`ToggleGroup icon variant 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toggle-group__item"
+    class="pf-v6-c-toggle-group__item"
   >
     <button
       aria-label="icon variant"
       aria-pressed="true"
-      class="pf-v5-c-toggle-group__button pf-m-selected"
+      class="pf-v6-c-toggle-group__button pf-m-selected"
       id="toggleGroupItem"
       type="button"
     >
       <span
-        class="pf-v5-c-toggle-group__icon"
+        class="pf-v6-c-toggle-group__icon"
       >
         icon
       </span>
@@ -70,34 +70,34 @@ exports[`ToggleGroup isCompact 1`] = `
 <DocumentFragment>
   <div
     aria-label="Label"
-    class="pf-v5-c-toggle-group pf-m-compact"
+    class="pf-v6-c-toggle-group pf-m-compact"
     role="group"
   >
     <div
-      class="pf-v5-c-toggle-group__item"
+      class="pf-v6-c-toggle-group__item"
     >
       <button
         aria-pressed="false"
-        class="pf-v5-c-toggle-group__button"
+        class="pf-v6-c-toggle-group__button"
         type="button"
       >
         <span
-          class="pf-v5-c-toggle-group__text"
+          class="pf-v6-c-toggle-group__text"
         >
           Test
         </span>
       </button>
     </div>
     <div
-      class="pf-v5-c-toggle-group__item"
+      class="pf-v6-c-toggle-group__item"
     >
       <button
         aria-pressed="false"
-        class="pf-v5-c-toggle-group__button"
+        class="pf-v6-c-toggle-group__button"
         type="button"
       >
         <span
-          class="pf-v5-c-toggle-group__text"
+          class="pf-v6-c-toggle-group__text"
         >
           Test
         </span>
@@ -110,18 +110,18 @@ exports[`ToggleGroup isCompact 1`] = `
 exports[`ToggleGroup isDisabled 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toggle-group__item"
+    class="pf-v6-c-toggle-group__item"
   >
     <button
       aria-label="isDisabled"
       aria-pressed="false"
-      class="pf-v5-c-toggle-group__button"
+      class="pf-v6-c-toggle-group__button"
       disabled=""
       id="toggleGroupItem"
       type="button"
     >
       <span
-        class="pf-v5-c-toggle-group__text"
+        class="pf-v6-c-toggle-group__text"
       >
         test
       </span>
@@ -134,19 +134,19 @@ exports[`ToggleGroup should render non-ToggleGroupItem children 1`] = `
 <DocumentFragment>
   <div
     aria-label="non-element children"
-    class="pf-v5-c-toggle-group pf-m-compact"
+    class="pf-v6-c-toggle-group pf-m-compact"
     role="group"
   >
     <div
-      class="pf-v5-c-toggle-group__item"
+      class="pf-v6-c-toggle-group__item"
     >
       <button
         aria-pressed="false"
-        class="pf-v5-c-toggle-group__button"
+        class="pf-v6-c-toggle-group__button"
         type="button"
       >
         <span
-          class="pf-v5-c-toggle-group__text"
+          class="pf-v6-c-toggle-group__text"
         >
           Test
         </span>

package/src/components/ToggleGroup/__tests__/__snapshots__/ToggleGroupItemElement.test.tsx.snap

@@ -11,7 +11,7 @@ exports[`empty 1`] = `
 exports[`icon variant 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-toggle-group__icon"
+    class="pf-v6-c-toggle-group__icon"
   >
     ICON
   </span>
@@ -21,7 +21,7 @@ exports[`icon variant 1`] = `
 exports[`text variant 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-toggle-group__text"
+    class="pf-v6-c-toggle-group__text"
   >
     Test
   </span>

package/src/components/ToggleGroup/examples/toggleGroup.css

@@ -1,3 +1,3 @@
 #ws-react-c-togglegroup-light-variant {
-  background-color: var(--pf-v5-global--BackgroundColor--200);
+  background-color: var(--pf-v6-global--BackgroundColor--200);
 }

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarChipGroupContent.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`ToolbarChipGroupContent should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toolbar__content pf-m-hidden string"
+    class="pf-v6-c-toolbar__content pf-m-hidden string"
     hidden=""
   >
     <div
-      class="pf-v5-c-toolbar__group"
+      class="pf-v6-c-toolbar__group"
     />
   </div>
 </DocumentFragment>

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarContent.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`ToolbarContent should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toolbar__content string"
+    class="pf-v6-c-toolbar__content string"
   >
     <div
-      class="pf-v5-c-toolbar__content-section"
+      class="pf-v6-c-toolbar__content-section"
     >
       <div>
         ReactNode

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarExpandableContent.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`ToolbarExpandableContent should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toolbar__expandable-content string"
+    class="pf-v6-c-toolbar__expandable-content string"
   >
     <div
-      class="pf-v5-c-toolbar__group"
+      class="pf-v6-c-toolbar__group"
     />
   </div>
 </DocumentFragment>

package/src/components/Toolbar/__tests__/Generated/__snapshots__/ToolbarGroup.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`ToolbarGroup should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-toolbar__group pf-m-filter-group string"
+    class="pf-v6-c-toolbar__group pf-m-filter-group string"
   >
     <div>
       ReactNode