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

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

@@ -5,18 +5,18 @@ exports[`NotificationBadge count 1`] = `
   <button
     aria-disabled="false"
     aria-expanded="false"
-    class="pf-v5-c-button pf-m-stateful pf-m-read"
+    class="pf-v6-c-button pf-m-stateful pf-m-read"
     data-ouia-component-id="OUIA-Generated-Button-stateful-3"
     data-ouia-component-type="PF5/Button"
     data-ouia-safe="true"
     type="button"
   >
     <span
-      class="pf-v5-c-button__icon pf-m-start"
+      class="pf-v6-c-button__icon pf-m-start"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -38,7 +38,7 @@ exports[`false NotificationBadge needs attention 1`] = `
   <button
     aria-disabled="false"
     aria-expanded="false"
-    class="pf-v5-c-button pf-m-stateful pf-m-attention"
+    class="pf-v6-c-button pf-m-stateful pf-m-attention"
     data-ouia-component-id="OUIA-Generated-Button-stateful-2"
     data-ouia-component-type="PF5/Button"
     data-ouia-safe="true"
@@ -54,7 +54,7 @@ exports[`true NotificationBadge needs attention 1`] = `
   <button
     aria-disabled="false"
     aria-expanded="false"
-    class="pf-v5-c-button pf-m-stateful pf-m-attention"
+    class="pf-v6-c-button pf-m-stateful pf-m-attention"
     data-ouia-component-id="OUIA-Generated-Button-stateful-1"
     data-ouia-component-type="PF5/Button"
     data-ouia-safe="true"

package/src/components/NotificationDrawer/NotificationDrawerListItem.tsx

@@ -63,7 +63,7 @@ export const NotificationDrawerListItem: React.FunctionComponent<NotificationDra
       onClick={(e) => onClick(e)}
       onKeyDown={onKeyDown}
     >
-      <span className="pf-v5-screen-reader">{readStateSRText}</span>
+      <span className="pf-v6-screen-reader">{readStateSRText}</span>
       {children}
     </li>
   );

package/src/components/NotificationDrawer/NotificationDrawerListItemHeader.tsx

@@ -86,7 +86,7 @@ export const NotificationDrawerListItemHeader: React.FunctionComponent<Notificat
       ref={titleRef}
       className={css(styles.notificationDrawerListItemHeaderTitle, truncateTitle && styles.modifiers.truncate)}
     >
-      {srTitle && <span className="pf-v5-screen-reader">{srTitle}</span>}
+      {srTitle && <span className="pf-v6-screen-reader">{srTitle}</span>}
       {title}
     </HeadingLevel>
   );

package/src/components/NotificationDrawer/__tests__/NotificationDrawerListItem.test.tsx

@@ -24,16 +24,16 @@ describe('NotificationDrawerListItem', () => {
   test('drawer list item with isRead applied and screen reader text is set to read', () => {
     render(<NotificationDrawerListItem isRead />);
     expect(screen.getByRole('listitem')).toHaveClass('pf-m-read');
-    expect(screen.getByRole('listitem')).toContainHTML('<span class="pf-v5-screen-reader">read</span>');
+    expect(screen.getByRole('listitem')).toContainHTML('<span class="pf-v6-screen-reader">read</span>');
   });
 
   test('drawer list item has screen reader text set to unread by default', () => {
     render(<NotificationDrawerListItem />);
-    expect(screen.getByRole('listitem')).toContainHTML('<span class="pf-v5-screen-reader">unread</span>');
+    expect(screen.getByRole('listitem')).toContainHTML('<span class="pf-v6-screen-reader">unread</span>');
   });
 
   test('drawer list item screen reader textcan be customized', () => {
     render(<NotificationDrawerListItem readStateScreenReaderText="was read" />);
-    expect(screen.getByRole('listitem')).toContainHTML('<span class="pf-v5-screen-reader">was read</span>');
+    expect(screen.getByRole('listitem')).toContainHTML('<span class="pf-v6-screen-reader">was read</span>');
   });
 });

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

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

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerBody.test.tsx.snap

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

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroup.test.tsx.snap

@@ -3,33 +3,33 @@
 exports[`NotificationDrawerGroup drawer group with isExpanded applied  1`] = `
 <DocumentFragment>
   <section
