@vention/machine-ui 5.0.26 → 5.0.28

package/index.esm.js

@@ -8931,7 +8931,7 @@ const VentionPopover = props => {
   const popoverRef = useRef(null);
   const {
     title,
-    description,
+    content,
     anchorElement,
     pos2D,
     titleIcon,
@@ -9031,11 +9031,11 @@ const VentionPopover = props => {
             component: "div",
             children: title
           })]
-        }), description && jsx(Typography, {
+        }), content && (typeof content === "string" ? jsx(Typography, {
           variant: "uiText14Regular",
-          className: classes.description,
-          children: description
-        }), props.buttons && jsx(Stack, {
+          className: classes.content,
+          children: content
+        }) : content), props.buttons && jsx(Stack, {
           direction: "row",
           justifyContent: "flex-end",
           spacing: 2,
@@ -9120,7 +9120,7 @@ const useStyles$h = tss.create(({
       height: 140,
       marginBottom: theme.spacing(4)
     },
-    description: {
+    content: {
       paddingTop: theme.spacing(2),
       paddingBottom: 0
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vention/machine-ui",
-  "version": "5.0.26",
+  "version": "5.0.28",
   "repository": {
     "type": "git",
     "url": "https://github.com/VentionCo/machine-cloud.git"

package/src/lib/components/vention-popover/vention-popover.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from "react";
 import { VentionButtonProps } from "../vention-button/button-utils";
 export interface VentionPopoverProps {
     /** Supporting image for the popover */
@@ -6,8 +7,8 @@ export interface VentionPopoverProps {
     titleIcon?: string;
     /** Header title text */
     title?: string;
-    /** Description of the popover */
-    description?: string;
+    /** Content of the popover */
+    content?: ReactNode;
     /** The element to anchor the popover to */
     anchorElement?: HTMLElement | null;
     /** Absolute position of the popover from 'top' and 'left' */