@patternfly/react-core 6.0.0-alpha.52 → 6.0.0-alpha.54

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

@@ -5,7 +5,7 @@ exports[`Matches the snapshot 1`] = `
   <p
     class=""
     data-ouia-component-id="ouia-id"
-    data-ouia-component-type="PF5/Text"
+    data-ouia-component-type="PF6/Text"
     data-ouia-safe="true"
     data-pf-content="true"
   >

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

@@ -9,7 +9,7 @@ exports[`TextInput default read only text input 1`] = `
       aria-invalid="false"
       aria-label="default read only text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-5"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       readonly=""
       type="text"
@@ -28,7 +28,7 @@ exports[`TextInput disabled text input 1`] = `
       aria-invalid="false"
       aria-label="disabled text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-3"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       disabled=""
       type="text"
@@ -47,7 +47,7 @@ exports[`TextInput invalid text input 1`] = `
       aria-invalid="true"
       aria-label="invalid text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-7"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       type="text"
       value="test input"
@@ -86,7 +86,7 @@ exports[`TextInput plain read only text input 1`] = `
       aria-invalid="false"
       aria-label="plain read only text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-6"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       readonly=""
       type="text"
@@ -105,7 +105,7 @@ exports[`TextInput read only text input using isReadOnly 1`] = `
       aria-invalid="false"
       aria-label="read only text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-4"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       readonly=""
       type="text"
@@ -124,7 +124,7 @@ exports[`TextInput simple text input 1`] = `
       aria-invalid="false"
       aria-label="simple text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-2"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       type="text"
       value="test input"
@@ -142,7 +142,7 @@ exports[`TextInput validated text input error 1`] = `
       aria-invalid="true"
       aria-label="validated text input"
       data-ouia-component-id="OUIA-Generated-TextInputBase-10"
-      data-ouia-component-type="PF5/TextInput"
+      data-ouia-component-type="PF6/TextInput"
       data-ouia-safe="true"
       type="text"
       value="test input"

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