-    class="pf-v5-c-notification-drawer__group pf-m-expanded"
+    class="pf-v6-c-notification-drawer__group pf-m-expanded"
   >
     <h1>
       <button
         aria-expanded="true"
-        class="pf-v5-c-notification-drawer__group-toggle"
+        class="pf-v6-c-notification-drawer__group-toggle"
       >
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-title"
+          class="pf-v6-c-notification-drawer__group-toggle-title"
         >
           Critical Alerts
         </div>
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-count"
+          class="pf-v6-c-notification-drawer__group-toggle-count"
         >
           <span
-            class="pf-v5-c-badge pf-m-unread"
+            class="pf-v6-c-badge pf-m-unread"
           >
             2
           </span>
         </div>
         <span
-          class="pf-v5-c-notification-drawer__group-toggle-icon"
+          class="pf-v6-c-notification-drawer__group-toggle-icon"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -50,33 +50,33 @@ exports[`NotificationDrawerGroup drawer group with isExpanded applied  1`] = `
 exports[`NotificationDrawerGroup drawer group with isRead applied  1`] = `
 <DocumentFragment>
   <section
-    class="pf-v5-c-notification-drawer__group"
+    class="pf-v6-c-notification-drawer__group"
   >
     <h1>
       <button
         aria-expanded="false"
-        class="pf-v5-c-notification-drawer__group-toggle"
+        class="pf-v6-c-notification-drawer__group-toggle"
       >
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-title"
+          class="pf-v6-c-notification-drawer__group-toggle-title"
         >
           Critical Alerts
         </div>
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-count"
+          class="pf-v6-c-notification-drawer__group-toggle-count"
         >
           <span
-            class="pf-v5-c-badge pf-m-read"
+            class="pf-v6-c-badge pf-m-read"
           >
             2
           </span>
         </div>
         <span
-          class="pf-v5-c-notification-drawer__group-toggle-icon"
+          class="pf-v6-c-notification-drawer__group-toggle-icon"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -97,33 +97,33 @@ exports[`NotificationDrawerGroup drawer group with isRead applied  1`] = `
 exports[`NotificationDrawerGroup renders correct heading level 1`] = `
 <DocumentFragment>
   <section
-    class="pf-v5-c-notification-drawer__group"
+    class="pf-v6-c-notification-drawer__group"
   >
     <h2>
       <button
         aria-expanded="false"
-        class="pf-v5-c-notification-drawer__group-toggle"
+        class="pf-v6-c-notification-drawer__group-toggle"
       >
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-title"
+          class="pf-v6-c-notification-drawer__group-toggle-title"
         >
           Critical Alerts
         </div>
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-count"
+          class="pf-v6-c-notification-drawer__group-toggle-count"
         >
           <span
-            class="pf-v5-c-badge pf-m-unread"
+            class="pf-v6-c-badge pf-m-unread"
           >
             2
           </span>
         </div>
         <span
-          class="pf-v5-c-notification-drawer__group-toggle-icon"
+          class="pf-v6-c-notification-drawer__group-toggle-icon"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"
@@ -144,33 +144,33 @@ exports[`NotificationDrawerGroup renders correct heading level 1`] = `
 exports[`NotificationDrawerGroup renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <section
-    class="pf-v5-c-notification-drawer__group"
+    class="pf-v6-c-notification-drawer__group"
   >
     <h1>
       <button
         aria-expanded="false"
-        class="pf-v5-c-notification-drawer__group-toggle"
+        class="pf-v6-c-notification-drawer__group-toggle"
       >
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-title"
+          class="pf-v6-c-notification-drawer__group-toggle-title"
         >
           Critical Alerts
         </div>
         <div
-          class="pf-v5-c-notification-drawer__group-toggle-count"
+          class="pf-v6-c-notification-drawer__group-toggle-count"
         >
           <span
-            class="pf-v5-c-badge pf-m-unread"
+            class="pf-v6-c-badge pf-m-unread"
           >
             2
           </span>
         </div>
         <span
-          class="pf-v5-c-notification-drawer__group-toggle-icon"
+          class="pf-v6-c-notification-drawer__group-toggle-icon"
         >
           <svg
             aria-hidden="true"
