@patternfly/react-core 5.0.0-prerelease.4 → 5.0.0-prerelease.6

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

@@ -10,7 +10,7 @@ exports[`ClipboardCopyToggle toggle button render 1`] = `
     aria-labelledby="my-id my-text-id"
     class="pf-v5-c-button pf-m-control myclassName"
     data-ouia-component-id="OUIA-Generated-Button-control-1"
-    data-ouia-component-type="PF4/Button"
+    data-ouia-component-type="PF5/Button"
     data-ouia-safe="true"
     id="my-id"
     type="button"

package/src/components/DataList/__tests__/Generated/__snapshots__/DataListToggle.test.tsx.snap

@@ -16,7 +16,7 @@ exports[`DataListToggle should match snapshot (auto-generated) 1`] = `
         aria-label="'Details'"
         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-component-type="PF5/Button"
         data-ouia-safe="true"
         id="string"
         type="button"

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

@@ -110,7 +110,7 @@ exports[`DataList DataListAction button 1`] = `
       aria-disabled="false"
       class="pf-v5-c-button pf-m-primary"
       data-ouia-component-id="OUIA-Generated-Button-primary-1"
-      data-ouia-component-type="PF4/Button"
+      data-ouia-component-type="PF5/Button"
       data-ouia-safe="true"
       id="delete-item-1"
       type="button"
@@ -160,7 +160,7 @@ exports[`DataList DataListAction dropdown 1`] = `
       <div
         class="pf-v5-c-menu"
         data-ouia-component-id="OUIA-Generated-Dropdown-1"
-        data-ouia-component-type="PF4/Dropdown"
+        data-ouia-component-type="PF5/Dropdown"
         data-ouia-safe="true"
         style="position: absolute; left: 0px; top: 0px; z-index: 9999;"
       >
@@ -174,7 +174,7 @@ exports[`DataList DataListAction dropdown 1`] = `
             <li
               class="pf-v5-c-menu__list-item"
               data-ouia-component-id="OUIA-Generated-DropdownItem-1"
-              data-ouia-component-type="PF4/DropdownItem"
+              data-ouia-component-type="PF5/DropdownItem"
               data-ouia-safe="true"
               role="none"
             >
@@ -199,7 +199,7 @@ exports[`DataList DataListAction dropdown 1`] = `
             <li
               class="pf-v5-c-menu__list-item"
               data-ouia-component-id="OUIA-Generated-DropdownItem-2"
-              data-ouia-component-type="PF4/DropdownItem"
+              data-ouia-component-type="PF5/DropdownItem"
               data-ouia-safe="true"
               role="none"
             >

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

@@ -22,7 +22,7 @@ exports[`With popover opened 1`] = `
               aria-invalid="false"
               aria-label="Date picker"
               data-ouia-component-id="OUIA-Generated-TextInputBase-4"
-              data-ouia-component-type="PF4/TextInput"
+              data-ouia-component-type="PF5/TextInput"
               data-ouia-safe="true"
               placeholder="YYYY-MM-DD"
               type="text"
@@ -85,7 +85,7 @@ exports[`With popover opened 1`] = `
                   aria-label="Previous month"
                   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-component-type="PF5/Button"
                   data-ouia-safe="true"
                   type="button"
                 >
@@ -163,7 +163,7 @@ exports[`With popover opened 1`] = `
                         aria-invalid="false"
                         aria-label="Select year"
                         data-ouia-component-id="OUIA-Generated-TextInputBase-5"
-                        data-ouia-component-type="PF4/TextInput"
+                        data-ouia-component-type="PF5/TextInput"
                         data-ouia-safe="true"
                         type="number"
                         value="1969"
@@ -180,7 +180,7 @@ exports[`With popover opened 1`] = `
                   aria-label="Next month"
                   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-component-type="PF5/Button"
                   data-ouia-safe="true"
                   type="button"
                 >
@@ -785,7 +785,7 @@ exports[`disabled date picker 1`] = `
               aria-invalid="false"
               aria-label="disabled date picker"
               data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-              data-ouia-component-type="PF4/TextInput"
+              data-ouia-component-type="PF5/TextInput"
               data-ouia-safe="true"
               disabled=""
               placeholder="YYYY-MM-DD"

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

@@ -41,7 +41,7 @@ exports[`Drawer expands from bottom 1`] = `
                   aria-label="Close drawer panel"
                   class="pf-v5-c-button pf-m-plain"
                   data-ouia-component-id="OUIA-Generated-Button-plain-4"
-                  data-ouia-component-type="PF4/Button"
+                  data-ouia-component-type="PF5/Button"
                   data-ouia-safe="true"
                   type="button"
                 >