@@ -5,7 +5,7 @@ exports[`Matches the snapshot 1`] = `
   <h1
     class="pf-v6-c-title pf-m-h1"
     data-ouia-component-id="ouia-id"
-    data-ouia-component-type="PF5/Title"
+    data-ouia-component-type="PF6/Title"
     data-ouia-safe="true"
   >
     Test

package/src/components/Toolbar/Toolbar.tsx

@@ -8,6 +8,13 @@ import { formatBreakpointMods, canUseDOM } from '../../helpers/util';
 import { getDefaultOUIAId, getOUIAProps, OUIAProps } from '../../helpers';
 import { PageContext } from '../Page/PageContext';
 
+export enum ToolbarColorVariant {
+  default = 'default',
+  primary = 'primary',
+  secondary = 'secondary',
+  noBackground = 'no-background'
+}
+
 export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps {
   /** Optional callback for clearing all filters in the toolbar */
   clearAllFilters?: () => void;
@@ -50,6 +57,8 @@ export interface ToolbarProps extends React.HTMLProps<HTMLDivElement>, OUIAProps
   ouiaId?: number | string;
   /** Set the value of data-ouia-safe. Only set to true when the component is in a static state, i.e. no animations are occurring. At all other times, this value must be false. */
   ouiaSafe?: boolean;
+  /** Background color variant of the toolbar */
+  colorVariant?: ToolbarColorVariant | 'default' | 'no-background' | 'primary' | 'secondary';
 }
 
 export interface ToolbarState {
@@ -136,6 +145,7 @@ class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
       ouiaId,
       numberOfFiltersText,
       customChipGroupContent,
+      colorVariant = ToolbarColorVariant.default,
       ...props
     } = this.props;
 
@@ -157,6 +167,9 @@ class Toolbar extends React.Component<ToolbarProps, ToolbarState> {
               usePageInsets && styles.modifiers.pageInsets,
               isSticky && styles.modifiers.sticky,
               formatBreakpointMods(inset, styles, '', getBreakpoint(width)),
+              colorVariant === 'primary' && styles.modifiers.primary,
+              colorVariant === 'secondary' && styles.modifiers.secondary,
+              colorVariant === 'no-background' && styles.modifiers.noBackground,
               className
             )}
             id={randomId}

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

@@ -9,6 +9,7 @@ import { ToolbarContent } from '../ToolbarContent';
 import { ToolbarFilter } from '../ToolbarFilter';
 import { ToolbarGroup } from '../ToolbarGroup';
 import { Button } from '../../Button/Button';
+import styles from '@patternfly/react-styles/css/components/Toolbar/toolbar';
 
 jest.mock('../../../helpers/GenerateId/GenerateId');
 
@@ -107,4 +108,61 @@ describe('Toolbar', () => {
     expect(screen.getAllByRole('button', { name: 'Save filters' }).length).toBe(1);
     expect(screen.getAllByRole('button', { name: 'Clear all filters' }).length).toBe(1);
   });
+
+  it('Renders with class ${styles.modifiers.noBackground} when colorVariant="no-background"', () => {
+    const items = (
+      <React.Fragment>
+        <ToolbarItem>Test</ToolbarItem>
+        <ToolbarItem>Test 2</ToolbarItem>
+        <ToolbarItem variant="separator" />
+        <ToolbarItem>Test 3 </ToolbarItem>
+      </React.Fragment>
+    );
+
+    render(
+      <Toolbar id="toolbar" colorVariant="no-background" data-testid="Toolbar-test-no-background-id">
+        <ToolbarContent>{items}</ToolbarContent>
+      </Toolbar>
+    );
+
+    expect(screen.getByTestId('Toolbar-test-no-background-id')).toHaveClass(styles.modifiers.noBackground);
+  });
+
+  it('Renders with class ${styles.modifiers.primary} when colorVariant="primary"', () => {
+    const items = (
+      <React.Fragment>
+        <ToolbarItem>Test</ToolbarItem>
+        <ToolbarItem>Test 2</ToolbarItem>
+        <ToolbarItem variant="separator" />
+        <ToolbarItem>Test 3 </ToolbarItem>
+      </React.Fragment>
+    );
+
+    render(
+      <Toolbar id="toolbar" colorVariant="primary" data-testid="Toolbar-test-primary-id">
+        <ToolbarContent>{items}</ToolbarContent>
+      </Toolbar>
+    );
+
+    expect(screen.getByTestId('Toolbar-test-primary-id')).toHaveClass(styles.modifiers.primary);
+  });
+
+  it('Renders with class ${styles.modifiers.secondary} when colorVariant="secondary"', () => {
+    const items = (
+      <React.Fragment>
+        <ToolbarItem>Test</ToolbarItem>
+        <ToolbarItem>Test 2</ToolbarItem>
+        <ToolbarItem variant="separator" />
+        <ToolbarItem>Test 3 </ToolbarItem>
+      </React.Fragment>
+    );
+
+    render(
+      <Toolbar id="toolbar" colorVariant="secondary" data-testid="Toolbar-test-secondary-id">
+        <ToolbarContent>{items}</ToolbarContent>
+      </Toolbar>
+    );
+
+    expect(screen.getByTestId('Toolbar-test-secondary-id')).toHaveClass(styles.modifiers.secondary);
+  });
 });

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

@@ -5,7 +5,7 @@ exports[`Toolbar should render inset 1`] = `
   <div
     class="pf-v6-c-toolbar pf-m-inset-none pf-m-inset-sm-on-md pf-m-inset-2xl-on-xl pf-m-inset-lg-on-2xl"
     data-ouia-component-id="OUIA-Generated-Toolbar-1"
-    data-ouia-component-type="PF5/Toolbar"
+    data-ouia-component-type="PF6/Toolbar"
     data-ouia-safe="true"
     id="toolbar"
   >
@@ -52,7 +52,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
   <div
     class="pf-v6-c-toolbar pf-m-toggle-group-container"
     data-ouia-component-id="OUIA-Generated-Toolbar-3"
-    data-ouia-component-type="PF5/Toolbar"
+    data-ouia-component-type="PF6/Toolbar"
     data-ouia-safe="true"
     id="toolbar-with-filter"
   >
@@ -74,7 +74,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
               aria-label="Show Filters"
               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-component-type="PF6/Button"
               data-ouia-safe="true"
               type="button"
             />
@@ -143,7 +143,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
                         aria-label="Close New"
                         class="pf-v6-c-button pf-m-plain pf-m-no-padding"
                         data-ouia-component-id="OUIA-Generated-Button-plain-2"
-                        data-ouia-component-type="PF5/Button"
+                        data-ouia-component-type="PF6/Button"
                         data-ouia-safe="true"
                         type="button"
                       >
@@ -187,7 +187,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
                         aria-label="Close Pending"
                         class="pf-v6-c-button pf-m-plain pf-m-no-padding"
                         data-ouia-component-id="OUIA-Generated-Button-plain-3"
-                        data-ouia-component-type="PF5/Button"
+                        data-ouia-component-type="PF6/Button"
                         data-ouia-safe="true"
                         type="button"
                       >
