@youngonesworks/ui 0.1.99 → 0.1.101
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/avatarIndicator/index.d.ts +2 -3
- package/dist/index.cjs +5 -4
- package/dist/index.cjs.map +1 -1
- package/dist/index.js +5 -4
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
interface IAvatarIndicator {
|
|
1
|
+
interface IAvatarIndicator extends React.HTMLAttributes<HTMLDivElement> {
|
|
2
2
|
indicatorCount?: number;
|
|
3
|
-
className?: string;
|
|
4
3
|
}
|
|
5
|
-
export declare const AvatarIndicator: ({ indicatorCount, className }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export declare const AvatarIndicator: ({ indicatorCount, className, ...props }: IAvatarIndicator) => import("react/jsx-runtime").JSX.Element;
|
|
6
5
|
export {};
|
package/dist/index.cjs
CHANGED
|
@@ -646,12 +646,13 @@ Avatar.displayName = "Avatar";
|
|
|
646
646
|
|
|
647
647
|
//#endregion
|
|
648
648
|
//#region src/components/avatarIndicator/index.tsx
|
|
649
|
-
const AvatarIndicator = ({ indicatorCount, className }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
650
|
-
className: cn("
|
|
649
|
+
const AvatarIndicator = ({ indicatorCount, className,...props }) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
650
|
+
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),
|
|
651
651
|
"data-component": "AvatarIndicator",
|
|
652
652
|
"data-testid": "AvatarIndicator",
|
|
653
|
+
...props,
|
|
653
654
|
children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
|
|
654
|
-
className: "font-['Gotham'] text-[10px] leading-[10px]
|
|
655
|
+
className: "font-['Gotham'] text-[10px] leading-[10px] text-black",
|
|
655
656
|
children: `+${indicatorCount}`
|
|
656
657
|
})
|
|
657
658
|
});
|
|
@@ -663,7 +664,7 @@ const Badge = ({ styleVariant = COLOR.ACCENT_BLUE, className, favorite, children
|
|
|
663
664
|
return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", {
|
|
664
665
|
"data-testid": "badge",
|
|
665
666
|
"data-component": "Badge",
|
|
666
|
-
className: (
|
|
667
|
+
className: cn("inline-flex max-w-full place-content-center items-center px-2.5 align-middle text-xs leading-[20px] font-medium tracking-wide text-wrap whitespace-normal normal-case rounded-sm", {
|
|
667
668
|
"bg-accent-blue-light text-accent-blue": styleVariant === COLOR.ACCENT_BLUE,
|
|
668
669
|
"bg-green-light text-green": styleVariant === COLOR.GREEN_LIGHT,
|
|
669
670
|
"bg-red-50 text-red-500": styleVariant === COLOR.RED,
|