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

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

@@ -4,13 +4,13 @@ exports[`Breadcrumb component should render breadcrumb with aria-label 1`] = `
 <DocumentFragment>
   <nav
     aria-label="custom label"
-    class="pf-v5-c-breadcrumb"
+    class="pf-v6-c-breadcrumb"
     data-ouia-component-id="OUIA-Generated-Breadcrumb-3"
     data-ouia-component-type="PF5/Breadcrumb"
     data-ouia-safe="true"
   >
     <ol
-      class="pf-v5-c-breadcrumb__list"
+      class="pf-v6-c-breadcrumb__list"
       role="list"
     />
   </nav>
@@ -21,20 +21,20 @@ exports[`Breadcrumb component should render breadcrumb with children 1`] = `
 <DocumentFragment>
   <nav
     aria-label="Breadcrumb"
-    class="pf-v5-c-breadcrumb"
+    class="pf-v6-c-breadcrumb"
     data-ouia-component-id="OUIA-Generated-Breadcrumb-4"
     data-ouia-component-type="PF5/Breadcrumb"
     data-ouia-safe="true"
   >
     <ol
-      class="pf-v5-c-breadcrumb__list"
+      class="pf-v6-c-breadcrumb__list"
       role="list"
     >
       <li
-        class="pf-v5-c-breadcrumb__item"
+        class="pf-v6-c-breadcrumb__item"
       >
         <a
-          class="pf-v5-c-breadcrumb__link"
+          class="pf-v6-c-breadcrumb__link"
           href="#"
         >
           Item 1
@@ -42,14 +42,14 @@ exports[`Breadcrumb component should render breadcrumb with children 1`] = `
       </li>
        
       <li
-        class="pf-v5-c-breadcrumb__item"
+        class="pf-v6-c-breadcrumb__item"
       >
         <span
-          class="pf-v5-c-breadcrumb__item-divider"
+          class="pf-v6-c-breadcrumb__item-divider"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -62,7 +62,7 @@ exports[`Breadcrumb component should render breadcrumb with children 1`] = `
           </svg>
         </span>
         <a
-          class="pf-v5-c-breadcrumb__link"
+          class="pf-v6-c-breadcrumb__link"
           href="#"
         >
           Item 1
@@ -77,13 +77,13 @@ exports[`Breadcrumb component should render breadcrumb with className 1`] = `
 <DocumentFragment>
   <nav
     aria-label="Breadcrumb"
-    class="pf-v5-c-breadcrumb className"
+    class="pf-v6-c-breadcrumb className"
     data-ouia-component-id="OUIA-Generated-Breadcrumb-2"
     data-ouia-component-type="PF5/Breadcrumb"
     data-ouia-safe="true"
   >
     <ol
-      class="pf-v5-c-breadcrumb__list"
+      class="pf-v6-c-breadcrumb__list"
       role="list"
     />
   </nav>
@@ -94,13 +94,13 @@ exports[`Breadcrumb component should render default breadcrumb 1`] = `
 <DocumentFragment>
   <nav
     aria-label="Breadcrumb"
-    class="pf-v5-c-breadcrumb"
+    class="pf-v6-c-breadcrumb"
     data-ouia-component-id="OUIA-Generated-Breadcrumb-1"
     data-ouia-component-type="PF5/Breadcrumb"
     data-ouia-safe="true"
   >
     <ol
-      class="pf-v5-c-breadcrumb__list"
+      class="pf-v6-c-breadcrumb__list"
       role="list"
     />
   </nav>

