@patternfly/react-core 5.0.0-alpha.90 → 5.0.0-alpha.91

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "5.0.0-alpha.90",
+  "version": "5.0.0-alpha.91",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -46,15 +46,15 @@
     "subpaths": "node scripts/createSubpaths.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^5.0.0-alpha.13",
-    "@patternfly/react-styles": "^5.0.0-alpha.9",
-    "@patternfly/react-tokens": "^5.0.0-alpha.8",
+    "@patternfly/react-icons": "^5.0.0-alpha.14",
+    "@patternfly/react-styles": "^5.0.0-alpha.10",
+    "@patternfly/react-tokens": "^5.0.0-alpha.9",
     "focus-trap": "7.4.0",
     "react-dropzone": "^14.2.3",
     "tslib": "^2.5.0"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.0.0-alpha.41",
+    "@patternfly/patternfly": "5.0.0-alpha.46",
     "@rollup/plugin-commonjs": "^24.1.0",
     "@rollup/plugin-node-resolve": "^15.0.2",
     "@rollup/plugin-replace": "^5.0.2",
@@ -71,5 +71,5 @@
     "react": "^17 || ^18",
     "react-dom": "^17 || ^18"
   },
-  "gitHead": "fbd0e89df0722abba56a1752bd20000943dee2b3"
+  "gitHead": "f66b668ef3fc16098974e1ac80c94e98b02a03d2"
 }

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

