From 9f9766f492aea66151056a1d91f7e38e9a478851 Mon Sep 17 00:00:00 2001
From: "renovate[bot]" <29139614+renovate[bot]@users.noreply.github.com>
Date: Mon, 30 Mar 2026 21:30:08 +0000
Subject: [PATCH 1/4] fix(deps): update dependency @patternfly/patternfly to
 v6.5.0-prerelease.62

---
 packages/react-core/package.json   |  2 +-
 packages/react-docs/package.json   |  2 +-
 packages/react-icons/package.json  |  2 +-
 packages/react-styles/package.json |  2 +-
 packages/react-tokens/package.json |  2 +-
 yarn.lock                          | 18 +++++++++---------
 6 files changed, 14 insertions(+), 14 deletions(-)

diff --git a/packages/react-core/package.json b/packages/react-core/package.json
index 071896f1b27..5f59c1613e2 100644
--- a/packages/react-core/package.json
+++ b/packages/react-core/package.json
@@ -54,7 +54,7 @@
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.55",
+    "@patternfly/patternfly": "6.5.0-prerelease.62",
     "case-anything": "^3.1.2",
     "css": "^3.0.0",
     "fs-extra": "^11.3.3"
diff --git a/packages/react-docs/package.json b/packages/react-docs/package.json
index 531431ab766..a1c7a898ec3 100644
--- a/packages/react-docs/package.json
+++ b/packages/react-docs/package.json
@@ -23,7 +23,7 @@
     "test:a11y": "patternfly-a11y --config patternfly-a11y.config"
   },
   "dependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.55",
+    "@patternfly/patternfly": "6.5.0-prerelease.62",
     "@patternfly/react-charts": "workspace:^",
     "@patternfly/react-code-editor": "workspace:^",
     "@patternfly/react-core": "workspace:^",
diff --git a/packages/react-icons/package.json b/packages/react-icons/package.json
index f9a1078d21d..2f20250bc84 100644
--- a/packages/react-icons/package.json
+++ b/packages/react-icons/package.json
@@ -35,7 +35,7 @@
     "@fortawesome/free-brands-svg-icons": "^5.15.4",
     "@fortawesome/free-regular-svg-icons": "^5.15.4",
     "@fortawesome/free-solid-svg-icons": "^5.15.4",
-    "@patternfly/patternfly": "6.5.0-prerelease.55",
+    "@patternfly/patternfly": "6.5.0-prerelease.62",
     "@rhds/icons": "^2.1.0",
     "fs-extra": "^11.3.3",
     "tslib": "^2.8.1"
diff --git a/packages/react-styles/package.json b/packages/react-styles/package.json
index 914d47b2e1c..da68ae7efcb 100644
--- a/packages/react-styles/package.json
+++ b/packages/react-styles/package.json
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.5.0-prerelease.55",
+    "@patternfly/patternfly": "6.5.0-prerelease.62",
     "change-case": "^5.4.4",
     "fs-extra": "^11.3.3"
   },
diff --git a/packages/react-tokens/package.json b/packages/react-tokens/package.json
index f692d63231f..32d28235047 100644
--- a/packages/react-tokens/package.json
+++ b/packages/react-tokens/package.json
@@ -30,7 +30,7 @@
   },
   "devDependencies": {
     "@adobe/css-tools": "^4.4.4",
-    "@patternfly/patternfly": "6.5.0-prerelease.55",
+    "@patternfly/patternfly": "6.5.0-prerelease.62",
     "fs-extra": "^11.3.3"
   }
 }
diff --git a/yarn.lock b/yarn.lock
index a95d394505d..d5ea5ed7327 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5079,10 +5079,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@patternfly/patternfly@npm:6.5.0-prerelease.55":
-  version: 6.5.0-prerelease.55
-  resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.55"
-  checksum: 10c0/02921ae29db7ac07ec977589b5233397536831d818372289f040685835031562bff398f9e5cd594210bfc6d216dbbf22a9d70a454a5d044bb99e53e186651f1e
+"@patternfly/patternfly@npm:6.5.0-prerelease.62":
+  version: 6.5.0-prerelease.62
+  resolution: "@patternfly/patternfly@npm:6.5.0-prerelease.62"
+  checksum: 10c0/e918cd5e92df7bd6d69e27394a0053a84bd82c5e7f5028bea101f4687019afb46887c6fd27cbbc8f0e759b66dd40a25315637fb509eef17066d319a6e82167d6
   languageName: node
   linkType: hard
 
