@youngonesworks/ui 0.1.43 → 0.1.45

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

@@ -21,7 +21,7 @@ interface IBadgeProps {
     badgeBorder?: boolean;
 }
 export declare const Badge: {
-    ({ styleVariant, className, favorite, mobile, badgeBorder, fullWidth, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
+    ({ styleVariant, className, favorite, mobile, badgeBorder, fullWidth, leftSection, rightSection, children, ...props }: IBadgeProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/index.cjs

@@ -103268,7 +103268,7 @@ const AvatarIndicator = ({ indicatorCount, className }) => /* @__PURE__ */ (0, r
 
 //#endregion
 //#region src/components/badge/index.tsx
-const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile = false, badgeBorder = false, fullWidth = false, leftSection, rightSection, children,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
 	"data-testid": "badge",
 	"data-component": "Badge",
 	className: clsx_default("inline-flex h-[1.375rem] max-w-full place-content-center items-center p-[10px] align-middle text-xs leading-[20px] font-medium tracking-wide text-wrap whitespace-normal normal-case", mobile ? "rounded-s" : "rounded-[2rem]", fullWidth && "w-full", badgeBorder && {
@@ -103295,18 +103295,18 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, mobile =
 	}, className),
 	...props,
 	children: [
-		props.leftSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		leftSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "left-section",
-			children: props.leftSection
+			children: leftSection
 		}),
 		/* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			"data-testid": "badge-content",
 			className: cn("block h-5 overflow-hidden text-ellipsis whitespace-nowrap", { "flex items-center": favorite }),
-			children: props.children
+			children
 		}),
-		props.rightSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		rightSection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 			"data-testid": "right-section",
-			children: props.rightSection
+			children: rightSection
 		})
 	]
 });
@@ -109915,8 +109915,10 @@ const Rating = ({ rating, ratings, size: size$3 = "normal", setReview, className
 				}, index$4))
 			}),
 			setReview && /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
-				className: "mt-4 inline-flex flex-col items-start",
+				"data-testid": "small-stars-container",
+				className: "mt-4 flex flex-col gap-2",
 				children: ratings.map(({ value, label }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("span", {
+					"data-testid": `small-star-item-${value}`,
 					className: "flex w-auto cursor-pointer items-center gap-1",
 					onMouseEnter: () => setHoveredSmallStars(value),
 					onMouseLeave: () => setHoveredSmallStars(0),
@@ -116027,9 +116029,9 @@ const TabsBadge = ({ children }) => {
 	const isCircular = typeof children === "number" && children <= 9 || typeof children === "string" && children.length === 1 || false;
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
 		"data-testid": "tabs-badge",
-		className: clsx_default("bg-pink h-5 text-xs leading-5 font-medium text-white", {
-			"rounded-full w-5 text-center": isCircular,
-			"rounded px-2": !isCircular
+		className: clsx_default("bg-pink h-5 rounded-full text-xs leading-5 font-medium text-white", {
+			"w-5 text-center": isCircular,
+			"px-2": !isCircular
 		}),
 		children
 	});
@@ -116279,7 +116281,8 @@ const Tooltip = ({ content, children, passedOpen = false, size: size$3 = "md", v
 				height: 17,
 				tipRadius: 1,
 				fill: "white",
-				className: "drop-shadow-xl"
+				className: "drop-shadow-xl",
+				"data-testid": "tooltip-arrow"
 			}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FloatingArrow, {
 				ref: arrowRef,
 				context,
@@ -116287,7 +116290,8 @@ const Tooltip = ({ content, children, passedOpen = false, size: size$3 = "md", v
 				height: 6,
 				tipRadius: 1,
 				fill: "white",
-				className: "drop-shadow-xl"
+				className: "drop-shadow-xl",
+				"data-testid": "tooltip-arrow"
 			})]
 		})
 	})] });