@vention/machine-ui 6.2.0 → 6.3.0

package/index.esm.js

@@ -15262,11 +15262,13 @@ const useStyles$1 = tss.create(({
 
 function VentionPersonCardRoot({
   name,
+  nameSuffix,
   size,
   description,
   state = "default",
   hideName,
   avatarVariant,
+  avatarStatusDotColor,
   imageUrl,
   initials,
   className
@@ -15289,13 +15291,24 @@ function VentionPersonCardRoot({
       variant: avatarVariant,
       state: state,
       imageUrl: imageUrl,
-      initials: initials
+      initials: initials,
+      statusDotColor: avatarStatusDotColor
     }),
-    name: jsx(Typography, {
-      variant: getNameTypographyVariant(size),
-      color: isDisabled ? "text.tertiary" : "text.primary",
+    name: jsxs("div", {
       className: classes.line,
-      children: name
+      children: [jsx(Typography, {
+        component: "span",
+        variant: getNameTypographyVariant(size, Boolean(nameSuffix)),
+        color: isDisabled ? "text.tertiary" : "text.primary",
+        children: name
+      }), nameSuffix && jsxs(Fragment, {
+        children: [" ", jsx(Typography, {
+          component: "span",
+          variant: getNameTypographyVariant(size),
+          color: isDisabled ? "text.tertiary" : "text.secondary",
+          children: nameSuffix
+        })]
+      })]
     }),
     description: description && jsx(Typography, {
       variant: "uiText12Regular",
@@ -15433,12 +15446,12 @@ function getCardPadding(size, hideName, theme) {
       return hideName ? theme.spacing(2, 4) : theme.spacing(3, 4);
   }
 }
-function getNameTypographyVariant(size) {
+function getNameTypographyVariant(size, emphasized = false) {
   switch (size) {
     case "small":
-      return "uiText12Regular";
+      return emphasized ? "uiText12SemiBold" : "uiText12Regular";
     default:
-      return "uiText14Regular";
+      return emphasized ? "uiText14SemiBold" : "uiText14Regular";
   }
 }
 

package/package.json

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

package/src/lib/components/vention-person-card/vention-person-card.d.ts

@@ -1,19 +1,21 @@
 import { Sizes, StrictExtract } from "../../theme/machine-ui-theme";
-import { VentionAvatarVariants } from "../vention-avatar/vention-avatar";
+import { VentionAvatarProps, VentionAvatarVariants } from "../vention-avatar/vention-avatar";
 export type VentionPersonCardSizes = StrictExtract<Sizes, "small" | "medium" | "large">;
 export type VentionPersonCardStates = "default" | "disabled";
 export interface VentionPersonCardProps {
     name: string;
+    nameSuffix?: string | undefined;
     size: VentionPersonCardSizes;
     description?: string;
     state?: VentionPersonCardStates;
     hideName?: boolean;
     avatarVariant?: VentionAvatarVariants;
+    avatarStatusDotColor?: VentionAvatarProps["statusDotColor"];
     imageUrl?: string;
     initials?: string;
     className?: string;
 }
-declare function VentionPersonCardRoot({ name, size, description, state, hideName, avatarVariant, imageUrl, initials, className, }: VentionPersonCardProps): import("react/jsx-runtime").JSX.Element;
+declare function VentionPersonCardRoot({ name, nameSuffix, size, description, state, hideName, avatarVariant, avatarStatusDotColor, imageUrl, initials, className, }: VentionPersonCardProps): import("react/jsx-runtime").JSX.Element;
 declare namespace VentionPersonCardRoot {
     var displayName: string;
 }