@@ -132,7 +132,7 @@ exports[`Drawer has resizable callback and id 1`] = `
                     aria-label="Close drawer panel"
                     class="pf-v5-c-button pf-m-plain"
                     data-ouia-component-id="OUIA-Generated-Button-plain-6"
-                    data-ouia-component-type="PF4/Button"
+                    data-ouia-component-type="PF5/Button"
                     data-ouia-safe="true"
                     type="button"
                   >
@@ -225,7 +225,7 @@ exports[`Drawer has resizable css and color variants 1`] = `
                     aria-label="Close drawer panel"
                     class="pf-v5-c-button pf-m-plain"
                     data-ouia-component-id="OUIA-Generated-Button-plain-5"
-                    data-ouia-component-type="PF4/Button"
+                    data-ouia-component-type="PF5/Button"
                     data-ouia-safe="true"
                     type="button"
                   >
@@ -352,7 +352,7 @@ exports[`Drawer isExpanded = true and isInline = false and isStatic = false 1`]
                   aria-label="Close drawer panel"
                   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-component-type="PF5/Button"
                   data-ouia-safe="true"
                   type="button"
                 >
@@ -424,7 +424,7 @@ exports[`Drawer isExpanded = true and isInline = false and isStatic = true 1`] =
                   aria-label="Close drawer panel"
                   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-component-type="PF5/Button"
                   data-ouia-safe="true"
                   type="button"
                 >
@@ -496,7 +496,7 @@ exports[`Drawer isExpanded = true and isInline = true and isStatic = false 1`] =
                   aria-label="Close drawer panel"
                   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-component-type="PF5/Button"
                   data-ouia-safe="true"
                   type="button"
                 >

package/src/components/Drawer/examples/Drawer.md

@@ -106,7 +106,7 @@ section: components
 ```ts file="DrawerResizableOnInline.tsx"
 ```
 
-### Panel with light-200 background
+### Panel with secondary background
 
-```ts file="DrawerLightGray.tsx"
+```ts file="DrawerSecondaryBackground.tsx"
 ```

package/src/components/Drawer/examples/{DrawerLightGray.tsx → DrawerSecondaryBackground.tsx}

@@ -13,13 +13,13 @@ import {
   DrawerColorVariant
 } from '@patternfly/react-core';
 
-export const DrawerLightGray: React.FunctionComponent = () => {
+export const DrawerSecondaryBackground: React.FunctionComponent = () => {
   const [isExpanded, setIsExpanded] = React.useState(false);
-  const [panelGray, setPanelGray] = React.useState(true);
-  const [contentGray, setContentGray] = React.useState(false);
-  const [sectionGray, setSectionGray] = React.useState(false);
+  const [panelSecondary, setPanelSecondary] = React.useState(true);
+  const [contentSecondary, setContentSecondary] = React.useState(false);
+  const [sectionSecondary, setSectionSecondary] = React.useState(false);
 
-  const drawerRef = React.useRef<HTMLDivElement>();
+  const drawerRef = React.useRef<HTMLSpanElement>(null);
 
   const onExpand = () => {
     drawerRef.current && drawerRef.current.focus();
@@ -33,20 +33,20 @@ export const DrawerLightGray: React.FunctionComponent = () => {
     setIsExpanded(false);
   };
 
-  const togglePanelGray = (checked: boolean) => {
-    setPanelGray(checked);
+  const togglePanelSecondary = (checked: boolean) => {
+    setPanelSecondary(checked);
   };
 
-  const toggleSectionGray = (checked: boolean) => {
-    setSectionGray(checked);
+  const toggleSectionSecondary = (checked: boolean) => {
+    setSectionSecondary(checked);
   };
 
-  const toggleContentGray = (checked: boolean) => {
-    setContentGray(checked);
+  const toggleContentSecondary = (checked: boolean) => {
+    setContentSecondary(checked);
   };
 
   const panelContent = (
-    <DrawerPanelContent colorVariant={panelGray ? DrawerColorVariant.light200 : DrawerColorVariant.default}>
+    <DrawerPanelContent colorVariant={panelSecondary ? DrawerColorVariant.light200 : DrawerColorVariant.default}>
       <DrawerHead>
         <span tabIndex={isExpanded ? 0 : -1} ref={drawerRef}>
           drawer-panel
@@ -64,39 +64,39 @@ export const DrawerLightGray: React.FunctionComponent = () => {
   return (
     <React.Fragment>
       <Checkbox
-        label="Gray panel"
-        isChecked={panelGray}
-        onChange={(_event, checked) => togglePanelGray(checked)}
-        aria-label="Gray panel checkbox"
-        id="toggle-gray-panel"
-        name="toggle-gray-panel"
+        label="Secondary panel"
+        isChecked={panelSecondary}
+        onChange={(_event, checked) => togglePanelSecondary(checked)}
+        aria-label="Secondary panel checkbox"
+        id="toggle-secondary-panel"
+        name="toggle-secondary-panel"
       />
       <Checkbox
-        label="Gray content"
-        isChecked={contentGray}
-        onChange={(_event, checked) => toggleContentGray(checked)}
-        aria-label="Gray content checkbox"
-        id="toggle-gray-content"
-        name="toggle-gray-content"
+        label="Secondary content"
+        isChecked={contentSecondary}
+        onChange={(_event, checked) => toggleContentSecondary(checked)}
+        aria-label="Secondary content checkbox"
+        id="toggle-secondary-content"
+        name="toggle-secondary-content"
       />
       <Checkbox
-        label="Gray section"
-        isChecked={sectionGray}
-        onChange={(_event, checked) => toggleSectionGray(checked)}
-        aria-label="Gray section checkbox"
-        id="toggle-gray-section"
-        name="toggle-gray-section"
+        label="Secondary section"
+        isChecked={sectionSecondary}
+        onChange={(_event, checked) => toggleSectionSecondary(checked)}
+        aria-label="Secondary section checkbox"
+        id="toggle-secondary-section"
+        name="toggle-secondary-section"
       />
       <br />
       <Button aria-expanded={isExpanded} onClick={onClick}>
         Toggle drawer
       </Button>
       <Drawer isExpanded={isExpanded} onExpand={onExpand}>
-        <DrawerSection colorVariant={sectionGray ? DrawerColorVariant.light200 : DrawerColorVariant.default}>
+        <DrawerSection colorVariant={sectionSecondary ? DrawerColorVariant.light200 : DrawerColorVariant.default}>
           drawer-section
         </DrawerSection>
         <DrawerContent
-          colorVariant={contentGray ? DrawerColorVariant.light200 : DrawerColorVariant.default}
+          colorVariant={contentSecondary ? DrawerColorVariant.light200 : DrawerColorVariant.default}
           panelContent={panelContent}
         >
           <DrawerContentBody>{drawerContent}</DrawerContentBody>

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

@@ -6,7 +6,7 @@ exports[`match snapshot 1`] = `
     <div
       class="customClass"
       data-ouia-component-id="dropdown"
