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

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

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

package/src/components/Sidebar/__tests__/__snapshots__/SidebarContent.test.tsx.snap

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

package/src/components/Sidebar/__tests__/__snapshots__/SidebarPanel.test.tsx.snap

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

package/src/components/SimpleList/SimpleList.tsx

@@ -77,7 +77,7 @@ class SimpleList extends React.Component<SimpleListProps, SimpleListState> {
         <div className={css(styles.simpleList, className)} {...props}>
           {isGrouped && children}
           {!isGrouped && (
-            <ul className={css('pf-v5-c-simple-list__list')} role="list" aria-label={ariaLabel}>
+            <ul className={css('pf-v6-c-simple-list__list')} role="list" aria-label={ariaLabel}>
               {children}
             </ul>
           )}

package/src/components/SimpleList/SimpleListGroup.tsx

@@ -27,7 +27,7 @@ export const SimpleListGroup: React.FunctionComponent<SimpleListGroupProps> = ({
     <h2 id={id} className={css(styles.simpleListTitle, titleClassName)} aria-hidden="true">
       {title}
     </h2>
-    <ul className={css('pf-v5-c-simple-list__list', className)} role="list" aria-labelledby={id}>
+    <ul className={css('pf-v6-c-simple-list__list', className)} role="list" aria-labelledby={id}>
       {children}
     </ul>
   </section>

package/src/components/SimpleList/SimpleListItem.tsx

@@ -72,7 +72,7 @@ class SimpleListItem extends React.Component<SimpleListItemProps> {
               };
 
           return (
-            <li className={css('pf-v5-c-simple-list__item', className)} {...props}>
+            <li className={css('pf-v6-c-simple-list__item', className)} {...props}>
               <Component
                 className={css(
                   styles.simpleListItemLink,

package/src/components/SimpleList/__tests__/Generated/__snapshots__/SimpleListGroup.test.tsx.snap

@@ -3,16 +3,16 @@
 exports[`SimpleListGroup should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <section
-    class="pf-v5-c-simple-list__section"
+    class="pf-v6-c-simple-list__section"
   >
     <h2
       aria-hidden="true"
-      class="pf-v5-c-simple-list__title ''"
+      class="pf-v6-c-simple-list__title ''"
       id="''"
     />
     <ul
       aria-labelledby="''"
-      class="pf-v5-c-simple-list__list ''"
+      class="pf-v6-c-simple-list__list ''"
       role="list"
     >
       ReactNode

package/src/components/SimpleList/__tests__/Generated/__snapshots__/SimpleListItem.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`SimpleListItem should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-simple-list__item ''"
+    class="pf-v6-c-simple-list__item ''"
   >
     <button
-      class="pf-v5-c-simple-list__item-link ''"
+      class="pf-v6-c-simple-list__item-link ''"
       type="button"
     >
       ReactNode

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

@@ -3,38 +3,38 @@
 exports[`SimpleList renders aria-labelled content 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-simple-list"
+    class="pf-v6-c-simple-list"
   >
     <ul
       aria-label="This is a simple list"
-      class="pf-v5-c-simple-list__list"
+      class="pf-v6-c-simple-list__list"
       role="list"
     >
       <li
-        class="pf-v5-c-simple-list__item"
+        class="pf-v6-c-simple-list__item"
       >
         <button
-          class="pf-v5-c-simple-list__item-link"
+          class="pf-v6-c-simple-list__item-link"
           type="button"
         >
           Item 1
         </button>
       </li>
       <li
-        class="pf-v5-c-simple-list__item"
+        class="pf-v6-c-simple-list__item"
       >
         <button
-          class="pf-v5-c-simple-list__item-link"
+          class="pf-v6-c-simple-list__item-link"
           type="button"
         >
           Item 2
         </button>
       </li>
       <li
-        class="pf-v5-c-simple-list__item"
+        class="pf-v6-c-simple-list__item"
       >
         <button
-          class="pf-v5-c-simple-list__item-link"
+          class="pf-v6-c-simple-list__item-link"
           type="button"
         >
           Item 3
@@ -48,37 +48,37 @@ exports[`SimpleList renders aria-labelled content 1`] = `
 exports[`SimpleList renders content 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-simple-list"
+    class="pf-v6-c-simple-list"
   >
     <ul
-      class="pf-v5-c-simple-list__list"
+      class="pf-v6-c-simple-list__list"
       role="list"
     >
       <li
-        class="pf-v5-c-simple-list__item"
+        class="pf-v6-c-simple-list__item"
       >
         <button
-          class="pf-v5-c-simple-list__item-link"
+          class="pf-v6-c-simple-list__item-link"
           type="button"
         >
           Item 1
         </button>
       </li>
       <li
-        class="pf-v5-c-simple-list__item"
+        class="pf-v6-c-simple-list__item"
       >
         <button
-          class="pf-v5-c-simple-list__item-link"
+          class="pf-v6-c-simple-list__item-link"
           type="button"
         >
           Item 2
         </button>
       </li>
       <li
-        class="pf-v5-c-simple-list__item"
+        class="pf-v6-c-simple-list__item"
       >
         <button
-          class="pf-v5-c-simple-list__item-link"
+          class="pf-v6-c-simple-list__item-link"
           type="button"
         >
           Item 3
@@ -92,48 +92,48 @@ exports[`SimpleList renders content 1`] = `
 exports[`SimpleList renders grouped content 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-simple-list"
+    class="pf-v6-c-simple-list"
   >
     <section
-      class="pf-v5-c-simple-list__section"
+      class="pf-v6-c-simple-list__section"
     >
       <h2
         aria-hidden="true"
-        class="pf-v5-c-simple-list__title"
+        class="pf-v6-c-simple-list__title"
         id=""
       >
         Group 1
       </h2>
       <ul
         aria-labelledby=""
-        class="pf-v5-c-simple-list__list"
+        class="pf-v6-c-simple-list__list"
         role="list"
       >
         <li
-          class="pf-v5-c-simple-list__item"
+          class="pf-v6-c-simple-list__item"
         >
           <button
-            class="pf-v5-c-simple-list__item-link"
+            class="pf-v6-c-simple-list__item-link"
             type="button"
           >
             Item 1
           </button>
         </li>
         <li
-          class="pf-v5-c-simple-list__item"
+          class="pf-v6-c-simple-list__item"
         >
           <button
-            class="pf-v5-c-simple-list__item-link"
+            class="pf-v6-c-simple-list__item-link"
             type="button"
           >
             Item 2
           </button>
         </li>
         <li
-          class="pf-v5-c-simple-list__item"
+          class="pf-v6-c-simple-list__item"
         >
           <button
-            class="pf-v5-c-simple-list__item-link"
+            class="pf-v6-c-simple-list__item-link"
             type="button"
           >
             Item 3

package/src/components/Skeleton/Skeleton.tsx

@@ -50,7 +50,7 @@ export const Skeleton: React.FunctionComponent<SkeletonProps> = ({
         } as React.CSSProperties
       })}
     >
-      <span className="pf-v5-screen-reader">{screenreaderText}</span>
+      <span className="pf-v6-screen-reader">{screenreaderText}</span>
     </div>
   );
 };

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

@@ -3,10 +3,10 @@
 exports[`skeleton circle skeleton 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-circle"
+    class="pf-v6-c-skeleton pf-m-circle"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -15,10 +15,10 @@ exports[`skeleton circle skeleton 1`] = `
 exports[`skeleton default 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
+    class="pf-v6-c-skeleton"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -27,10 +27,10 @@ exports[`skeleton default 1`] = `
 exports[`skeleton skeleton with 2xl font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-2xl"
+    class="pf-v6-c-skeleton pf-m-text-2xl"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -39,10 +39,10 @@ exports[`skeleton skeleton with 2xl font size 1`] = `
 exports[`skeleton skeleton with 3xl font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-3xl"
+    class="pf-v6-c-skeleton pf-m-text-3xl"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -51,10 +51,10 @@ exports[`skeleton skeleton with 3xl font size 1`] = `
 exports[`skeleton skeleton with 4xl font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-4xl"
+    class="pf-v6-c-skeleton pf-m-text-4xl"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -63,11 +63,11 @@ exports[`skeleton skeleton with 4xl font size 1`] = `
 exports[`skeleton skeleton with 25% height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Height: 25%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Height: 25%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -76,11 +76,11 @@ exports[`skeleton skeleton with 25% height 1`] = `
 exports[`skeleton skeleton with 25% width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Width: 25%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Width: 25%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -89,11 +89,11 @@ exports[`skeleton skeleton with 25% width 1`] = `
 exports[`skeleton skeleton with 33% height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Height: 33%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Height: 33%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -102,11 +102,11 @@ exports[`skeleton skeleton with 33% height 1`] = `
 exports[`skeleton skeleton with 33% width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Width: 33%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Width: 33%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -115,11 +115,11 @@ exports[`skeleton skeleton with 33% width 1`] = `
 exports[`skeleton skeleton with 50% height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Height: 50%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Height: 50%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -128,11 +128,11 @@ exports[`skeleton skeleton with 50% height 1`] = `
 exports[`skeleton skeleton with 50% width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Width: 50%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Width: 50%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -141,11 +141,11 @@ exports[`skeleton skeleton with 50% width 1`] = `
 exports[`skeleton skeleton with 66% height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Height: 66%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Height: 66%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -154,11 +154,11 @@ exports[`skeleton skeleton with 66% height 1`] = `
 exports[`skeleton skeleton with 66% width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Width: 66%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Width: 66%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -167,11 +167,11 @@ exports[`skeleton skeleton with 66% width 1`] = `
 exports[`skeleton skeleton with 75% height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Height: 75%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Height: 75%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -180,11 +180,11 @@ exports[`skeleton skeleton with 75% height 1`] = `
 exports[`skeleton skeleton with 75% width 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Width: 75%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Width: 75%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -193,11 +193,11 @@ exports[`skeleton skeleton with 75% width 1`] = `
 exports[`skeleton skeleton with 100% height 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton"
-    style="--pf-v5-c-skeleton--Height: 100%;"
+    class="pf-v6-c-skeleton"
+    style="--pf-v6-c-skeleton--Height: 100%;"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -206,10 +206,10 @@ exports[`skeleton skeleton with 100% height 1`] = `
 exports[`skeleton skeleton with lg font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-lg"
+    class="pf-v6-c-skeleton pf-m-text-lg"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -218,10 +218,10 @@ exports[`skeleton skeleton with lg font size 1`] = `
 exports[`skeleton skeleton with md font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-md"
+    class="pf-v6-c-skeleton pf-m-text-md"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -230,10 +230,10 @@ exports[`skeleton skeleton with md font size 1`] = `
 exports[`skeleton skeleton with sm font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-sm"
+    class="pf-v6-c-skeleton pf-m-text-sm"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -242,10 +242,10 @@ exports[`skeleton skeleton with sm font size 1`] = `
 exports[`skeleton skeleton with xl font size 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-text-xl"
+    class="pf-v6-c-skeleton pf-m-text-xl"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>
@@ -254,10 +254,10 @@ exports[`skeleton skeleton with xl font size 1`] = `
 exports[`skeleton square skeleton 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skeleton pf-m-square"
+    class="pf-v6-c-skeleton pf-m-square"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     />
   </div>
 </DocumentFragment>

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

@@ -3,11 +3,11 @@
 exports[`Verify Skip To Content 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-skip-to-content"
+    class="pf-v6-c-skip-to-content"
   >
     <a
       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"