Fixes missing className prop passed to the Popover component (#2261)

sumup-oss · Sep 28, 2023 · d6bb1bb · d6bb1bb · vercel · Sep 28, 2023
1 parent 6f1ee0b
commit d6bb1bb
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 1 deletion.
diff --git a/.changeset/popular-bobcats-learn.md b/.changeset/popular-bobcats-learn.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Fixes missing className prop passed to the Popover component
diff --git a/packages/circuit-ui/components/Popover/Popover.tsx b/packages/circuit-ui/components/Popover/Popover.tsx
@@ -115,6 +115,11 @@ function isDivider(action: Action): action is Divider {
 type OnToggle = (open: boolean | ((prevOpen: boolean) => boolean)) => void;
 
 export interface PopoverProps {
+  /**
+   * The class name to add to the Popover wrapper element.
+   * Defaults to ''.
+   */
+  className?: string;
   /**
    * Determines whether the Popover is open or closed.
    */
@@ -168,6 +173,7 @@ export const Popover = ({
   fallbackPlacements = ['top', 'right', 'left'],
   component: Component,
   offset,
+  className = '',
   ...props
 }: PopoverProps): JSX.Element | null => {
   const zIndex = useStackContext();
@@ -303,7 +309,7 @@ export const Popover = ({
         <div
           {...props}
           ref={refs.setFloating}
-          className={clsx(classes.wrapper, isOpen && classes.open)}
+          className={clsx(classes.wrapper, isOpen && classes.open, className)}
           // @ts-expect-error z-index can be a string
           style={
             isMobile