@@ -5180,7 +5180,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-core@workspace:packages/react-core"
   dependencies:
-    "@patternfly/patternfly": "npm:6.5.0-prerelease.55"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.62"
     "@patternfly/react-icons": "workspace:^"
     "@patternfly/react-styles": "workspace:^"
     "@patternfly/react-tokens": "workspace:^"
@@ -5201,7 +5201,7 @@ __metadata:
   resolution: "@patternfly/react-docs@workspace:packages/react-docs"
   dependencies:
     "@patternfly/documentation-framework": "npm:^6.36.7"
-    "@patternfly/patternfly": "npm:6.5.0-prerelease.55"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.62"
     "@patternfly/patternfly-a11y": "npm:5.1.0"
     "@patternfly/react-charts": "workspace:^"
     "@patternfly/react-code-editor": "workspace:^"
@@ -5241,7 +5241,7 @@ __metadata:
     "@fortawesome/free-brands-svg-icons": "npm:^5.15.4"
     "@fortawesome/free-regular-svg-icons": "npm:^5.15.4"
     "@fortawesome/free-solid-svg-icons": "npm:^5.15.4"
-    "@patternfly/patternfly": "npm:6.5.0-prerelease.55"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.62"
     "@rhds/icons": "npm:^2.1.0"
     fs-extra: "npm:^11.3.3"
     tslib: "npm:^2.8.1"
@@ -5328,7 +5328,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@patternfly/react-styles@workspace:packages/react-styles"
   dependencies:
-    "@patternfly/patternfly": "npm:6.5.0-prerelease.55"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.62"
     change-case: "npm:^5.4.4"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
@@ -5370,7 +5370,7 @@ __metadata:
   resolution: "@patternfly/react-tokens@workspace:packages/react-tokens"
   dependencies:
     "@adobe/css-tools": "npm:^4.4.4"
-    "@patternfly/patternfly": "npm:6.5.0-prerelease.55"
+    "@patternfly/patternfly": "npm:6.5.0-prerelease.62"
     fs-extra: "npm:^11.3.3"
   languageName: unknown
   linkType: soft

From 86dee82f19f37e2142937a9a3341a9e39d2718c0 Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Tue, 31 Mar 2026 10:53:09 -0400
Subject: [PATCH 2/4] remove pf-v6-c-tabs__toggle-button class

---
 .../react-core/src/components/Tabs/Tabs.tsx   | 32 +++++++++----------
 1 file changed, 15 insertions(+), 17 deletions(-)

