@youngonesworks/ui 0.1.100 → 0.1.103

package/dist/components/alert/index.d.ts

@@ -1,9 +1,9 @@
-import { HTMLAttributes } from 'react';
+import { type HTMLAttributes } from 'react';
 type AlertType = 'success' | 'warning' | 'error';
 interface AlertProps extends HTMLAttributes<HTMLDivElement> {
     show: boolean;
     title: string;
-    description?: string;
+    description?: string | React.ReactNode;
     type?: AlertType;
     button?: React.ReactNode;
     plain?: boolean;

package/dist/components/avatarIndicator/index.d.ts

@@ -1,6 +1,5 @@
-interface IAvatarIndicator {
+interface IAvatarIndicator extends React.HTMLAttributes<HTMLDivElement> {
     indicatorCount?: number;
-    className?: string;
 }
-export declare const AvatarIndicator: ({ indicatorCount, className }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
+export declare const AvatarIndicator: ({ indicatorCount, className, ...props }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/index.cjs

@@ -245,7 +245,7 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 	};
 	const config = typeConfig[type];
 	const { bg, iconColor, Icon } = config;
-	const descriptionId = description ? `alert-desc` : undefined;
+	const descriptionId = description ? "alert-desc" : undefined;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		role: "alert",
 		"aria-live": "assertive",
@@ -274,11 +274,15 @@ const Alert = ({ show, title, description, type = "warning", button, plain = fal
 						children: title
 					})]
 				}),
-				description && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
+				description && (typeof description === "string" ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)("p", {
 					id: descriptionId,
 					className: "text-sm text-color-gray-900",
 					children: description
-				}),
+				}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+					id: descriptionId,
+					className: "text-sm text-color-gray-900",
+					children: description
+				})),
 				button && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", { children: button })
 			]
 		}), closable && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("button", {
@@ -646,12 +650,13 @@ Avatar.displayName = "Avatar";
 
 //#endregion
 //#region src/components/avatarIndicator/index.tsx
-const AvatarIndicator = ({ indicatorCount, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-	className: cn("inline-flex h-5 min-w-5 flex-col items-center justify-center gap-2.5 rounded border-2 border-solid border-white bg-blue-950 px-1.5", className),
+const AvatarIndicator = ({ indicatorCount, className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+	className: cn("grid h-5 min-w-5 w-fit flex-col place-content-center items-center justify-center rounded-full bg-white px-0.5", className),
 	"data-component": "AvatarIndicator",
 	"data-testid": "AvatarIndicator",
+	...props,
 	children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-		className: "font-['Gotham'] text-[10px] leading-[10px] font-bold text-white",
+		className: "font-['Gotham'] text-[10px] leading-[10px] text-black",
 		children: `+${indicatorCount}`
 	})
 });