infinity-ui-elements 1.9.20 → 1.9.21

package/dist/index.js

@@ -1100,33 +1100,6 @@ const Amount = React__namespace.forwardRef(({ value, currency, locale = "en-US",
 });
 Amount.displayName = "Amount";
 
-// Helper function to get the text utility class name
-function getTextClassName(variant = "body", size = "medium", weight = "regular", color = "default") {
-    // Build the base class name
-    let baseClass = `text-${variant}`;
-    // Add size
-    if (size) {
-        baseClass += `-${size}`;
-    }
-    // Add weight
-    if (weight) {
-        baseClass += `-${weight}`;
-    }
-    // Add color class separately
-    const colorClass = `text-color-${color}`;
-    return `${baseClass} ${colorClass}`;
-}
-const Text = React__namespace.forwardRef(({ className, variant = "body", size = "medium", weight = "regular", color = "default", as = "p", children, ...props }, ref) => {
-    const Component = as;
-    const textClass = getTextClassName(variant, size, weight, color);
-    return React__namespace.createElement(Component, {
-        className: cn(textClass, className),
-        ref,
-        ...props,
-    }, children);
-});
-Text.displayName = "Text";
-
 const inverseColorClasses = {
     a1: "bg-avatar-fill-a1-on-bg text-avatar-fill-a1-bg",
     a2: "bg-avatar-fill-a2-on-bg text-avatar-fill-a2-bg",
@@ -1174,7 +1147,7 @@ const statusVariants = classVarianceAuthority.cva("absolute flex items-center ju
         statusColor: "notice",
     },
 });
-const Avatar = React__namespace.forwardRef(({ className, appearance = "default", color, size, children, src, alt, showStatus = false, statusColor = "notice", statusIcon, label, trailingComponent, containerClassName, ...props }, ref) => {
+const Avatar = React__namespace.forwardRef(({ className, appearance = "default", color, size, children, src, alt, showStatus = false, statusColor = "notice", statusIcon, label, trailingComponent, containerClassName, labelClassName, ...props }, ref) => {
     const [imageError, setImageError] = React__namespace.useState(false);
     const handleImageError = () => {
         setImageError(true);
@@ -1189,14 +1162,14 @@ const Avatar = React__namespace.forwardRef(({ className, appearance = "default",
                 return "h-4 w-4";
         }
     };
-    const getTextSize = () => {
+    const getTextClass = () => {
         switch (size) {
             case "small":
-                return "small";
+                return "text-body-small-medium text-color-default";
             case "medium":
-                return "medium";
+                return "text-body-medium-medium text-color-default";
             default:
-                return "medium";
+                return "text-body-medium-medium text-color-default";
         }
     };
     const resolvedColor = color ?? "a1";
@@ -1208,7 +1181,7 @@ const Avatar = React__namespace.forwardRef(({ className, appearance = "default",
         return jsxRuntime.jsx("div", { ref: ref, children: avatarElement });
     }
     // Otherwise, return avatar with label and/or trailing component
-    return (jsxRuntime.jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-3", containerClassName), children: [avatarElement, label && (jsxRuntime.jsx(Text, { variant: "body", size: getTextSize(), weight: "medium", color: "default", as: "span", children: label })), trailingComponent && (jsxRuntime.jsx("span", { className: "ml-auto", children: trailingComponent }))] }));
+    return (jsxRuntime.jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-3", containerClassName), children: [avatarElement, label && jsxRuntime.jsx("p", { className: cn(getTextClass(), labelClassName), children: label }), trailingComponent && (jsxRuntime.jsx("span", { className: "ml-auto", children: trailingComponent }))] }));
 });
 Avatar.displayName = "Avatar";
 
@@ -1338,6 +1311,33 @@ const Badge = React__namespace.forwardRef(({ className, variant, size, color, sh
 });
 Badge.displayName = "Badge";
 
+// Helper function to get the text utility class name
+function getTextClassName(variant = "body", size = "medium", weight = "regular", color = "default") {
+    // Build the base class name
+    let baseClass = `text-${variant}`;
+    // Add size
+    if (size) {
+        baseClass += `-${size}`;
+    }
+    // Add weight
+    if (weight) {
+        baseClass += `-${weight}`;
+    }
+    // Add color class separately
+    const colorClass = `text-color-${color}`;
+    return `${baseClass} ${colorClass}`;
+}
+const Text = React__namespace.forwardRef(({ className, variant = "body", size = "medium", weight = "regular", color = "default", as = "p", children, ...props }, ref) => {
+    const Component = as;
+    const textClass = getTextClassName(variant, size, weight, color);
+    return React__namespace.createElement(Component, {
+        className: cn(textClass, className),
+        ref,
+        ...props,
+    }, children);
+});
+Text.displayName = "Text";
+
 const dividerVariants = classVarianceAuthority.cva("", {
     variants: {
         orientation: {