@youngonesworks/ui 1.0.7 → 1.0.9

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

@@ -1,5 +1,5 @@
 interface IBadgeProps {
-    styleVariant?: 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'dark-gray' | 'purple' | 'secondary' | 'secondary-light' | 'gray' | 'white';
+    styleVariant?: 'primary' | 'green-light' | 'red' | 'accent-blue' | 'warning' | 'gray' | 'black' | 'dark-gray' | 'purple' | 'purple-light' | 'secondary' | 'secondary-light' | 'gray' | 'white';
     color?: 'dark' | 'gray' | 'red' | 'secondary' | 'grape' | 'violet' | 'indigo' | 'blue' | 'cyan' | 'green' | 'lime' | 'yellow' | 'orange' | 'teal';
     favorite?: boolean;
     children?: React.ReactNode;

package/dist/hooks/useMergeRefs.d.ts

@@ -1,2 +1,2 @@
-import { Ref, RefCallback } from 'react';
+import { type Ref, type RefCallback } from 'react';
 export declare function useMergeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T>;

package/dist/index.cjs

@@ -752,19 +752,21 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children
 			"bg-accent-blue-light text-accent-blue": styleVariant === COLOR.ACCENT_BLUE,
 			"bg-green-light text-green": styleVariant === COLOR.GREEN_LIGHT,
 			"bg-red-50 text-red-500": styleVariant === COLOR.RED,
-			"bg-purple-light text-purple": styleVariant === COLOR.PURPLE,
+			"bg-purple-light text-black border border-purple": styleVariant === COLOR.PURPLE,
+			"bg-purple-light text-purple": styleVariant === COLOR.PURPLE_LIGHT,
 			"bg-warning-light text-warning": styleVariant === COLOR.WARNING,
 			"bg-gray-50 text-black": styleVariant === COLOR.DARK_GRAY,
 			"bg-black text-white": styleVariant === COLOR.BLACK,
 			"bg-gray-50 text-gray-800": styleVariant === COLOR.GRAY,
 			"bg-secondary-light text-secondary": styleVariant === COLOR.SECONDARY_LIGHT,
 			"bg-secondary text-white": styleVariant === COLOR.SECONDARY,
-			"bg-white text-black": styleVariant === COLOR.WHITE
+			"bg-white text-black": styleVariant === COLOR.WHITE,
+			"bg-turquoise-50 text-black border border-primary": styleVariant === COLOR.PRIMARY
 		}, className),
 		...props,
 		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
 			"data-testid": "badge-content",
-			className: cn("block h-5 overflow-hidden text-ellipsis whitespace-nowrap text-inherit", { "flex items-center": favorite }),
+			className: cn("block h-[22px] overflow-hidden text-ellipsis whitespace-nowrap text-inherit", { "flex items-center": favorite }),
 			children
 		})
 	});