@wistia/ui 0.8.2 → 0.8.3

package/dist/index.d.mts

@@ -2348,12 +2348,13 @@ type PopoverProps = ContentProps & PopoverControlProps & {
      * If true, the popover will use the unstyled Content component instead of StyledContent
      */
     unstyled?: boolean;
+    colorScheme?: ColorSchemeTypes;
 };
 /**
  * Displays rich content in a portal, triggered by a button.
  */
 declare const Popover: {
-    ({ children, trigger, isOpen, hideCloseButton, maxWidth, maxHeight, onOpenChange, unstyled, ...props }: PopoverProps): JSX.Element;
+    ({ children, trigger, isOpen, hideCloseButton, maxWidth, maxHeight, onOpenChange, unstyled, colorScheme, ...props }: PopoverProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -2348,12 +2348,13 @@ type PopoverProps = ContentProps & PopoverControlProps & {
      * If true, the popover will use the unstyled Content component instead of StyledContent
      */
     unstyled?: boolean;
+    colorScheme?: ColorSchemeTypes;
 };
 /**
  * Displays rich content in a portal, triggered by a button.
  */
 declare const Popover: {
-    ({ children, trigger, isOpen, hideCloseButton, maxWidth, maxHeight, onOpenChange, unstyled, ...props }: PopoverProps): JSX.Element;
+    ({ children, trigger, isOpen, hideCloseButton, maxWidth, maxHeight, onOpenChange, unstyled, colorScheme, ...props }: PopoverProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.mjs

@@ -1,6 +1,6 @@
 
 /*
- * @license @wistia/ui v0.8.2
+ * @license @wistia/ui v0.8.3
  *
  * Copyright (c) 2024-2025, Wistia, Inc. and its affiliates.
  *
@@ -10722,6 +10722,7 @@ var getControlProps = (isOpen, onOpenChange) => {
 // src/components/Popover/Popover.tsx
 import { jsx as jsx244, jsxs as jsxs32 } from "react/jsx-runtime";
 var StyledContent2 = styled48(Content2)`
+  ${({ $colorScheme }) => getColorScheme($colorScheme)};
   ${({ $unstyled }) => !$unstyled && css29`
       border-radius: var(--wui-border-radius-02);
       padding: var(--wui-space-04);
@@ -10748,6 +10749,7 @@ var Popover = ({
   maxHeight = "auto",
   onOpenChange,
   unstyled = false,
+  colorScheme = "inherit",
   ...props
 }) => {
   const style = {
@@ -10759,6 +10761,7 @@ var Popover = ({
     /* @__PURE__ */ jsx244(Portal, { children: /* @__PURE__ */ jsxs32(
       StyledContent2,
       {
+        $colorScheme: colorScheme,
         sideOffset: 8,
         ...props,
         $unstyled: unstyled,