package/src/components/Breadcrumb/__tests__/__snapshots__/BreadcrumbHeading.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`BreadcrumbHeading component should pass classname 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item Class"
+    class="pf-v6-c-breadcrumb__item Class"
   >
     <h1
-      class="pf-v5-c-breadcrumb__heading"
+      class="pf-v6-c-breadcrumb__heading"
     >
       Item
     </h1>
@@ -17,11 +17,11 @@ exports[`BreadcrumbHeading component should pass classname 1`] = `
 exports[`BreadcrumbHeading component should pass custom id 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
     id="Id"
   >
     <h1
-      class="pf-v5-c-breadcrumb__heading"
+      class="pf-v6-c-breadcrumb__heading"
     >
       Item
     </h1>
@@ -32,14 +32,14 @@ exports[`BreadcrumbHeading component should pass custom id 1`] = `
 exports[`BreadcrumbHeading component should render breadcrumbHeading with target 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     <h1
-      class="pf-v5-c-breadcrumb__heading"
+      class="pf-v6-c-breadcrumb__heading"
     >
       <a
         aria-current="page"
-        class="pf-v5-c-breadcrumb__link pf-m-current"
+        class="pf-v6-c-breadcrumb__link pf-m-current"
         href="#here"
         target="_blank"
       >
@@ -53,10 +53,10 @@ exports[`BreadcrumbHeading component should render breadcrumbHeading with target
 exports[`BreadcrumbHeading component should render default breadcrumbHeading 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     <h1
-      class="pf-v5-c-breadcrumb__heading"
+      class="pf-v6-c-breadcrumb__heading"
     >
       Item
     </h1>
@@ -67,14 +67,14 @@ exports[`BreadcrumbHeading component should render default breadcrumbHeading 1`]
 exports[`BreadcrumbHeading component should render link breadcrumbTitle 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     <h1
-      class="pf-v5-c-breadcrumb__heading"
+      class="pf-v6-c-breadcrumb__heading"
     >
       <a
         aria-current="page"
-        class="pf-v5-c-breadcrumb__link pf-m-current"
+        class="pf-v6-c-breadcrumb__link pf-m-current"
         href="/somewhere"
       >
         Item

package/src/components/Breadcrumb/__tests__/__snapshots__/BreadcrumbItem.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`BreadcrumbItem component should render active breadcrumbItem 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     Item
   </li>
@@ -13,7 +13,7 @@ exports[`BreadcrumbItem component should render active breadcrumbItem 1`] = `
 exports[`BreadcrumbItem component should render breadcrumbItem with className 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item Class"
+    class="pf-v6-c-breadcrumb__item Class"
   >
     Item
   </li>
@@ -23,7 +23,7 @@ exports[`BreadcrumbItem component should render breadcrumbItem with className 1`
 exports[`BreadcrumbItem component should render breadcrumbItem with component 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     Stuff
   </li>
@@ -33,7 +33,7 @@ exports[`BreadcrumbItem component should render breadcrumbItem with component 1`
 exports[`BreadcrumbItem component should render breadcrumbItem with custom element 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     <h1>
       Header
@@ -45,7 +45,7 @@ exports[`BreadcrumbItem component should render breadcrumbItem with custom eleme
 exports[`BreadcrumbItem component should render breadcrumbItem with id 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
     id="Item 1"
   >
     Item
@@ -56,7 +56,7 @@ exports[`BreadcrumbItem component should render breadcrumbItem with id 1`] = `
 exports[`BreadcrumbItem component should render breadcrumbItem with target 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     Item
   </li>
@@ -66,7 +66,7 @@ exports[`BreadcrumbItem component should render breadcrumbItem with target 1`] =
 exports[`BreadcrumbItem component should render default breadcrumbItem 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     Item
   </li>
@@ -76,10 +76,10 @@ exports[`BreadcrumbItem component should render default breadcrumbItem 1`] = `
 exports[`BreadcrumbItem component should render link breadcrumbItem 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-breadcrumb__item"
+    class="pf-v6-c-breadcrumb__item"
   >
     <a
-      class="pf-v5-c-breadcrumb__link"
+      class="pf-v6-c-breadcrumb__link"
       href="/somewhere"
     >
       Item

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

@@ -28,9 +28,9 @@ test('Renders without children', () => {
   expect(screen.getByTestId('container').firstChild).toBeVisible();
 });
 
-test('Renders with class pf-v5-c-button by default', () => {
+test('Renders with class pf-v6-c-button by default', () => {
   render(<Button>Button</Button>);
-  expect(screen.getByRole('button')).toHaveClass('pf-v5-c-button');
+  expect(screen.getByRole('button')).toHaveClass('pf-v6-c-button');
 });
 
 test('Renders with class pf-m-primary by default', () => {

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

@@ -5,7 +5,7 @@ exports[`Renders basic button 1`] = `
   <button
     aria-disabled="false"
     aria-label="basic button"
-    class="pf-v5-c-button pf-m-primary"
+    class="pf-v6-c-button pf-m-primary"
     data-ouia-component-id="OUIA-Generated-Button-primary-28"
     data-ouia-component-type="PF5/Button"
     data-ouia-safe="true"

package/src/components/Button/examples/ButtonStateful.tsx

@@ -9,7 +9,7 @@ export const ButtonStateful: React.FunctionComponent = () => (
         <strong>Read</strong>
       </div>
       <Button variant="stateful" state="read" icon={<BellIcon />}>
-        10 <span className="pf-v5-screen-reader">items</span>
+        10 <span className="pf-v6-screen-reader">items</span>
       </Button>
     </div>
     <div>
@@ -17,7 +17,7 @@ export const ButtonStateful: React.FunctionComponent = () => (
         <strong>Unread</strong>
       </div>
       <Button variant="stateful" state="unread" icon={<BellIcon />}>
-        10 <span className="pf-v5-screen-reader">unread items</span>
+        10 <span className="pf-v6-screen-reader">unread items</span>
       </Button>
     </div>
     <div>
@@ -25,7 +25,7 @@ export const ButtonStateful: React.FunctionComponent = () => (
         <strong>Attention</strong>
       </div>
       <Button variant="stateful" state="attention" icon={<BellIcon />}>
-        10 <span className="pf-v5-screen-reader">unread items, needs attention</span>
+        10 <span className="pf-v6-screen-reader">unread items, needs attention</span>
       </Button>
     </div>
   </Flex>

package/src/components/CalendarMonth/CalendarMonth.tsx

@@ -349,7 +349,7 @@ export const CalendarMonth = ({
           <tr>
             {calendar[0].map(({ date }, index) => (
               <th key={index} className={styles.calendarMonthDay} scope="col">
-                <span className="pf-v5-screen-reader">{longWeekdayFormat(date)}</span>
+                <span className="pf-v6-screen-reader">{longWeekdayFormat(date)}</span>
                 <span aria-hidden>{weekdayFormat(date)}</span>
               </th>
             ))}

package/src/components/Card/CardHeader.tsx

@@ -120,7 +120,7 @@ export const CardHeader: React.FunctionComponent<CardHeaderProps> = ({
       const getClickableSelectableProps = () => {
         const baseProps = {
           className: 'pf-m-standalone',
-          inputClassName: isClickable && !isSelectable && 'pf-v5-screen-reader',
+          inputClassName: isClickable && !isSelectable && 'pf-v6-screen-reader',
           label: <></>,
           'aria-label': selectableActions.selectableActionAriaLabel,
           'aria-labelledby': selectableActions.selectableActionAriaLabelledby,

package/src/components/Card/__tests__/CardSelectableActions.test.tsx

@@ -19,10 +19,10 @@ test('Renders children', () => {
   expect(screen.getByText('Test')).toBeVisible();
 });
 
-test('Renders with class name pf-v5-c-card__selectable-actions', () => {
+test('Renders with class name pf-v6-c-card__selectable-actions', () => {
   render(<CardSelectableActions>Test</CardSelectableActions>);
 
-  expect(screen.getByText('Test')).toHaveClass('pf-v5-c-card__selectable-actions');
+  expect(screen.getByText('Test')).toHaveClass('pf-v6-c-card__selectable-actions');
 });
 
 test('Renders with custom class names provided via prop', () => {

package/src/components/Card/__tests__/Generated/__snapshots__/CardActions.test.tsx.snap

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

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

@@ -3,7 +3,7 @@
 exports[`Card card with isCompact applied  1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card pf-m-compact"
+    class="pf-v6-c-card pf-m-compact"
     data-ouia-component-id="OUIA-Generated-Card-6"
     data-ouia-component-type="PF5/Card"
     data-ouia-safe="true"
@@ -15,7 +15,7 @@ exports[`Card card with isCompact applied  1`] = `
 exports[`Card renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card"
+    class="pf-v6-c-card"
     data-ouia-component-id="OUIA-Generated-Card-1"
     data-ouia-component-type="PF5/Card"
     data-ouia-safe="true"

package/src/components/Card/__tests__/__snapshots__/CardBody.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`CardBody body with no-fill applied 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__body pf-m-no-fill"
+    class="pf-v6-c-card__body pf-m-no-fill"
   />
 </DocumentFragment>
 `;
@@ -11,7 +11,7 @@ exports[`CardBody body with no-fill applied 1`] = `
 exports[`CardBody renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__body"
+    class="pf-v6-c-card__body"
   />
 </DocumentFragment>
 `;

package/src/components/Card/__tests__/__snapshots__/CardExpandableContent.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`renders successfully 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__expandable-content"
+    class="pf-v6-c-card__expandable-content"
   />
 </DocumentFragment>
 `;

package/src/components/Card/__tests__/__snapshots__/CardFooter.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`CardFooter renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__footer"
+    class="pf-v6-c-card__footer"
   />
 </DocumentFragment>
 `;

package/src/components/Card/__tests__/__snapshots__/CardHeader.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`CardHeader actions are rendered 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__header"
+    class="pf-v6-c-card__header"
   >
     <div
-      class="pf-v5-c-card__actions"
+      class="pf-v6-c-card__actions"
     />
   </div>
 </DocumentFragment>
@@ -15,25 +15,25 @@ exports[`CardHeader actions are rendered 1`] = `
 exports[`CardHeader onExpand adds the toggle button 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__header"
+    class="pf-v6-c-card__header"
   >
     <div
-      class="pf-v5-c-card__header-toggle"
+      class="pf-v6-c-card__header-toggle"
     >
       <button
         aria-disabled="false"
-        class="pf-v5-c-button pf-m-plain"
+        class="pf-v6-c-button pf-m-plain"
         data-ouia-component-id="OUIA-Generated-Button-plain-1"
         data-ouia-component-type="PF5/Button"
         data-ouia-safe="true"
         type="button"
       >
         <span
-          class="pf-v5-c-card__header-toggle-icon"
+          class="pf-v6-c-card__header-toggle-icon"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"

package/src/components/Card/__tests__/__snapshots__/CardHeaderMain.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`CardHeaderMain renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__header-main"
+    class="pf-v6-c-card__header-main"
   >
     text
   </div>

package/src/components/Card/__tests__/__snapshots__/CardSelectableActions.test.tsx.snap

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

package/src/components/Card/__tests__/__snapshots__/CardTitle.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`CardTitle renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-card__title"
+    class="pf-v6-c-card__title"
   >
     <div
-      class="pf-v5-c-card__title-text"
+      class="pf-v6-c-card__title-text"
     >
       text
     </div>

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

@@ -3,11 +3,11 @@
 exports[`Matches snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-check pf-m-standalone"
+    class="pf-v6-c-check pf-m-standalone"
   >
     <input
       aria-invalid="false"
-      class="pf-v5-c-check__input"
+      class="pf-v6-c-check__input"
       data-ouia-component-id="ouia-id"
       data-ouia-component-type="PF5/Checkbox"
       data-ouia-safe="true"

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

@@ -3,17 +3,17 @@
 exports[`Matches snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-clipboard-copy"
+    class="pf-v6-c-clipboard-copy"
     data-ouia-component-id="snapshot"
     data-ouia-component-type="PF5/ClipboardCopy"
     data-ouia-safe="true"
     id="snapshot"
   >
     <div
-      class="pf-v5-c-clipboard-copy__group"
+      class="pf-v6-c-clipboard-copy__group"
     >
       <span
-        class="pf-v5-c-form-control"
+        class="pf-v6-c-form-control"
       >
         <input
           aria-invalid="false"

package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyAction.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Matches snapshot 1`] = `
 <DocumentFragment>
   <span
-    class="pf-v5-c-clipboard-copy__actions-item"
+    class="pf-v6-c-clipboard-copy__actions-item"
   >
     Action text
   </span>

package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyButton.test.tsx.snap

@@ -31,7 +31,7 @@ exports[`Matches snapshot 1`] = `
       aria-disabled="false"
       aria-label="Copyable input"
       aria-labelledby="button-id text-id"
-      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"
@@ -40,7 +40,7 @@ exports[`Matches snapshot 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"

package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyExpanded.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Matches snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-clipboard-copy__expandable-content"
+    class="pf-v6-c-clipboard-copy__expandable-content"
     contenteditable="true"
   >
     Expanded content

package/src/components/ClipboardCopy/__tests__/__snapshots__/ClipboardCopyToggle.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`Matches snapshot 1`] = `
     aria-disabled="false"
     aria-expanded="false"
     aria-labelledby="main-id text-id"
-    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"
@@ -15,11 +15,11 @@ exports[`Matches snapshot 1`] = `
     type="button"
   >
     <div
-      class="pf-v5-c-clipboard-copy__toggle-icon"
+      class="pf-v6-c-clipboard-copy__toggle-icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"

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

@@ -3,13 +3,13 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-code-block"
+    class="pf-v6-c-code-block"
   >
     <div
-      class="pf-v5-c-code-block__header"
+      class="pf-v6-c-code-block__header"
     >
       <div
-        class="pf-v5-c-code-block__actions"
+        class="pf-v6-c-code-block__actions"
       >
         <div>
           actions
@@ -17,7 +17,7 @@ exports[`Matches the snapshot 1`] = `
       </div>
     </div>
     <div
-      class="pf-v5-c-code-block__content"
+      class="pf-v6-c-code-block__content"
     >
       children
     </div>

package/src/components/CodeBlock/__tests__/__snapshots__/CodeBlockAction.test.tsx.snap

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

package/src/components/CodeBlock/__tests__/__snapshots__/CodeBlockCode.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <pre
-    class="pf-v5-c-code-block__pre"
+    class="pf-v6-c-code-block__pre"
   >
     <code
-      class="pf-v5-c-code-block__code"
+      class="pf-v6-c-code-block__code"
     >
       children
     </code>

package/src/components/DataList/DataListItem.tsx

@@ -93,7 +93,7 @@ class DataListItem extends React.Component<DataListItemProps> {
             >
               {onSelectableRowChange && (
                 <input
-                  className="pf-v5-screen-reader"
+                  className="pf-v6-screen-reader"
                   type="radio"
                   checked={isSelected}
                   onChange={(event) => onSelectableRowChange(event, id)}

package/src/components/DataList/__tests__/DataListCell.test.tsx

@@ -61,7 +61,7 @@ test('Renders width modifier when width is passed', () => {
           styles.modifiers.flex_4,
           styles.modifiers.flex_5
         )
-      : expect(dataListCell).toHaveClass(`pf-v5-c-data-list__cell ${testCase.class}`, { exact: true });
+      : expect(dataListCell).toHaveClass(`pf-v6-c-data-list__cell ${testCase.class}`, { exact: true });
   });
 });