infinity-ui-elements 1.9.20 → 1.9.21

package/dist/components/Avatar/Avatar.d.ts

@@ -59,6 +59,10 @@ export interface AvatarProps extends React.HTMLAttributes<HTMLDivElement>, Varia
      * Custom class name for the container (when label or trailingComponent is provided)
      */
     containerClassName?: string;
+    /**
+     * Custom class name for the label
+     */
+    labelClassName?: string;
 }
 declare const Avatar: React.ForwardRefExoticComponent<AvatarProps & React.RefAttributes<HTMLDivElement>>;
 export { Avatar, avatarVariants };

package/dist/components/Avatar/Avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAKlE,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,KAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAU9C,QAAA,MAAM,cAAc;;;mFAsBnB,CAAC;AA0BF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACtE;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,oFAyHX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}
+{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,KAAK,WAAW,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AACpD,KAAK,gBAAgB,GAAG,SAAS,GAAG,SAAS,CAAC;AAU9C,QAAA,MAAM,cAAc;;;mFAsBnB,CAAC;AA0BF,MAAM,WAAW,WACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,gBAAgB,CAAC;IAC9B;;OAEG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACrC;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IACtE;;OAEG;IACH,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC7B;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,QAAA,MAAM,MAAM,oFAgHX,CAAC;AAIF,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,CAAC"}

package/dist/components/SearchableDropdown/SearchableDropdown.stories.d.ts

@@ -327,6 +327,7 @@ declare const meta: {
         src?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         containerClassName?: string | undefined;
+        labelClassName?: string | undefined;
         helperText?: string | undefined;
         validationState?: "none" | "positive" | "negative" | undefined;
         accept?: string | undefined | undefined;
@@ -339,7 +340,6 @@ declare const meta: {
         readOnly?: boolean | undefined | undefined;
         required?: boolean | undefined | undefined;
         errorText?: string | undefined;
-        labelClassName?: string | undefined;
         isOptional?: boolean | undefined;
         isRequired?: boolean | undefined;
         infoHeading?: string | undefined;

package/dist/index.esm.js

@@ -1079,33 +1079,6 @@ const Amount = React.forwardRef(({ value, currency, locale = "en-US", minimumFra
 });
 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.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.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",
@@ -1153,7 +1126,7 @@ const statusVariants = cva("absolute flex items-center justify-center rounded-fu
         statusColor: "notice",
     },
 });
-const Avatar = React.forwardRef(({ className, appearance = "default", color, size, children, src, alt, showStatus = false, statusColor = "notice", statusIcon, label, trailingComponent, containerClassName, ...props }, ref) => {
+const Avatar = React.forwardRef(({ className, appearance = "default", color, size, children, src, alt, showStatus = false, statusColor = "notice", statusIcon, label, trailingComponent, containerClassName, labelClassName, ...props }, ref) => {
     const [imageError, setImageError] = React.useState(false);
     const handleImageError = () => {
         setImageError(true);
@@ -1168,14 +1141,14 @@ const Avatar = React.forwardRef(({ className, appearance = "default", color, siz
                 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";
@@ -1187,7 +1160,7 @@ const Avatar = React.forwardRef(({ className, appearance = "default", color, siz
         return jsx("div", { ref: ref, children: avatarElement });
     }
     // Otherwise, return avatar with label and/or trailing component
-    return (jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-3", containerClassName), children: [avatarElement, label && (jsx(Text, { variant: "body", size: getTextSize(), weight: "medium", color: "default", as: "span", children: label })), trailingComponent && (jsx("span", { className: "ml-auto", children: trailingComponent }))] }));
+    return (jsxs("div", { ref: ref, className: cn("inline-flex items-center gap-3", containerClassName), children: [avatarElement, label && jsx("p", { className: cn(getTextClass(), labelClassName), children: label }), trailingComponent && (jsx("span", { className: "ml-auto", children: trailingComponent }))] }));
 });
 Avatar.displayName = "Avatar";
 
@@ -1317,6 +1290,33 @@ const Badge = React.forwardRef(({ className, variant, size, color, showDot = fal
 });
 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.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.createElement(Component, {
+        className: cn(textClass, className),
+        ref,
+        ...props,
+    }, children);
+});
+Text.displayName = "Text";
+
 const dividerVariants = cva("", {
     variants: {
         orientation: {