@vention/machine-ui 6.3.1 → 6.4.0

package/index.esm.js

@@ -11922,18 +11922,18 @@ const VentionTreeItem = /*#__PURE__*/forwardRef((inputProps, ref) => {
     className: classes.captionsContainer,
     "data-testid": `${testId}-captions`,
     children: captions.map((caption, index) => {
-      var _a, _b;
+      var _a, _b, _c;
       return jsx(VentionBadge, {
-        variant: "filled",
+        variant: (_a = caption.variant) !== null && _a !== void 0 ? _a : "filled",
         size: size === "xx-large" ? "medium" : "small",
-        color: (_a = caption.color) !== null && _a !== void 0 ? _a : "slate",
+        color: (_b = caption.color) !== null && _b !== void 0 ? _b : "slate",
         className: classes.caption,
         text: caption.text,
         onClick: caption.onClick ? event => {
           event.stopPropagation();
           caption.onClick(event);
         } : undefined,
-        "data-testid": `${testId}-${(_b = caption.testId) !== null && _b !== void 0 ? _b : `caption-${index}`}`
+        "data-testid": `${testId}-${(_c = caption.testId) !== null && _c !== void 0 ? _c : `caption-${index}`}`
       }, index);
     })
   });
@@ -12139,11 +12139,15 @@ const useStyles$d = tss.withParams().withNestedSelectors().create(({
       display: "flex",
       overflow: "hidden"
     },
-    caption: {
+    caption: Object.assign({
       overflow: "hidden",
       textOverflow: "ellipsis",
       maxWidth: "100%"
-    },
+    }, size === "medium" && {
+      "& .MuiTypography-root": {
+        fontSize: "10px"
+      }
+    }),
     actionButtonsContainer: {
       gap: theme.spacing(1),
       display: "flex",

package/package.json

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

package/src/lib/components/vention-tree-item/vention-tree-item.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement, MouseEvent, ForwardRefExoticComponent, RefAttributes } from "react";
 import { DEFAULT_VENTION_TREE_ITEM_HEIGHT } from "./vention-collapsible-caret-button";
-import { VentionBadgeColors } from "../vention-badge/vention-badge";
+import { VentionBadgeColors, VentionBadgeVariants } from "../vention-badge/vention-badge";
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
 export { DEFAULT_VENTION_TREE_ITEM_HEIGHT };
 export interface TrailingElementItem {
@@ -10,6 +10,7 @@ export interface TrailingElementItem {
 export interface VentionTreeItemCaption {
     text: string;
     color?: VentionBadgeColors | undefined;
+    variant?: VentionBadgeVariants | undefined;
     testId?: string | undefined;
     onClick?: (e: MouseEvent) => void;
 }