@luscii-healthtech/web-ui 28.6.1 → 28.7.0

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

@@ -1,7 +1,11 @@
 import React from "react";
 interface BadgeProps {
-    badgeCount: number;
+    /**
+     * @deprecated, use children instead
+     */
+    badgeCount?: number;
     className?: string;
+    children: string | number;
 }
 declare const Badge: (props: BadgeProps) => React.JSX.Element;
 export default Badge;

package/dist/index.development.js

@@ -2375,6 +2375,7 @@ const Avatar = ({ size = "medium", src, alt, defaultImage, initials, className }
 };
 
 const Badge = (props) => {
+  var _a;
   const containerClasses = classNames__default.default([
     "ui-inline-flex",
     "ui-items-center",
@@ -2390,10 +2391,11 @@ const Badge = (props) => {
     "ui-text-primary",
     "ui-leading-none"
   ]);
+  const badgeContent = (_a = props.children) !== null && _a !== void 0 ? _a : props.badgeCount;
   return React__namespace.default.createElement(
     "div",
     { className: containerClasses },
-    React__namespace.default.createElement("span", { className: textClasses }, props.badgeCount)
+    React__namespace.default.createElement("span", { className: textClasses }, badgeContent)
   );
 };
 
@@ -4425,7 +4427,7 @@ const TabbarItem = ({ title, index, isSelected, onSelect, className, badgeCount
     "button",
     { className: itemClassName, onClick: handleTabClick, "data-test-id": dataTestId, role: "tab", "aria-selected": isSelected },
     typeof title === "string" ? React__namespace.default.createElement(Text, { variant: "strong", color: "current", inline: true, className: "ui-leading-inherit" }, title) : title,
-    badgeCount > 0 && React__namespace.default.createElement(Badge, { className: "ui-ml-1", badgeCount }),
+    badgeCount > 0 && React__namespace.default.createElement(Badge, { className: "ui-ml-1" }, badgeCount),
     isLoading && React__namespace.default.createElement(LoadingIndicator, { asSpinner: true, spinnerColor: "gray", className: "ui-w-6" })
   );
 };