-      data-ouia-component-type="PF4/Dropdown"
+      data-ouia-component-type="PF5/Dropdown"
       data-ouia-safe="true"
       data-testid="menu-mock"
     >

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

@@ -110,7 +110,7 @@ exports[`DualListSelector basic 1`] = `
           aria-label="Add selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-1"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -137,7 +137,7 @@ exports[`DualListSelector basic 1`] = `
           aria-label="Add all"
           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-component-type="PF5/Button"
           data-ouia-safe="true"
           tabindex="-1"
           type="button"
@@ -163,7 +163,7 @@ exports[`DualListSelector basic 1`] = `
           aria-label="Remove all"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-3"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -190,7 +190,7 @@ exports[`DualListSelector basic 1`] = `
           aria-label="Remove selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-4"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -360,7 +360,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           aria-label="Add selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-13"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -387,7 +387,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           aria-label="Add all"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-14"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -414,7 +414,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           aria-label="Remove all"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-15"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -441,7 +441,7 @@ exports[`DualListSelector basic with disabled controls 1`] = `
           aria-label="Remove selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-16"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -622,7 +622,7 @@ exports[`DualListSelector with actions 1`] = `
           aria-label="Add selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-21"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -649,7 +649,7 @@ exports[`DualListSelector with actions 1`] = `
           aria-label="Add all"
           class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-22"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           tabindex="-1"
           type="button"
@@ -675,7 +675,7 @@ exports[`DualListSelector with actions 1`] = `
           aria-label="Remove all"
           class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-23"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           tabindex="-1"
           type="button"
@@ -701,7 +701,7 @@ exports[`DualListSelector with actions 1`] = `
           aria-label="Remove selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-24"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -936,7 +936,7 @@ exports[`DualListSelector with custom status 1`] = `
           aria-label="Add selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-9"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -963,7 +963,7 @@ exports[`DualListSelector with custom status 1`] = `
           aria-label="Add all"
           class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-10"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           tabindex="-1"
           type="button"
@@ -989,7 +989,7 @@ exports[`DualListSelector with custom status 1`] = `
           aria-label="Remove all"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-11"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1016,7 +1016,7 @@ exports[`DualListSelector with custom status 1`] = `
           aria-label="Remove selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-12"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1226,7 +1226,7 @@ exports[`DualListSelector with search inputs 1`] = `
           aria-label="Add selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-5"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1253,7 +1253,7 @@ exports[`DualListSelector with search inputs 1`] = `
           aria-label="Add all"
           class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-6"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           tabindex="-1"
           type="button"
