Add support for custom classes

src/config.ts

@@ -11,6 +11,8 @@ export type Config = {
   stageRadius?: number;
   allowKeyboardControl?: boolean;
 
+  // Popover specific configuration
+  popoverClass?: string;
   popoverOffset?: number;
   showButtons?: AllowedButtons[];
 

src/popover.ts

@@ -17,6 +17,8 @@ export type Popover = {
 
   showButtons?: AllowedButtons[];
 
+  popoverClass?: string;
+
   // Button texts
   doneBtnText?: string;
   closeBtnText?: string;
@@ -118,6 +120,10 @@ export function renderPopover(element: Element, step: DriveStep) {
   const popoverArrow = popover.arrow;
   popoverArrow.className = "driver-popover-arrow";
 
+  // Reset any custom classes on the popover
+  const customPopoverClass = step.popover?.popoverClass || getConfig("popoverClass") || "";
+  popoverWrapper.className = `driver-popover ${customPopoverClass}`.trim();
+
   // Handles the popover button clicks
   onDriverClick(
     popover.wrapper,