@vention/machine-ui 5.0.38 → 5.3.3

package/README.md

@@ -25,9 +25,7 @@ import { VentionButton } from "@vention/machine-ui"
 
 function App() {
   return (
-    <VentionButton variant="contained" color="primary">
-      Hello World
-    </VentionButton>
+    <VentionButton variant="filled-brand">Hello World</VentionButton>
   )
 }
 ```

package/index.esm.js

@@ -8927,7 +8927,9 @@ const ventionPopoverArrowSize = 10;
 const VentionPopover = props => {
   const {
     classes
-  } = useStyles$h();
+  } = useStyles$h({
+    maxWidth: props.maxWidth
+  });
   const popoverRef = useRef(null);
   const {
     title,
@@ -9094,8 +9096,9 @@ const getArrowStyles = arrowPos => {
     borderColor: getBorderColor()
   });
 };
-const useStyles$h = tss.create(({
-  theme
+const useStyles$h = tss.withParams().create(({
+  theme,
+  maxWidth
 }) => {
   return {
     box: {
@@ -9103,7 +9106,7 @@ const useStyles$h = tss.create(({
       position: "absolute",
       zIndex: 10,
       minWidth: 280,
-      maxWidth: 300
+      maxWidth: maxWidth
     },
     card: {
       padding: theme.spacing(4),

package/package.json

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

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

@@ -22,6 +22,8 @@ export interface VentionPopoverProps {
     buttons?: [VentionButtonProps?, VentionButtonProps?, VentionButtonProps?];
     /** Arrow position of the popover */
     arrowPosition: "top" | "bottom" | "left" | "right";
+    /** Max width for the popover; omit to size to content */
+    maxWidth?: number | string;
 }
 export declare const ventionPopoverArrowSize = 10;
 export declare const VentionPopover: (props: VentionPopoverProps) => import("react/jsx-runtime").JSX.Element;