-            class="pf-v5-svg"
+            class="pf-v6-svg"
             fill="currentColor"
             height="1em"
             role="img"

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerGroupList.test.tsx.snap

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

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerHeader.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`NotificationDrawerHeader drawer header with count applied 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__header"
+    class="pf-v6-c-notification-drawer__header"
   >
     <h1
-      class="pf-v5-c-notification-drawer__header-title"
+      class="pf-v6-c-notification-drawer__header-title"
       data-ouia-component-id="OUIA-Generated-Text-3"
       data-ouia-component-type="PF5/Text"
       data-ouia-safe="true"
@@ -16,7 +16,7 @@ exports[`NotificationDrawerHeader drawer header with count applied 1`] = `
     </h1>
     <span
       aria-live="polite"
-      class="pf-v5-c-notification-drawer__header-status"
+      class="pf-v6-c-notification-drawer__header-status"
     >
       2 unread
     </span>
@@ -27,10 +27,10 @@ exports[`NotificationDrawerHeader drawer header with count applied 1`] = `
 exports[`NotificationDrawerHeader drawer header with custom unread text applied 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__header"
+    class="pf-v6-c-notification-drawer__header"
   >
     <h1
-      class="pf-v5-c-notification-drawer__header-title"
+      class="pf-v6-c-notification-drawer__header-title"
       data-ouia-component-id="OUIA-Generated-Text-5"
       data-ouia-component-type="PF5/Text"
       data-ouia-safe="true"
