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

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

@@ -3,7 +3,7 @@
 exports[`FormSelect Disabled FormSelect input  1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-disabled"
+    class="pf-v6-c-form-control pf-m-disabled"
   >
     <select
       aria-invalid="false"
@@ -21,14 +21,14 @@ exports[`FormSelect Disabled FormSelect input  1`] = `
       </option>
     </select>
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -48,7 +48,7 @@ exports[`FormSelect Disabled FormSelect input  1`] = `
 exports[`FormSelect FormSelect input with aria-label does not generate console error 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control"
+    class="pf-v6-c-form-control"
   >
     <select
       aria-invalid="false"
@@ -65,14 +65,14 @@ exports[`FormSelect FormSelect input with aria-label does not generate console e
       </option>
     </select>
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -92,7 +92,7 @@ exports[`FormSelect FormSelect input with aria-label does not generate console e
 exports[`FormSelect FormSelect input with id does not generate console error 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control"
+    class="pf-v6-c-form-control"
   >
     <select
       aria-invalid="false"
@@ -110,14 +110,14 @@ exports[`FormSelect FormSelect input with id does not generate console error 1`]
       </option>
     </select>
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -137,7 +137,7 @@ exports[`FormSelect FormSelect input with id does not generate console error 1`]
 exports[`FormSelect FormSelect input with no aria-label or id generates console error 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control"
+    class="pf-v6-c-form-control"
   >
     <select
       aria-invalid="false"
@@ -153,14 +153,14 @@ exports[`FormSelect FormSelect input with no aria-label or id generates console
       </option>
     </select>
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -180,7 +180,7 @@ exports[`FormSelect FormSelect input with no aria-label or id generates console
 exports[`FormSelect Grouped FormSelect input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control"
+    class="pf-v6-c-form-control"
   >
     <select
       aria-invalid="false"
@@ -243,14 +243,14 @@ exports[`FormSelect Grouped FormSelect input 1`] = `
       </optgroup>
     </select>
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -270,7 +270,7 @@ exports[`FormSelect Grouped FormSelect input 1`] = `
 exports[`FormSelect Simple FormSelect input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control"
+    class="pf-v6-c-form-control"
   >
     <select
       aria-invalid="false"
@@ -325,14 +325,14 @@ exports[`FormSelect Simple FormSelect input 1`] = `
       </option>
     </select>
     <span
-      class="pf-v5-c-form-control__utilities"
+      class="pf-v6-c-form-control__utilities"
     >
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -352,7 +352,7 @@ exports[`FormSelect Simple FormSelect input 1`] = `
 exports[`FormSelect invalid FormSelect input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-error"
+    class="pf-v6-c-form-control pf-m-error"
   >
     <select
       aria-invalid="true"
@@ -369,14 +369,14 @@ exports[`FormSelect invalid FormSelect input 1`] = `
       </option>
     </select>
     <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"
@@ -389,11 +389,11 @@ exports[`FormSelect invalid FormSelect input 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -413,7 +413,7 @@ exports[`FormSelect invalid FormSelect input 1`] = `
 exports[`FormSelect validated success FormSelect input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-success"
+    class="pf-v6-c-form-control pf-m-success"
   >
     <select
       aria-invalid="false"
@@ -430,14 +430,14 @@ exports[`FormSelect validated success FormSelect input 1`] = `
       </option>
     </select>
     <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"
@@ -450,11 +450,11 @@ exports[`FormSelect validated success FormSelect input 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"
@@ -474,7 +474,7 @@ exports[`FormSelect validated success FormSelect input 1`] = `
 exports[`FormSelect validated warning FormSelect input 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-form-control pf-m-warning"
+    class="pf-v6-c-form-control pf-m-warning"
   >
     <select
       aria-invalid="false"
@@ -491,14 +491,14 @@ exports[`FormSelect validated warning FormSelect input 1`] = `
       </option>
     </select>
     <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"
@@ -511,11 +511,11 @@ exports[`FormSelect validated warning FormSelect input 1`] = `
         </svg>
       </span>
       <span
-        class="pf-v5-c-form-control__toggle-icon"
+        class="pf-v6-c-form-control__toggle-icon"
       >
         <svg
           aria-hidden="true"
-          class="pf-v5-svg"
+          class="pf-v6-svg"
           fill="currentColor"
           height="1em"
           role="img"

package/src/components/HelperText/HelperTextItem.tsx

@@ -71,7 +71,7 @@ export const HelperTextItem: React.FunctionComponent<HelperTextItemProps> = ({
 
       <span className={css(styles.helperTextItemText)}>
         {children}
-        {isNotDefaultVariant && <span className="pf-v5-screen-reader">: {screenReaderText};</span>}
+        {isNotDefaultVariant && <span className="pf-v6-screen-reader">: {screenReaderText};</span>}
       </span>
     </Component>
   );

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

@@ -3,7 +3,7 @@
 exports[`Renders to match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-helper-text"
+    class="pf-v6-c-helper-text"
   />
 </DocumentFragment>
 `;

package/src/components/HelperText/__tests__/__snapshots__/HelperTextItem.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`Renders to match snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-helper-text__item"
+    class="pf-v6-c-helper-text__item"
   >
     <span
-      class="pf-v5-c-helper-text__item-text"
+      class="pf-v6-c-helper-text__item-text"
     >
       help test text
     </span>

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

@@ -3,10 +3,10 @@
 exports[`matches hint snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-hint"
+    class="pf-v6-c-hint"
   >
     <div
-      class="pf-v5-c-hint__actions"
+      class="pf-v6-c-hint__actions"
     />
   </div>
 </DocumentFragment>

package/src/components/Hint/__tests__/__snapshots__/HintBody.test.tsx.snap

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

package/src/components/Hint/__tests__/__snapshots__/HintFooter.test.tsx.snap

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

package/src/components/Hint/__tests__/__snapshots__/HintTitle.test.tsx.snap

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

package/src/components/Icon/Icon.tsx

@@ -79,7 +79,7 @@ export const Icon: React.FunctionComponent<IconComponentProps> = ({
           styles.iconContent,
           styles.modifiers[iconSize],
           styles.modifiers[status],
-          shouldMirrorRTL && 'pf-v5-m-mirror-inline-rtl'
+          shouldMirrorRTL && 'pf-v6-m-mirror-inline-rtl'
         )}
       >
         {children}

package/src/components/Icon/__tests__/Icon.test.tsx

@@ -215,18 +215,18 @@ test('renders progress icon successfully', () => {
   expect(asFragment()).toMatchSnapshot();
 });
 
-test('Renders with class pf-v5-m-mirror-inline-rtl on icon passed as children when shouldMirrorRTL is true', () => {
+test('Renders with class pf-v6-m-mirror-inline-rtl on icon passed as children when shouldMirrorRTL is true', () => {
   render(<Icon shouldMirrorRTL>Icon content</Icon>);
 
-  expect(screen.getByText('Icon content')).toHaveClass('pf-v5-m-mirror-inline-rtl');
+  expect(screen.getByText('Icon content')).toHaveClass('pf-v6-m-mirror-inline-rtl');
 });
 
-test('Does not render with class pf-v5-m-mirror-inline-rtl on progressIcon when shouldMirrorRTL is true', () => {
+test('Does not render with class pf-v6-m-mirror-inline-rtl on progressIcon when shouldMirrorRTL is true', () => {
   render(
     <Icon shouldMirrorRTL isInProgress progressIcon="Progress icon">
       Icon content
     </Icon>
   );
 
-  expect(screen.getByText('Progress icon')).not.toHaveClass('pf-v5-m-mirror-inline-rtl');
+  expect(screen.getByText('Progress icon')).not.toHaveClass('pf-v6-m-mirror-inline-rtl');
 });

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

@@ -3,14 +3,14 @@
 exports[`renders basic icon successfully 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-icon"
+    class="pf-v6-c-icon"
   >
     <span
-      class="pf-v5-c-icon__content"
+      class="pf-v6-c-icon__content"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -29,14 +29,14 @@ exports[`renders basic icon successfully 1`] = `
 exports[`renders progress icon successfully 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-icon pf-m-in-progress"
+    class="pf-v6-c-icon pf-m-in-progress"
   >
     <span
-      class="pf-v5-c-icon__content"
+      class="pf-v6-c-icon__content"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -49,11 +49,11 @@ exports[`renders progress icon successfully 1`] = `
       </svg>
     </span>
     <span
-      class="pf-v5-c-icon__progress"
+      class="pf-v6-c-icon__progress"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -72,10 +72,10 @@ exports[`renders progress icon successfully 1`] = `
 exports[`renders without children 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-icon"
+    class="pf-v6-c-icon"
   >
     <span
-      class="pf-v5-c-icon__content"
+      class="pf-v6-c-icon__content"
     />
   </span>
 </DocumentFragment>