@@ -219,7 +219,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
                 aria-labelledby="remove_group_generated-id generated-id"
                 class="pf-v6-c-button pf-m-plain pf-m-no-padding"
                 data-ouia-component-id="OUIA-Generated-Button-plain-4"
-                data-ouia-component-type="PF5/Button"
+                data-ouia-component-type="PF6/Button"
                 data-ouia-safe="true"
                 id="remove_group_generated-id"
                 type="button"
@@ -258,7 +258,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
           aria-disabled="false"
           class="pf-v6-c-button pf-m-link pf-m-inline"
           data-ouia-component-id="OUIA-Generated-Button-link-1"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
@@ -272,7 +272,7 @@ exports[`Toolbar should render with custom chip content 1`] = `
           aria-disabled="false"
           class="pf-v6-c-button pf-m-link pf-m-inline"
           data-ouia-component-id="OUIA-Generated-Button-link-2"
-          data-ouia-component-type="PF5/Button"
+          data-ouia-component-type="PF6/Button"
           data-ouia-safe="true"
           type="button"
         >
@@ -289,7 +289,7 @@ exports[`Toolbar should render with page inset flag 1`] = `
   <div
     class="pf-v6-c-toolbar pf-m-page-insets"
     data-ouia-component-id="OUIA-Generated-Toolbar-2"
-    data-ouia-component-type="PF5/Toolbar"
+    data-ouia-component-type="PF6/Toolbar"
     data-ouia-safe="true"
     id="toolbar"
   >

package/src/components/Toolbar/examples/Toolbar.md

@@ -112,3 +112,11 @@ When all of a toolbar's required elements cannot fit in a single line, you can s
 ```ts file="./ToolbarStacked.tsx"
 
 ```
+
+## Background color variants
+
+To change the background color of a toolbar, use the `colorVariant` property on the `<Toolbar>`.
+
+```ts file="./ToolbarColorVariant.tsx"
+
+```

package/src/components/Toolbar/examples/ToolbarColorVariant.tsx

@@ -0,0 +1,52 @@
+import React from 'react';
+import { Toolbar, ToolbarItem, ToolbarContent, Button, SearchInput } from '@patternfly/react-core';
+
+export const ToolbarColorVariant: React.FunctionComponent = () => (
+  <React.Fragment>
+    No background
+    <Toolbar id="toolbar-color-variant-no-background" colorVariant={'no-background'}>
+      <ToolbarContent>
+        <ToolbarItem>
+          <SearchInput aria-label="No backtround variant example search input" />
+        </ToolbarItem>
+        <ToolbarItem>
+          <Button variant="secondary">Action</Button>
+        </ToolbarItem>
+        <ToolbarItem variant="separator" />
+        <ToolbarItem>
+          <Button variant="primary">Action</Button>
+        </ToolbarItem>
+      </ToolbarContent>
+    </Toolbar>
+    Primary background
+    <Toolbar id="toolbar-color-variant-primary" colorVariant={'primary'}>
+      <ToolbarContent>
+        <ToolbarItem>
+          <SearchInput aria-label="Primary background variant example search input" />
+        </ToolbarItem>
+        <ToolbarItem>
+          <Button variant="secondary">Action</Button>
+        </ToolbarItem>
+        <ToolbarItem variant="separator" />
+        <ToolbarItem>
+          <Button variant="primary">Action</Button>
+        </ToolbarItem>
+      </ToolbarContent>
+    </Toolbar>
+    Secondary background
+    <Toolbar id="toolbar-color-variant-secondary" colorVariant={'secondary'}>
+      <ToolbarContent>
+        <ToolbarItem>
+          <SearchInput aria-label="Secondary background variant example search input" />
+        </ToolbarItem>
+        <ToolbarItem>
+          <Button variant="secondary">Action</Button>
+        </ToolbarItem>
+        <ToolbarItem variant="separator" />
+        <ToolbarItem>
+          <Button variant="primary">Action</Button>
+        </ToolbarItem>
+      </ToolbarContent>
+    </Toolbar>
+  </React.Fragment>
+);

package/src/deprecated/components/ApplicationLauncher/__tests__/__snapshots__/ApplicationLauncher.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher pf-m-expanded"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -14,7 +14,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-8"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-6"
       type="button"
@@ -47,7 +47,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-14"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -62,7 +62,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-16"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -78,7 +78,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
           aria-disabled="true"
           class="pf-m-disabled pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-18"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -93,7 +93,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
           aria-disabled="true"
           class="pf-m-disabled pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-20"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -117,7 +117,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-22"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -132,7 +132,7 @@ exports[`ApplicationLauncher Renders in strict mode 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-24"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -152,7 +152,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher pf-m-expanded"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -161,7 +161,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-6"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-5"
       type="button"
