infinity-ui-elements 1.14.21 → 1.14.22

package/dist/components/Badge/Badge.d.ts

@@ -22,6 +22,14 @@ export interface BadgeProps extends React.HTMLAttributes<HTMLDivElement>, Varian
      * The color variant of the badge
      */
     color?: "primary" | "positive" | "negative" | "notice" | "info" | "neutral";
+    /**
+     * Leading icon to display before the badge content
+     */
+    leadingIcon?: React.ReactNode;
+    /**
+     * Trailing icon to display after the badge content
+     */
+    trailingIcon?: React.ReactNode;
 }
 declare const Badge: React.ForwardRefExoticComponent<BadgeProps & React.RefAttributes<HTMLDivElement>>;
 export { Badge, badgeVariants };

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

@@ -1 +1 @@
-{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;;mFAoGlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC1C,YAAY,CAAC,OAAO,aAAa,CAAC;IACpC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;CAC7E;AAED,QAAA,MAAM,KAAK,mFAsDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIlE,QAAA,MAAM,aAAa;;;;mFAoGlB,CAAC;AAEF,MAAM,WAAW,UACf,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAC5C,YAAY,CAAC,OAAO,aAAa,CAAC;IAClC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,QAAQ,GAAG,MAAM,GAAG,SAAS,CAAC;IAC5E;;OAEG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAChC;AAED,QAAA,MAAM,KAAK,mFAwDV,CAAC;AAIF,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/index.esm.js

@@ -1249,7 +1249,7 @@ const badgeVariants = cva("inline-flex items-center whitespace-nowrap transition
         size: "medium",
     },
 });
-const Badge = React.forwardRef(({ className, variant, size, color, showDot = false, children, ...props }, ref) => {
+const Badge = React.forwardRef(({ className, variant, size, color, showDot = false, leadingIcon, trailingIcon, children, ...props }, ref) => {
     const getDotColor = () => {
         if (variant === "filled") {
             return "bg-action-ink-on-primary-normal";
@@ -1281,7 +1281,7 @@ const Badge = React.forwardRef(({ className, variant, size, color, showDot = fal
         }
         return "h-3 w-3";
     };
-    return (jsxs("div", { ref: ref, className: cn(badgeVariants({ variant, size, color }), className), ...props, children: [showDot && (jsx("span", { className: cn("rounded-full", getDotColor(), getDotSize()), "aria-hidden": "true" })), children] }));
+    return (jsxs("div", { ref: ref, className: cn(badgeVariants({ variant, size, color }), className), ...props, children: [showDot && (jsx("span", { className: cn("rounded-full", getDotColor(), getDotSize()), "aria-hidden": "true" })), leadingIcon && jsx("span", { className: "inline-flex", children: leadingIcon }), children, trailingIcon && jsx("span", { className: "inline-flex", children: trailingIcon })] }));
 });
 Badge.displayName = "Badge";