From db79bb73479dc2012dea357ab126a9e41b038161 Mon Sep 17 00:00:00 2001
From: Prince Yadav <prince1.yadav@tataaig.com>
Date: Tue, 16 Jul 2024 15:46:08 +0530
Subject: [PATCH 1/3] feat: added support for className to <AnchoredOverlay>

---
 packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx b/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx
index f7d60df9d6b..402322c4ce0 100644
--- a/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx
+++ b/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx
@@ -106,6 +106,7 @@ export const AnchoredOverlay: React.FC<React.PropsWithChildren<AnchoredOverlayPr
   align = 'start',
   alignmentOffset,
   anchorOffset,
+  className,
 }) => {
   const anchorRef = useProvidedRefOrCreate(externalAnchorRef)
   const [overlayRef, updateOverlayRef] = useRenderForcingRef<HTMLDivElement>()
@@ -191,6 +192,7 @@ export const AnchoredOverlay: React.FC<React.PropsWithChildren<AnchoredOverlayPr
           top={position?.top || 0}
           left={position?.left || 0}
           anchorSide={position?.anchorSide}
+          className={className}
           {...overlayProps}
         >
           {children}

From ddbec089cf894b46547e08a7fee649790509b7d8 Mon Sep 17 00:00:00 2001
From: Prince Yadav <princeyadav96@gmail.com>
Date: Tue, 23 Jul 2024 09:27:44 +0530
Subject: [PATCH 2/3] feat: add support for className to <AnchoredOverlay>

---
 packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx b/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx
index 402322c4ce0..88260c2c8a2 100644
--- a/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx
+++ b/packages/react/src/AnchoredOverlay/AnchoredOverlay.tsx
@@ -79,6 +79,11 @@ interface AnchoredOverlayBaseProps extends Pick<OverlayProps, 'height' | 'width'
    * Settings to apply to the Focus Zone on the internal `Overlay` component.
    */
   focusZoneSettings?: Partial<FocusZoneHookSettings>
+
+  /**
+   * Optional className to be added to the overlay component.
+   */
+  className?: string
 }
 
 export type AnchoredOverlayProps = AnchoredOverlayBaseProps &

From ee8035eac8c033796b64495b87286aa3a9500f46 Mon Sep 17 00:00:00 2001
From: Armagan Ersoz <broccolinisoup@github.com>
Date: Tue, 23 Jul 2024 15:25:29 +1000
Subject: [PATCH 3/3] add changeset

---
 .changeset/sixty-trains-flow.md | 5 +++++
 1 file changed, 5 insertions(+)
 create mode 100644 .changeset/sixty-trains-flow.md

diff --git a/.changeset/sixty-trains-flow.md b/.changeset/sixty-trains-flow.md
new file mode 100644
index 00000000000..7194e0c473b
--- /dev/null
+++ b/.changeset/sixty-trains-flow.md
@@ -0,0 +1,5 @@
+---
+'@primer/react': patch
+---
+
+AnchoredOverlay: Add 'className' prop to the component
\ No newline at end of file