@@ -195,7 +195,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-7"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -210,7 +210,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-8"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -226,7 +226,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
           aria-disabled="true"
           class="pf-m-disabled pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-9"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -241,7 +241,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
           aria-disabled="true"
           class="pf-m-disabled pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-10"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -265,7 +265,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-11"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -280,7 +280,7 @@ exports[`ApplicationLauncher custom icon 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-12"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -299,7 +299,7 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher pf-m-top pf-m-align-right"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -308,7 +308,7 @@ exports[`ApplicationLauncher dropup + right aligned 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-4"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-3"
       type="button"
@@ -338,7 +338,7 @@ exports[`ApplicationLauncher dropup 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher pf-m-top"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -347,7 +347,7 @@ exports[`ApplicationLauncher dropup 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-3"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-2"
       type="button"
@@ -377,7 +377,7 @@ exports[`ApplicationLauncher expanded 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher pf-m-expanded"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -386,7 +386,7 @@ exports[`ApplicationLauncher expanded 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-5"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-4"
       type="button"
@@ -419,7 +419,7 @@ exports[`ApplicationLauncher expanded 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-1"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -434,7 +434,7 @@ exports[`ApplicationLauncher expanded 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-2"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -450,7 +450,7 @@ exports[`ApplicationLauncher expanded 1`] = `
           aria-disabled="true"
           class="pf-m-disabled pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-3"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -465,7 +465,7 @@ exports[`ApplicationLauncher expanded 1`] = `
           aria-disabled="true"
           class="pf-m-disabled pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-4"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -489,7 +489,7 @@ exports[`ApplicationLauncher expanded 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-5"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -504,7 +504,7 @@ exports[`ApplicationLauncher expanded 1`] = `
           aria-disabled="false"
           class="pf-v6-c-app-launcher__menu-item"
           data-ouia-component-id="OUIA-Generated-DropdownItem-6"
-          data-ouia-component-type="PF5/DropdownItem"
+          data-ouia-component-type="PF6/DropdownItem"
           data-ouia-safe="true"
           role="menuitem"
           tabindex="-1"
@@ -523,7 +523,7 @@ exports[`ApplicationLauncher regular 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -532,7 +532,7 @@ exports[`ApplicationLauncher regular 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-1"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-0"
       type="button"
@@ -562,7 +562,7 @@ exports[`ApplicationLauncher right aligned 1`] = `
   <nav
     aria-label="Application launcher"
     class="pf-v6-c-app-launcher pf-m-align-right"
-    data-ouia-component-type="PF5/ApplicationLauncher"
+    data-ouia-component-type="PF6/ApplicationLauncher"
     data-ouia-safe="true"
   >
     <button
@@ -571,7 +571,7 @@ exports[`ApplicationLauncher right aligned 1`] = `
       aria-label="Application launcher"
       class="pf-v6-c-app-launcher__toggle"
       data-ouia-component-id="OUIA-Generated-DropdownToggle-2"
-      data-ouia-component-type="PF5/DropdownToggle"
+      data-ouia-component-type="PF6/DropdownToggle"
       data-ouia-safe="true"
       id="pf-dropdown-toggle-id-1"
       type="button"

package/src/deprecated/components/Chip/__tests__/__snapshots__/Chip.test.tsx.snap

@@ -5,7 +5,7 @@ exports[`Matches snapshot 1`] = `
   <span
     class="pf-v6-c-label pf-m-outline"
     data-ouia-component-id="snapshot-test"
-    data-ouia-component-type="PF5/Chip"
+    data-ouia-component-type="PF6/Chip"
     data-ouia-safe="true"
     id="snapshot-test"
   >
@@ -27,7 +27,7 @@ exports[`Matches snapshot 1`] = `
         aria-label="Close Chip text"
         class="pf-v6-c-button pf-m-plain pf-m-no-padding"
         data-ouia-component-id="OUIA-Generated-Button-plain-17"
-        data-ouia-component-type="PF5/Button"
+        data-ouia-component-type="PF6/Button"
         data-ouia-safe="true"
         type="button"
       >

package/src/deprecated/components/Chip/__tests__/__snapshots__/ChipGroup.test.tsx.snap

@@ -11,7 +11,7 @@ exports[`chip group renders to match snapshot 1`] = `
       <ul
         aria-label="Chip group category"
         class="pf-v6-c-label-group__list"
-        data-ouia-component-type="PF5/ChipGroup"
+        data-ouia-component-type="PF6/ChipGroup"
         data-ouia-safe="true"
         role="list"
       >