@@ -40,7 +40,7 @@ exports[`NotificationDrawerHeader drawer header with custom unread text applied
     </h1>
     <span
       aria-live="polite"
-      class="pf-v5-c-notification-drawer__header-status"
+      class="pf-v6-c-notification-drawer__header-status"
     >
       2 unread alerts
     </span>
@@ -51,10 +51,10 @@ exports[`NotificationDrawerHeader drawer header with custom unread text applied
 exports[`NotificationDrawerHeader drawer header with title applied 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__header"
+    class="pf-v6-c-notification-drawer__header"
   >
     <h1
-      class="pf-v5-c-notification-drawer__header-title"
+      class="pf-v6-c-notification-drawer__header-title"
       data-ouia-component-id="OUIA-Generated-Text-4"
       data-ouia-component-type="PF5/Text"
       data-ouia-safe="true"
@@ -69,10 +69,10 @@ exports[`NotificationDrawerHeader drawer header with title applied 1`] = `
 exports[`NotificationDrawerHeader renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__header"
+    class="pf-v6-c-notification-drawer__header"
   >
     <h1
-      class="pf-v5-c-notification-drawer__header-title"
+      class="pf-v6-c-notification-drawer__header-title"
       data-ouia-component-id="OUIA-Generated-Text-1"
       data-ouia-component-type="PF5/Text"
       data-ouia-safe="true"

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerList.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`NotificationDrawerList drawer list with hidden applied  1`] = `
 <DocumentFragment>
   <ul
-    class="pf-v5-c-notification-drawer__list"
+    class="pf-v6-c-notification-drawer__list"
     hidden=""
     role="list"
   />
@@ -13,7 +13,7 @@ exports[`NotificationDrawerList drawer list with hidden applied  1`] = `
 exports[`NotificationDrawerList renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <ul
-    class="pf-v5-c-notification-drawer__list"
+    class="pf-v6-c-notification-drawer__list"
     role="list"
   />
 </DocumentFragment>

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItem.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`NotificationDrawerListItem renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <li
-    class="pf-v5-c-notification-drawer__list-item pf-m-hoverable pf-m-custom"
+    class="pf-v6-c-notification-drawer__list-item pf-m-hoverable pf-m-custom"
     tabindex="0"
   >
     <span
-      class="pf-v5-screen-reader"
+      class="pf-v6-screen-reader"
     >
       unread
     </span>

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemBody.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`NotificationDrawerListItemBody list item body with timestamp property applied 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-description"
+    class="pf-v6-c-notification-drawer__list-item-description"
   />
   <div
-    class="pf-v5-c-notification-drawer__list-item-timestamp"
+    class="pf-v6-c-notification-drawer__list-item-timestamp"
   >
     5 minutes ago
   </div>
@@ -16,7 +16,7 @@ exports[`NotificationDrawerListItemBody list item body with timestamp property a
 exports[`NotificationDrawerListItemBody renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-description"
+    class="pf-v6-c-notification-drawer__list-item-description"
   />
 </DocumentFragment>
 `;

package/src/components/NotificationDrawer/__tests__/__snapshots__/NotificationDrawerListItemHeader.test.tsx.snap

@@ -3,14 +3,14 @@
 exports[`NotificationDrawerListItemHeader list item header with custom icon applied  1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-header"
+    class="pf-v6-c-notification-drawer__list-item-header"
   >
     <span
-      class="pf-v5-c-notification-drawer__list-item-header-icon"
+      class="pf-v6-c-notification-drawer__list-item-header-icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -23,7 +23,7 @@ exports[`NotificationDrawerListItemHeader list item header with custom icon appl
       </svg>
     </span>
     <h2
-      class="pf-v5-c-notification-drawer__list-item-header-title"
+      class="pf-v6-c-notification-drawer__list-item-header-title"
     >
       Pod quit unexpectedly
     </h2>
@@ -34,14 +34,14 @@ exports[`NotificationDrawerListItemHeader list item header with custom icon appl
 exports[`NotificationDrawerListItemHeader list item header with srTitle applied  1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-header"
+    class="pf-v6-c-notification-drawer__list-item-header"
   >
     <span
-      class="pf-v5-c-notification-drawer__list-item-header-icon"
+      class="pf-v6-c-notification-drawer__list-item-header-icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -54,10 +54,10 @@ exports[`NotificationDrawerListItemHeader list item header with srTitle applied
       </svg>
     </span>
     <h2
-      class="pf-v5-c-notification-drawer__list-item-header-title"
+      class="pf-v6-c-notification-drawer__list-item-header-title"
     >
       <span
-        class="pf-v5-screen-reader"
+        class="pf-v6-screen-reader"
       >
         screen reader title
       </span>
@@ -70,14 +70,14 @@ exports[`NotificationDrawerListItemHeader list item header with srTitle applied
 exports[`NotificationDrawerListItemHeader list item header with variant applied  1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-header"
+    class="pf-v6-c-notification-drawer__list-item-header"
   >
     <span
-      class="pf-v5-c-notification-drawer__list-item-header-icon"
+      class="pf-v6-c-notification-drawer__list-item-header-icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -90,7 +90,7 @@ exports[`NotificationDrawerListItemHeader list item header with variant applied
       </svg>
     </span>
     <h2
-      class="pf-v5-c-notification-drawer__list-item-header-title"
+      class="pf-v6-c-notification-drawer__list-item-header-title"
     >
       Pod quit unexpectedly
     </h2>
@@ -101,14 +101,14 @@ exports[`NotificationDrawerListItemHeader list item header with variant applied
 exports[`NotificationDrawerListItemHeader renders with PatternFly Core styles 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-header"
+    class="pf-v6-c-notification-drawer__list-item-header"
   >
     <span
-      class="pf-v5-c-notification-drawer__list-item-header-icon"
+      class="pf-v6-c-notification-drawer__list-item-header-icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -121,7 +121,7 @@ exports[`NotificationDrawerListItemHeader renders with PatternFly Core styles 1`
       </svg>
     </span>
     <h2
-      class="pf-v5-c-notification-drawer__list-item-header-title"
+      class="pf-v6-c-notification-drawer__list-item-header-title"
     >
       Pod quit unexpectedly
     </h2>
@@ -132,14 +132,14 @@ exports[`NotificationDrawerListItemHeader renders with PatternFly Core styles 1`
 exports[`NotificationDrawerListItemHeader renders with correct heading level 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v5-c-notification-drawer__list-item-header"
+    class="pf-v6-c-notification-drawer__list-item-header"
   >
     <span
-      class="pf-v5-c-notification-drawer__list-item-header-icon"
+      class="pf-v6-c-notification-drawer__list-item-header-icon"
     >
       <svg
         aria-hidden="true"
-        class="pf-v5-svg"
+        class="pf-v6-svg"
         fill="currentColor"
         height="1em"
         role="img"
@@ -152,7 +152,7 @@ exports[`NotificationDrawerListItemHeader renders with correct heading level 1`]
       </svg>
     </span>
     <h3
-      class="pf-v5-c-notification-drawer__list-item-header-title"
+      class="pf-v6-c-notification-drawer__list-item-header-title"
     >
       Pod quit unexpectedly
     </h3>