@@ -18,7 +18,7 @@ const props: AboutModalProps = {
 describe('AboutModal', () => {
   test('closes with escape', async () => {
     const user = userEvent.setup();
-    
+
     render(<AboutModal {...props} isOpen />);
 
     await user.type(screen.getByRole('dialog'), `{${KeyTypes.Escape}}`);
@@ -51,7 +51,6 @@ describe('AboutModal', () => {
       onClose: jest.fn(),
       children: 'modal content',
       trademark: 'Trademark and copyright information here'
-
     } as any;
     const myMock = jest.fn() as any;
     global.console = { error: myMock } as any;

package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBox.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`AboutModalBox Test 1`] = `
 <DocumentFragment>
   <div
     aria-labelledby="id"
-    class="pf-c-about-modal-box"
+    class="pf-v5-c-about-modal-box"
   >
     This is a AboutModalBox
   </div>

package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxBrand.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`test About Modal Brand 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-about-modal-box__brand"
+    class="pf-v5-c-about-modal-box__brand"
   >
     <img
       alt="brand"
-      class="pf-c-about-modal-box__brand-image"
+      class="pf-v5-c-about-modal-box__brand-image"
       src="testimage.."
     />
   </div>

package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxCloseButton.test.tsx.snap

@@ -3,12 +3,12 @@
 exports[`AboutModalBoxCloseButton Test 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-about-modal-box__close"
+    class="pf-v5-c-about-modal-box__close"
   >
     <button
       aria-disabled="false"
       aria-label="Close Dialog"
-      class="pf-c-button pf-m-plain"
+      class="pf-v5-c-button pf-m-plain"
       data-ouia-component-id="OUIA-Generated-Button-plain-1"
       data-ouia-component-type="PF4/Button"
       data-ouia-safe="true"
@@ -16,7 +16,7 @@ exports[`AboutModalBoxCloseButton Test 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="pf-svg"
+        class="pf-v5-svg"
         fill="currentColor"
         role="img"
         viewBox="0 0 352 512"
@@ -33,12 +33,12 @@ exports[`AboutModalBoxCloseButton Test 1`] = `
 exports[`AboutModalBoxCloseButton Test close button aria label 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-about-modal-box__close"
+    class="pf-v5-c-about-modal-box__close"
   >
     <button
       aria-disabled="false"
       aria-label="Klose Daylok"
-      class="pf-c-button pf-m-plain"
+      class="pf-v5-c-button pf-m-plain"
       data-ouia-component-id="OUIA-Generated-Button-plain-3"
       data-ouia-component-type="PF4/Button"
       data-ouia-safe="true"
@@ -46,7 +46,7 @@ exports[`AboutModalBoxCloseButton Test close button aria label 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="pf-svg"
+        class="pf-v5-svg"
         fill="currentColor"
         role="img"
         viewBox="0 0 352 512"
@@ -63,12 +63,12 @@ exports[`AboutModalBoxCloseButton Test close button aria label 1`] = `
 exports[`AboutModalBoxCloseButton Test onclose 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-about-modal-box__close"
+    class="pf-v5-c-about-modal-box__close"
   >
     <button
       aria-disabled="false"
       aria-label="Close Dialog"
-      class="pf-c-button pf-m-plain"
+      class="pf-v5-c-button pf-m-plain"
       data-ouia-component-id="OUIA-Generated-Button-plain-2"
       data-ouia-component-type="PF4/Button"
       data-ouia-safe="true"
@@ -76,7 +76,7 @@ exports[`AboutModalBoxCloseButton Test onclose 1`] = `
     >
       <svg
         aria-hidden="true"
-        class="pf-svg"
+        class="pf-v5-svg"
         fill="currentColor"
         role="img"
         viewBox="0 0 352 512"

package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxContent.test.tsx.snap

@@ -3,20 +3,20 @@
 exports[`AboutModalBoxContent Test 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-about-modal-box__content"
+    class="pf-v5-c-about-modal-box__content"
     id="id"
   >
     <div
       class="pf-c-about-modal-box__body"
     >
       <div
-        class="pf-c-content"
+        class="pf-v5-c-content"
       >
         This is a AboutModalBoxContent
       </div>
     </div>
     <p
-      class="pf-c-about-modal-box__strapline"
+      class="pf-v5-c-about-modal-box__strapline"
     >
       trademark
     </p>

package/src/components/AboutModal/__tests__/__snapshots__/AboutModalBoxHeader.test.tsx.snap

@@ -3,10 +3,10 @@
 exports[`AboutModalBoxHeader Test 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-about-modal-box__header"
+    class="pf-v5-c-about-modal-box__header"
   >
     <h1
-      class="pf-c-title pf-m-4xl"
+      class="pf-v5-c-title pf-m-4xl"
       data-ouia-component-id="OUIA-Generated-Title-1"
       data-ouia-component-type="PF4/Title"
       data-ouia-safe="true"

package/src/components/AboutModal/examples/AboutModalComplexUserPositionedContent.tsx

@@ -23,12 +23,12 @@ export const AboutModalComplexUserPositionedContent: React.FunctionComponent = (
         hasNoContentContainer={true}
         productName="Product Name"
       >
-        <TextContent id="test1" className="pf-u-py-xl">
+        <TextContent id="test1" className="pf-v5-u-py-xl">
           <h4>About</h4>
           <p>Content here</p>
         </TextContent>
         <Alert variant="info" title="Updates available" />
-        <TextContent id="test2" className="pf-u-py-xl">
+        <TextContent id="test2" className="pf-v5-u-py-xl">
           <TextList component="dl">
             <TextListItem component="dt">CFME Version</TextListItem>
             <TextListItem component="dd">5.5.3.4.20102789036450</TextListItem>

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

@@ -37,7 +37,7 @@ test('Renders with inherited element props spread to the component', () => {
 test('Renders with class name pf-c-accordion', () => {
   render(<Accordion>Test</Accordion>);
 
-  expect(screen.getByText('Test')).toHaveClass('pf-c-accordion');
+  expect(screen.getByText('Test')).toHaveClass('pf-v5-c-accordion');
 });
 
 test('Renders with custom class names provided via prop', () => {

package/src/components/Accordion/__tests__/AccordionContent.test.tsx

@@ -92,7 +92,7 @@ test('Renders with class name pf-c-accordion__expandable-content', () => {
     </AccordionContext.Provider>
   );
 
-  expect(screen.getByRole('heading')).toHaveClass('pf-c-accordion__expandable-content');
+  expect(screen.getByRole('heading')).toHaveClass('pf-v5-c-accordion__expandable-content');
 });
 
 test('Renders with custom class names provided via prop', () => {

package/src/components/Accordion/__tests__/AccordionExpandedContentBody.test.tsx

@@ -5,12 +5,12 @@ import { render, screen } from '@testing-library/react';
 import { AccordionExpandableContentBody } from '../AccordionExpandableContentBody';
 
 test('Renders without children', () => {
-    const { asFragment } = render(<AccordionExpandableContentBody />);
+  const { asFragment } = render(<AccordionExpandableContentBody />);
 
-    /* a snapshot test is used here because this component isn't selectable via better screen queries without children 
+  /* a snapshot test is used here because this component isn't selectable via better screen queries without children 
     as it doesn't spread other props to its container
     */
-    expect(asFragment()).toMatchSnapshot();
+  expect(asFragment()).toMatchSnapshot();
 });
 
 test('Renders children', () => {
@@ -22,12 +22,10 @@ test('Renders children', () => {
 test('Renders with class name pf-c-accordion__expandable-content-body', () => {
   render(<AccordionExpandableContentBody>Test</AccordionExpandableContentBody>);
 
-  expect(screen.getByText('Test')).toHaveClass('pf-c-accordion__expandable-content-body');
+  expect(screen.getByText('Test')).toHaveClass('pf-v5-c-accordion__expandable-content-body');
 });
 
 test('Matches the snapshot', () => {
-  const { asFragment } = render(
-    <AccordionExpandableContentBody>Test</AccordionExpandableContentBody>
-  );
+  const { asFragment } = render(<AccordionExpandableContentBody>Test</AccordionExpandableContentBody>);
   expect(asFragment()).toMatchSnapshot();
 });

package/src/components/Accordion/__tests__/AccordionToggle.test.tsx

@@ -51,7 +51,7 @@ test('Renders the accordion toggle with class pf-c-accordion__toggle', () => {
     </AccordionContext.Provider>
   );
 
-  expect(screen.getByRole('button')).toHaveClass('pf-c-accordion__toggle');
+  expect(screen.getByRole('button')).toHaveClass('pf-v5-c-accordion__toggle');
 });
 
 test('Renders the accordion toggle with custom class names provided via prop', () => {
@@ -75,7 +75,7 @@ test('Renders with children inside class pf-c-accordion__toggle-text', () => {
     </AccordionContext.Provider>
   );
 
-  expect(screen.getByText('Test')).toHaveClass('pf-c-accordion__toggle-text');
+  expect(screen.getByText('Test')).toHaveClass('pf-v5-c-accordion__toggle-text');
 });
 
 test('Renders with the toggle icon inside class pf-c-accordion__toggle-icon', () => {
@@ -87,7 +87,7 @@ test('Renders with the toggle icon inside class pf-c-accordion__toggle-icon', ()
     </AccordionContext.Provider>
   );
 
-  expect(screen.getByText('Icon mock')).toHaveClass('pf-c-accordion__toggle-icon');
+  expect(screen.getByText('Icon mock')).toHaveClass('pf-v5-c-accordion__toggle-icon');
 });
 
 test('Renders with the id prop passed to the toggle', () => {

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

@@ -4,7 +4,7 @@ exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <dl
     aria-label="this is a simple accordion"
-    class="pf-c-accordion"
+    class="pf-v5-c-accordion"
   />
 </DocumentFragment>
 `;

package/src/components/Accordion/__tests__/__snapshots__/AccordionContent.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <h3
     aria-label="this is a simple accordion"
-    class="pf-c-accordion__expandable-content pf-m-expanded"
+    class="pf-v5-c-accordion__expandable-content pf-m-expanded"
     id=""
   >
     <div

package/src/components/Accordion/__tests__/__snapshots__/AccordionExpandedContentBody.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`Matches the snapshot 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-accordion__expandable-content-body"
+    class="pf-v5-c-accordion__expandable-content-body"
   >
     Test
   </div>
@@ -13,7 +13,7 @@ exports[`Matches the snapshot 1`] = `
 exports[`Renders without children 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-accordion__expandable-content-body"
+    class="pf-v5-c-accordion__expandable-content-body"
   />
 </DocumentFragment>
 `;

package/src/components/Accordion/__tests__/__snapshots__/AccordionToggle.test.tsx.snap

@@ -5,17 +5,17 @@ exports[`Matches the snapshot 1`] = `
   <h3>
     <button
       aria-expanded="false"
-      class="pf-c-accordion__toggle"
+      class="pf-v5-c-accordion__toggle"
       id="accordion-toggle"
       type="button"
     >
       <span
-        class="pf-c-accordion__toggle-text"
+        class="pf-v5-c-accordion__toggle-text"
       >
         Test
       </span>
       <span
-        class="pf-c-accordion__toggle-icon"
+        class="pf-v5-c-accordion__toggle-icon"
       >
         Icon mock
       </span>

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

@@ -16,7 +16,7 @@ test('Renders children', () => {
 test('Renders with class pf-c-action-list', () => {
   render(<ActionList>Test</ActionList>);
 
-  expect(screen.getByText('Test')).toHaveClass('pf-c-action-list');
+  expect(screen.getByText('Test')).toHaveClass('pf-v5-c-action-list');
 });
 
 test('Renders with custom class names provided via prop', () => {
@@ -41,7 +41,7 @@ test('Renders with inherited element props spread to the component', () => {
   render(<ActionList aria-label="Test label">Test</ActionList>);
 
   expect(screen.getByText('Test')).toHaveAccessibleName('Test label');
-})
+});
 
 test('Matches the snapshot', () => {
   const { asFragment } = render(<ActionList>test</ActionList>);

package/src/components/ActionList/__tests__/ActionListGroup.test.tsx

@@ -16,7 +16,7 @@ test('Renders children', () => {
 test('Renders with class pf-c-action-list__group', () => {
   render(<ActionListGroup>Test</ActionListGroup>);
 
-  expect(screen.getByText('Test')).toHaveClass('pf-c-action-list__group');
+  expect(screen.getByText('Test')).toHaveClass('pf-v5-c-action-list__group');
 });
 
 test('Renders with custom class names provided via prop', () => {
@@ -29,7 +29,7 @@ test('Renders with inherited element props spread to the component', () => {
   render(<ActionListGroup aria-label="Test label">Test</ActionListGroup>);
 
   expect(screen.getByText('Test')).toHaveAccessibleName('Test label');
-})
+});
 
 test('Matches the snapshot', () => {
   const { asFragment } = render(<ActionListGroup>test</ActionListGroup>);

package/src/components/ActionList/__tests__/ActionListItem.test.tsx

@@ -29,7 +29,7 @@ test('Renders with inherited element props spread to the component', () => {
   render(<ActionListItem aria-label="Test label">Test</ActionListItem>);
 
   expect(screen.getByText('Test')).toHaveAccessibleName('Test label');
-})
+});
 
 test('Matches the snapshot', () => {
   const { asFragment } = render(<ActionListItem>test</ActionListItem>);

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

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

package/src/components/ActionList/__tests__/__snapshots__/ActionListGroup.test.tsx.snap

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

package/src/components/Alert/AlertGroupInline.tsx

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { css } from '@patternfly/react-styles';
-import styles from '@patternfly/react-styles/css/components/AlertGroup/alert-group';
+import styles from '@patternfly/react-styles/css/components/Alert/alert-group';
 import { AlertGroupProps } from './AlertGroup';
 import { AlertProps } from '../Alert';
 

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

@@ -40,12 +40,12 @@ test('Renders with class pf-c-alert on the containing div', () => {
       Some alert
     </Alert>
   );
-  expect(screen.getByTestId('Alert-test-id')).toHaveClass('pf-c-alert');
+  expect(screen.getByTestId('Alert-test-id')).toHaveClass('pf-v5-c-alert');
 });
 
 test('Renders with class pf-c-alert__title on the div containing the title', () => {
   render(<Alert title="Some title">Some alert</Alert>);
-  expect(screen.getByRole('heading', { name: 'Custom alert: Some title' })).toHaveClass('pf-c-alert__title');
+  expect(screen.getByRole('heading', { name: 'Custom alert: Some title' })).toHaveClass('pf-v5-c-alert__title');
 });
 
 test('Renders with Custom hidden text of "Custom alert:"', () => {
@@ -206,7 +206,7 @@ test('Renders the actionClose element inside pf-c-alert__action', () => {
     </Alert>
   );
 
-  expect(screen.getByText('Action close')).toHaveClass('pf-c-alert__action');
+  expect(screen.getByText('Action close')).toHaveClass('pf-v5-c-alert__action');
 });
 
 test('Provides the actionClose element access to the title via a context', () => {
@@ -246,7 +246,7 @@ test('Renders the actionLinks element inside pf-c-alert__action-group', () => {
     </Alert>
   );
 
-  expect(screen.getByText('Action link')).toHaveClass('pf-c-alert__action-group');
+  expect(screen.getByText('Action link')).toHaveClass('pf-v5-c-alert__action-group');
 });
 
 test('Renders children', () => {
@@ -258,7 +258,7 @@ test('Renders children', () => {
 test('Renders children inside pf-c-alert__description', () => {
   render(<Alert title="Some title">Some alert</Alert>);
 
-  expect(screen.getByText('Some alert')).toHaveClass('pf-c-alert__description');
+  expect(screen.getByText('Some alert')).toHaveClass('pf-v5-c-alert__description');
 });
 
 test('Renders with the aria label passed via prop', () => {
@@ -578,7 +578,7 @@ test('Renders titles with the expected truncation styling when truncateTitle is
   const title = screen.getByRole('heading');
 
   expect(title).toHaveClass('pf-m-truncate');
-  expect(title).toHaveAttribute('style', '--pf-c-alert__title--max-lines: 3;');
+  expect(title).toHaveAttribute('style', '--pf-v5-c-alert__title--max-lines: 3;');
 });
 
 test('Passes customIcon value to AlertIcon', () => {
@@ -616,7 +616,7 @@ test('Renders AlertToggleExpandButton inside pf-c-alert__toggle', () => {
     </Alert>
   );
 
-  expect(screen.getByRole('button').parentElement).toHaveClass('pf-c-alert__toggle');
+  expect(screen.getByRole('button').parentElement).toHaveClass('pf-v5-c-alert__toggle');
 });
 
 test('Does not render with class pf-m-expanded when AlertToggleExpandButton has not been clicked', () => {

package/src/components/Alert/__tests__/AlertIcon.test.tsx

@@ -68,7 +68,7 @@ test('Renders with the passed custom icon when one is passed rather than the ico
 test('Renders the icon inside class pf-c-alert__icon', () => {
   render(<AlertIcon variant="custom" />);
 
-  expect(screen.getByText('Bell icon mock')).toHaveClass('pf-c-alert__icon');
+  expect(screen.getByText('Bell icon mock')).toHaveClass('pf-v5-c-alert__icon');
 });
 
 test('Renders with inherited element props spread to the component', () => {

package/src/components/Alert/__tests__/AlertToggleExpandButton.test.tsx

@@ -89,14 +89,14 @@ test('Renders the button as aria-expanded when isExpanded = true', () => {
 });
 
 test('Renders with an aria label composed with the title provided via a context and variantLabel provided via prop', () => {
-    render(
-      <AlertContext.Provider value={{ title: 'title', variantLabel: 'variantLabel' }}>
-        <AlertToggleExpandButton variantLabel='variantLabelProp'/>
-      </AlertContext.Provider>
-    );
-  
-    expect(screen.getByRole('button')).toHaveAccessibleName('Toggle variantLabelProp alert: title');
-  });
+  render(
+    <AlertContext.Provider value={{ title: 'title', variantLabel: 'variantLabel' }}>
+      <AlertToggleExpandButton variantLabel="variantLabelProp" />
+    </AlertContext.Provider>
+  );
+
+  expect(screen.getByRole('button')).toHaveAccessibleName('Toggle variantLabelProp alert: title');
+});
 
 test('Renders a Button with variant: ButtonVariant.plain', () => {
   render(
@@ -115,18 +115,18 @@ test('Renders with the toggle icon inside class pf-c-alert__toggle-icon', () =>
     </AlertContext.Provider>
   );
 
-  expect(screen.getByText('Icon mock')).toHaveClass('pf-c-alert__toggle-icon');
+  expect(screen.getByText('Icon mock')).toHaveClass('pf-v5-c-alert__toggle-icon');
 });
 
 test('Renders with inherited element props spread to the component', () => {
-    render(
-      <AlertContext.Provider value={{ title: 'title', variantLabel: 'variantLabel' }}>
-        <AlertToggleExpandButton aria-labelledby="labelling-id" />
-      </AlertContext.Provider>
-    );
-  
-    expect(screen.getByRole('button')).toHaveAccessibleName('Test label');
-  });
+  render(
+    <AlertContext.Provider value={{ title: 'title', variantLabel: 'variantLabel' }}>
+      <AlertToggleExpandButton aria-labelledby="labelling-id" />
+    </AlertContext.Provider>
+  );
+
+  expect(screen.getByRole('button')).toHaveAccessibleName('Test label');
+});
 
 test('Matches snapshot', () => {
   const { asFragment } = render(

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionCloseButton.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`AlertActionCloseButton should match snapshot 1`] = `
   <button
     aria-disabled="false"
     aria-label="Close some label alert: test title"
-    class="pf-c-button pf-m-plain"
+    class="pf-v5-c-button pf-m-plain"
     data-ouia-component-id="OUIA-Generated-Button-plain-1"
     data-ouia-component-type="PF4/Button"
     data-ouia-safe="true"
@@ -13,7 +13,7 @@ exports[`AlertActionCloseButton should match snapshot 1`] = `
   >
     <svg
       aria-hidden="true"
-      class="pf-svg"
+      class="pf-v5-svg"
       fill="currentColor"
       role="img"
       viewBox="0 0 352 512"

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertActionLink.test.tsx.snap

@@ -4,7 +4,7 @@ exports[`AlertActionLink should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <button
     aria-disabled="false"
-    class="pf-c-button pf-m-link pf-m-inline ''"
+    class="pf-v5-c-button pf-m-link pf-m-inline ''"
     data-ouia-component-id="OUIA-Generated-Button-link-1"
     data-ouia-component-type="PF4/Button"
     data-ouia-safe="true"

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertGroupInline.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`AlertGroupInline should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <ul
-    class="pf-c-alert-group"
+    class="pf-v5-c-alert-group"
     role="list"
   />
 </DocumentFragment>

package/src/components/Alert/__tests__/Generated/__snapshots__/AlertIcon.test.tsx.snap

@@ -3,11 +3,11 @@
 exports[`AlertIcon should match snapshot (auto-generated) 1`] = `
 <DocumentFragment>
   <div
-    class="pf-c-alert__icon ''"
+    class="pf-v5-c-alert__icon ''"
   >
     <svg
       aria-hidden="true"
-      class="pf-svg"
+      class="pf-v5-svg"
       fill="currentColor"
       role="img"
       viewBox="0 0 512 512"

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

@@ -6,7 +6,7 @@ exports[`Matches snapshot 1`] = `
     aria-atomic="false"
     aria-label="Toast alert label"
     aria-live="polite"
-    class="pf-c-alert pf-m-custom"
+    class="pf-v5-c-alert pf-m-custom"
     data-ouia-component-id="ouia-id"
     data-ouia-component-type="PF4/Alert"
     data-ouia-safe="true"
@@ -20,17 +20,17 @@ exports[`Matches snapshot 1`] = `
       </p>
     </div>
     <h4
-      class="pf-c-alert__title"
+      class="pf-v5-c-alert__title"
     >
       <span
-        class="pf-u-screen-reader"
+        class="pf-v5-u-screen-reader"
       >
         Custom alert:
       </span>
       Some title
     </h4>
     <div
-      class="pf-c-alert__description"
+      class="pf-v5-c-alert__description"
     >
       Some toast alert
     </div>

package/src/components/Alert/__tests__/__snapshots__/AlertActionCloseButton.test.tsx.snap

@@ -7,7 +7,7 @@ exports[`Matches the snapshot 1`] = `
   >
     <svg
       aria-hidden="true"
-      class="pf-svg"
+      class="pf-v5-svg"
       fill="currentColor"
       role="img"
       viewBox="0 0 352 512"

package/src/components/Alert/__tests__/__snapshots__/AlertGroup.test.tsx.snap

@@ -3,7 +3,7 @@
 exports[`AlertGroup Alert Group renders without children 1`] = `
 <DocumentFragment>
   <ul
-    class="pf-c-alert-group"
+    class="pf-v5-c-alert-group"
     role="list"
   />
 </DocumentFragment>