From c09c2f338add2eaa6c07cbdb39e292a6e4aa5a77 Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Thu, 20 Nov 2025 10:57:38 -0500
Subject: [PATCH 1/3] feat(Compass): add isPill to Drawer by default

---
 packages/react-core/src/components/Compass/Compass.tsx          | 2 +-
 .../Compass/__tests__/__snapshots__/Compass.test.tsx.snap       | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/Compass/Compass.tsx b/packages/react-core/src/components/Compass/Compass.tsx
index 4594a4a19e5..cff85c48cdf 100644
--- a/packages/react-core/src/components/Compass/Compass.tsx
+++ b/packages/react-core/src/components/Compass/Compass.tsx
@@ -95,7 +95,7 @@ export const Compass: React.FunctionComponent<CompassProps> = ({
 
   if (hasDrawer) {
     return (
-      <Drawer {...drawerProps}>
+      <Drawer isPill {...drawerProps}>
         <DrawerContent panelContent={drawerContent}>
           <DrawerContentBody>{compassContent}</DrawerContentBody>
         </DrawerContent>
diff --git a/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap b/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap
index 5886e96c8ec..a4d1e225ed6 100644
--- a/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap
+++ b/packages/react-core/src/components/Compass/__tests__/__snapshots__/Compass.test.tsx.snap
@@ -47,7 +47,7 @@ exports[`Matches the snapshot with basic layout 1`] = `
 exports[`Matches the snapshot with drawer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v6-c-drawer pf-m-expanded"
+    class="pf-v6-c-drawer pf-m-expanded pf-m-pill"
   >
     <div
       class="pf-v6-c-drawer__main"

From d99f432621263d4c76ad11290e0f2456d649143d Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Thu, 20 Nov 2025 11:06:08 -0500
Subject: [PATCH 2/3] add isPill to CompassContent Drawer

---
 packages/react-core/src/components/Compass/CompassContent.tsx   | 2 +-
 .../__tests__/__snapshots__/CompassContent.test.tsx.snap        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/packages/react-core/src/components/Compass/CompassContent.tsx b/packages/react-core/src/components/Compass/CompassContent.tsx
index e91c8668348..eecc77005c8 100644
--- a/packages/react-core/src/components/Compass/CompassContent.tsx
+++ b/packages/react-core/src/components/Compass/CompassContent.tsx
@@ -30,7 +30,7 @@ export const CompassContent: React.FunctionComponent<CompassContentProps> = ({
 
   if (hasDrawer) {
     return (
-      <Drawer {...drawerProps}>
+      <Drawer isPill {...drawerProps}>
         <DrawerContent panelContent={drawerContent}>{compassContent}</DrawerContent>
       </Drawer>
     );
diff --git a/packages/react-core/src/components/Compass/__tests__/__snapshots__/CompassContent.test.tsx.snap b/packages/react-core/src/components/Compass/__tests__/__snapshots__/CompassContent.test.tsx.snap
index ba18b59bb71..c0dae790afa 100644
--- a/packages/react-core/src/components/Compass/__tests__/__snapshots__/CompassContent.test.tsx.snap
+++ b/packages/react-core/src/components/Compass/__tests__/__snapshots__/CompassContent.test.tsx.snap
@@ -3,7 +3,7 @@
 exports[`Matches the snapshot with drawer 1`] = `
 <DocumentFragment>
   <div
-    class="pf-v6-c-drawer pf-m-expanded"
+    class="pf-v6-c-drawer pf-m-expanded pf-m-pill"
   >
     <div
       class="pf-v6-c-drawer__main"

From 0be65dab1481cba97f3d22a7fb53ffd7bc1edb0d Mon Sep 17 00:00:00 2001
From: Katie McFaul <kmcfaul@redhat.com>
Date: Thu, 20 Nov 2025 11:29:14 -0500
Subject: [PATCH 3/3] fix example css

---
 .../src/components/Compass/examples/compass.css           | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/react-core/src/components/Compass/examples/compass.css b/packages/react-core/src/components/Compass/examples/compass.css
index 75aef0a3a59..c5583d03c67 100644
--- a/packages/react-core/src/components/Compass/examples/compass.css
+++ b/packages/react-core/src/components/Compass/examples/compass.css
@@ -1,8 +1,8 @@
-#ws-react-p-compass-basic [class*="pf-v6-c-compass"] {
+#ws-react-a-compass-basic [class*="pf-v6-c-compass"] {
   position: relative;
 }
 
-#ws-react-p-compass-basic [class*="pf-v6-c-compass"]::after {
+#ws-react-a-compass-basic [class*="pf-v6-c-compass"]::after {
   content: "";
   position: absolute;
   inset: 0;
@@ -10,11 +10,11 @@
   pointer-events: none;
 }
 
-#ws-react-p-compass-with-alternate-footer [class*="pf-v6-c-compass"] {
+#ws-react-a-compass-with-alternate-footer [class*="pf-v6-c-compass"] {
   position: relative;
 }
 
-#ws-react-p-compass-with-alternate-footer [class*="pf-v6-c-compass"]:not([class*="footer"])::after {
+#ws-react-a-compass-with-alternate-footer [class*="pf-v6-c-compass"]:not([class*="footer"])::after {
   content: "";
   position: absolute;
   inset: 0;