From cef0a058a7cdfb9210021e70e3377b90986f9e24 Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Wed, 26 Jun 2024 17:17:28 +0200 Subject: [PATCH 1/2] Overlay: accept style prop --- packages/react/src/Overlay/Overlay.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/packages/react/src/Overlay/Overlay.tsx b/packages/react/src/Overlay/Overlay.tsx index 23e8932f4a8..251ba0625ab 100644 --- 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( portalContainerName, preventFocusOnOpen, position, + style: styleFromProps = {}, ...rest }, forwardedRef, @@ -214,6 +216,7 @@ const Overlay = React.forwardRef( bottom, position, '--styled-overlay-visibility': visibility, + ...styleFromProps, } as React.CSSProperties } /> From 8620bfa67882d08aa4f85e30dcfbde52f927239e Mon Sep 17 00:00:00 2001 From: Siddharth Kshetrapal Date: Wed, 26 Jun 2024 17:19:18 +0200 Subject: [PATCH 2/2] Create seven-cherries-serve.md --- .changeset/seven-cherries-serve.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/seven-cherries-serve.md diff --git a/.changeset/seven-cherries-serve.md b/.changeset/seven-cherries-serve.md new file mode 100644 index 00000000000..cc167fde2ba --- /dev/null +++ b/.changeset/seven-cherries-serve.md @@ -0,0 +1,5 @@ +--- +"@primer/react": patch +--- + +Overlay: Set `style` prop correctly