diff --git a/packages/react-core/src/components/Tabs/Tabs.tsx b/packages/react-core/src/components/Tabs/Tabs.tsx
index ee8b6c1e04e..0ea3a10f37f 100644
--- a/packages/react-core/src/components/Tabs/Tabs.tsx
+++ b/packages/react-core/src/components/Tabs/Tabs.tsx
@@ -598,23 +598,21 @@ class Tabs extends Component<TabsProps, TabsState> {
                   <GenerateId>
                     {(randomId) => (
                       <div className={css(styles.tabsToggle)}>
-                        <div className={css(styles.tabsToggleButton)}>
-                          <Button
-                            onClick={(event) => toggleTabs(event, !isExpandedLocal)}
-                            variant="plain"
-                            aria-label={toggleAriaLabel}
-                            aria-expanded={isExpandedLocal}
-                            id={`${randomId}-button`}
-                            aria-labelledby={`${randomId}-text ${randomId}-button`}
-                            icon={
-                              <span className={css(styles.tabsToggleIcon)}>
-                                <AngleRightIcon />
-                              </span>
-                            }
-                          >
-                            {toggleText && <span id={`${randomId}-text`}>{toggleText}</span>}
-                          </Button>
-                        </div>
+                        <Button
+                          onClick={(event) => toggleTabs(event, !isExpandedLocal)}
+                          variant="plain"
+                          aria-label={toggleAriaLabel}
+                          aria-expanded={isExpandedLocal}
+                          id={`${randomId}-button`}
+                          aria-labelledby={`${randomId}-text ${randomId}-button`}
+                          icon={
+                            <span className={css(styles.tabsToggleIcon)}>
+                              <AngleRightIcon />
+                            </span>
+                          }
+                        >
+                          {toggleText && <span id={`${randomId}-text`}>{toggleText}</span>}
+                        </Button>
                       </div>
                     )}
                   </GenerateId>

From 1a0ecf8853f5ef6b9ba2f6197c9b941abc8b667b Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Tue, 31 Mar 2026 12:56:23 -0400
Subject: [PATCH 3/4] update snapshots

---
 .../__snapshots__/Tabs.test.tsx.snap          | 84 +++++++++----------
 1 file changed, 40 insertions(+), 44 deletions(-)

diff --git a/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
index be61891a638..8b64817ba8b 100644
--- a/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -491,62 +491,58 @@ exports[`should render expandable vertical tabs 1`] = `
     <div
       class="pf-v6-c-tabs__toggle"
     >
-      <div
-        class="pf-v6-c-tabs__toggle-button"
+      <button
+        aria-labelledby="generated-id-text generated-id-button"
+        class="pf-v6-c-button pf-m-plain"
+        data-ouia-component-id="OUIA-Generated-Button-plain-:r14:"
+        data-ouia-component-type="PF6/Button"
+        data-ouia-safe="true"
+        id="generated-id-button"
+        type="button"
       >
-        <button
-          aria-labelledby="generated-id-text generated-id-button"
-          class="pf-v6-c-button pf-m-plain"
-          data-ouia-component-id="OUIA-Generated-Button-plain-:r14:"
-          data-ouia-component-type="PF6/Button"
-          data-ouia-safe="true"
-          id="generated-id-button"
-          type="button"
+        <span
+          class="pf-v6-c-button__icon pf-m-start"
         >
           <span
-            class="pf-v6-c-button__icon pf-m-start"
+            class="pf-v6-c-tabs__toggle-icon"
           >
-            <span
-              class="pf-v6-c-tabs__toggle-icon"
+            <svg
+              aria-hidden="true"
+              class="pf-v6-svg"
+              fill="currentColor"
+              height="1em"
+              role="img"
+              width="1em"
             >
               <svg
-                aria-hidden="true"
-                class="pf-v6-svg"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                width="1em"
+                class="pf-v6-icon-default"
+                viewBox="0 0 256 512"
               >
-                <svg
-                  class="pf-v6-icon-default"
-                  viewBox="0 0 256 512"
-                >
-                  <path
-                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-                  />
-                </svg>
-                <svg
-                  class="pf-v6-icon-rh-ui"
-                  viewBox="0 0 32 32"
-                >
-                  <path
-                    d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
-                  />
-                </svg>
+                <path
+                  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                />
               </svg>
-            </span>
+              <svg
+                class="pf-v6-icon-rh-ui"
+                viewBox="0 0 32 32"
+              >
+                <path
+                  d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
+                />
+              </svg>
+            </svg>
           </span>
+        </span>
+        <span
+          class="pf-v6-c-button__text"
+        >
           <span
-            class="pf-v6-c-button__text"
+            id="generated-id-text"
           >
-            <span
-              id="generated-id-text"
-            >
-              toggle
-            </span>
+            toggle
           </span>
-        </button>
-      </div>
+        </span>
+      </button>
     </div>
     <ul
       class="pf-v6-c-tabs__list"

From ebe9ee8513ecac99fe376042a89638ea511aafca Mon Sep 17 00:00:00 2001
From: nicolethoen <nthoen@redhat.com>
Date: Tue, 31 Mar 2026 17:19:15 -0400
Subject: [PATCH 4/4] dont remove class, just hardcode it

---
 .../react-core/src/components/Tabs/Tabs.tsx   | 32 +++----
 .../__snapshots__/Tabs.test.tsx.snap          | 84 ++++++++++---------
 2 files changed, 61 insertions(+), 55 deletions(-)

diff --git a/packages/react-core/src/components/Tabs/Tabs.tsx b/packages/react-core/src/components/Tabs/Tabs.tsx
index 0ea3a10f37f..04a39725f81 100644
--- a/packages/react-core/src/components/Tabs/Tabs.tsx
+++ b/packages/react-core/src/components/Tabs/Tabs.tsx
@@ -598,21 +598,23 @@ class Tabs extends Component<TabsProps, TabsState> {
                   <GenerateId>
                     {(randomId) => (
                       <div className={css(styles.tabsToggle)}>
-                        <Button
-                          onClick={(event) => toggleTabs(event, !isExpandedLocal)}
-                          variant="plain"
-                          aria-label={toggleAriaLabel}
-                          aria-expanded={isExpandedLocal}
-                          id={`${randomId}-button`}
-                          aria-labelledby={`${randomId}-text ${randomId}-button`}
-                          icon={
-                            <span className={css(styles.tabsToggleIcon)}>
-                              <AngleRightIcon />
-                            </span>
-                          }
-                        >
-                          {toggleText && <span id={`${randomId}-text`}>{toggleText}</span>}
-                        </Button>
+                        <div className={'pf-v6-c-tabs__toggle-button'}>
+                          <Button
+                            onClick={(event) => toggleTabs(event, !isExpandedLocal)}
+                            variant="plain"
+                            aria-label={toggleAriaLabel}
+                            aria-expanded={isExpandedLocal}
+                            id={`${randomId}-button`}
+                            aria-labelledby={`${randomId}-text ${randomId}-button`}
+                            icon={
+                              <span className={css(styles.tabsToggleIcon)}>
+                                <AngleRightIcon />
+                              </span>
+                            }
+                          >
+                            {toggleText && <span id={`${randomId}-text`}>{toggleText}</span>}
+                          </Button>
+                        </div>
                       </div>
                     )}
                   </GenerateId>
diff --git a/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap b/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
index 8b64817ba8b..be61891a638 100644
--- a/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
+++ b/packages/react-core/src/components/Tabs/__tests__/__snapshots__/Tabs.test.tsx.snap
@@ -491,58 +491,62 @@ exports[`should render expandable vertical tabs 1`] = `
     <div
       class="pf-v6-c-tabs__toggle"
     >
-      <button
-        aria-labelledby="generated-id-text generated-id-button"
-        class="pf-v6-c-button pf-m-plain"
-        data-ouia-component-id="OUIA-Generated-Button-plain-:r14:"
-        data-ouia-component-type="PF6/Button"
-        data-ouia-safe="true"
-        id="generated-id-button"
-        type="button"
+      <div
+        class="pf-v6-c-tabs__toggle-button"
       >
-        <span
-          class="pf-v6-c-button__icon pf-m-start"
+        <button
+          aria-labelledby="generated-id-text generated-id-button"
+          class="pf-v6-c-button pf-m-plain"
+          data-ouia-component-id="OUIA-Generated-Button-plain-:r14:"
+          data-ouia-component-type="PF6/Button"
+          data-ouia-safe="true"
+          id="generated-id-button"
+          type="button"
         >
           <span
-            class="pf-v6-c-tabs__toggle-icon"
+            class="pf-v6-c-button__icon pf-m-start"
           >
-            <svg
-              aria-hidden="true"
-              class="pf-v6-svg"
-              fill="currentColor"
-              height="1em"
-              role="img"
-              width="1em"
+            <span
+              class="pf-v6-c-tabs__toggle-icon"
             >
               <svg
-                class="pf-v6-icon-default"
-                viewBox="0 0 256 512"
-              >
-                <path
-                  d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
-                />
-              </svg>
-              <svg
-                class="pf-v6-icon-rh-ui"
-                viewBox="0 0 32 32"
+                aria-hidden="true"
+                class="pf-v6-svg"
+                fill="currentColor"
+                height="1em"
+                role="img"
+                width="1em"
               >
-                <path
-                  d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
-                />
+                <svg
+                  class="pf-v6-icon-default"
+                  viewBox="0 0 256 512"
+                >
+                  <path
+                    d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
+                  />
+                </svg>
+                <svg
+                  class="pf-v6-icon-rh-ui"
+                  viewBox="0 0 32 32"
+                >
+                  <path
+                    d="M11 30a.999.999 0 0 1-.707-1.707L22.586 16 10.293 3.707a.999.999 0 1 1 1.414-1.414l12.646 12.646a1.501 1.501 0 0 1 0 2.121L11.707 29.706a.997.997 0 0 1-.707.293Z"
+                  />
+                </svg>
               </svg>
-            </svg>
+            </span>
           </span>
-        </span>
-        <span
-          class="pf-v6-c-button__text"
-        >
           <span
-            id="generated-id-text"
+            class="pf-v6-c-button__text"
           >
-            toggle
+            <span
+              id="generated-id-text"
+            >
+              toggle
+            </span>
           </span>
-        </span>
-      </button>
+        </button>
+      </div>
     </div>
     <ul
       class="pf-v6-c-tabs__list"