@@ -1279,7 +1279,7 @@ exports[`DualListSelector with search inputs 1`] = `
           aria-label="Remove all"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-7"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1306,7 +1306,7 @@ exports[`DualListSelector with search inputs 1`] = `
           aria-label="Remove selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-8"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1591,7 +1591,7 @@ exports[`DualListSelector with tree 1`] = `
           aria-label="Add selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-17"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1618,7 +1618,7 @@ exports[`DualListSelector with tree 1`] = `
           aria-label="Add all"
           class="pf-v5-c-button pf-m-plain"
           data-ouia-component-id="OUIA-Generated-Button-plain-18"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           tabindex="-1"
           type="button"
@@ -1644,7 +1644,7 @@ exports[`DualListSelector with tree 1`] = `
           aria-label="Remove all"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-19"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"
@@ -1671,7 +1671,7 @@ exports[`DualListSelector with tree 1`] = `
           aria-label="Remove selected"
           class="pf-v5-c-button pf-m-plain pf-m-disabled"
           data-ouia-component-id="OUIA-Generated-Button-plain-20"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           disabled=""
           tabindex="-1"

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

@@ -86,7 +86,7 @@ exports[`EmptyState Main 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-primary"
             data-ouia-component-id="OUIA-Generated-Button-primary-1"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             type="button"
           >
@@ -101,7 +101,7 @@ exports[`EmptyState Main 1`] = `
             aria-label="learn more action"
             class="pf-v5-c-button pf-m-link"
             data-ouia-component-id="OUIA-Generated-Button-link-1"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             type="button"
           >

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

@@ -23,7 +23,7 @@ exports[`simple fileupload 1`] = `
               aria-invalid="false"
               aria-label="Drag a file here or browse to upload"
               data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-              data-ouia-component-type="PF4/TextInput"
+              data-ouia-component-type="PF5/TextInput"
               data-ouia-safe="true"
               id="simple-text-file-filename"
               name="simple-text-file-filename"
@@ -41,7 +41,7 @@ exports[`simple fileupload 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-1"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             id="simple-text-file-browse-button"
             type="button"
@@ -56,7 +56,7 @@ exports[`simple fileupload 1`] = `
             aria-disabled="true"
             class="pf-v5-c-button pf-m-control pf-m-disabled"
             data-ouia-component-id="OUIA-Generated-Button-control-2"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             disabled=""
             type="button"

package/src/components/FileUpload/__tests__/__snapshots__/FileUploadField.test.tsx.snap

@@ -22,7 +22,7 @@ exports[`simple fileuploadfield 1`] = `
               aria-invalid="false"
               aria-label="Do something custom with this!"
               data-ouia-component-id="OUIA-Generated-TextInputBase-1"
-              data-ouia-component-type="PF4/TextInput"
+              data-ouia-component-type="PF5/TextInput"
               data-ouia-safe="true"
               id="custom-file-upload-filename"
               name="custom-file-upload-filename"
@@ -40,7 +40,7 @@ exports[`simple fileuploadfield 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-1"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             id="custom-file-upload-browse-button"
             type="button"
@@ -55,7 +55,7 @@ exports[`simple fileuploadfield 1`] = `
             aria-disabled="false"
             class="pf-v5-c-button pf-m-control"
             data-ouia-component-id="OUIA-Generated-Button-control-2"
-            data-ouia-component-type="PF4/Button"
+            data-ouia-component-type="PF5/Button"
             data-ouia-safe="true"
             type="button"
           >

package/src/components/Form/__tests__/__snapshots__/FormFieldGroup.test.tsx.snap

@@ -20,7 +20,7 @@ exports[`Check expandable form field group example against snapshot 1`] = `
           aria-labelledby="title-text-id2 form-field-group-toggle0"
           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-component-type="PF5/Button"
           data-ouia-safe="true"
           id="form-field-group-toggle0"
           type="button"
@@ -72,7 +72,7 @@ exports[`Check expandable form field group example against snapshot 1`] = `
           aria-disabled="false"
           class="pf-v5-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-2"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         />
@@ -121,7 +121,7 @@ exports[`Check form field group example against snapshot 1`] = `
           aria-disabled="false"
           class="pf-v5-c-button pf-m-primary"
           data-ouia-component-id="OUIA-Generated-Button-primary-1"
-          data-ouia-component-type="PF4/Button"
+          data-ouia-component-type="PF5/Button"
           data-ouia-safe="true"
           type="button"
         />