Overlay: Set style prop correctly (#4699)

* Overlay: accept style prop * Create seven-cherries-serve.md
primer · Jun 27, 2024 · 546803e · 546803e
1 parent 390511e
commit 546803e
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/.changeset/seven-cherries-serve.md b/.changeset/seven-cherries-serve.md
@@ -0,0 +1,5 @@
+---
+"@primer/react": patch
+---
+
+Overlay: Set `style` prop correctly
diff --git a/packages/react/src/Overlay/Overlay.tsx b/packages/react/src/Overlay/Overlay.tsx
@@ -22,6 +22,7 @@ type StyledOverlayProps = {
   visibility?: 'visible' | 'hidden'
   overflow?: 'auto' | 'hidden' | 'scroll' | 'visible'
   anchorSide?: AnchorSide
+  style?: React.CSSProperties
 } & SxProp
 
 export const heightMap = {
@@ -153,6 +154,7 @@ const Overlay = React.forwardRef<HTMLDivElement, OwnOverlayProps>(
       portalContainerName,
       preventFocusOnOpen,
       position,
+      style: styleFromProps = {},
       ...rest
     },
     forwardedRef,
@@ -214,6 +216,7 @@ const Overlay = React.forwardRef<HTMLDivElement, OwnOverlayProps>(
               bottom,
               position,
               '--styled-overlay-visibility': visibility,
+              ...styleFromProps,
             } as React.CSSProperties
           }
         />