@atxp/design-system 0.2.0 → 0.2.2
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/index.cjs +2 -2
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +5 -0
- package/dist/index.d.ts +5 -0
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/dist/index.d.cts
CHANGED
|
@@ -180,6 +180,11 @@ interface AvatarGroupItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
|
|
|
180
180
|
* Whether to show a presence indicator (green dot)
|
|
181
181
|
*/
|
|
182
182
|
showPresence?: boolean;
|
|
183
|
+
/**
|
|
184
|
+
* Classes for the fallback background/text (e.g., bg-indigo-500 text-white)
|
|
185
|
+
* Defaults to bg-muted text-foreground if not provided
|
|
186
|
+
*/
|
|
187
|
+
fallbackClassName?: string;
|
|
183
188
|
}
|
|
184
189
|
declare const AvatarGroupItem: React.ForwardRefExoticComponent<AvatarGroupItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
185
190
|
|
package/dist/index.d.ts
CHANGED
|
@@ -180,6 +180,11 @@ interface AvatarGroupItemProps extends Omit<React.HTMLAttributes<HTMLDivElement>
|
|
|
180
180
|
* Whether to show a presence indicator (green dot)
|
|
181
181
|
*/
|
|
182
182
|
showPresence?: boolean;
|
|
183
|
+
/**
|
|
184
|
+
* Classes for the fallback background/text (e.g., bg-indigo-500 text-white)
|
|
185
|
+
* Defaults to bg-muted text-foreground if not provided
|
|
186
|
+
*/
|
|
187
|
+
fallbackClassName?: string;
|
|
183
188
|
}
|
|
184
189
|
declare const AvatarGroupItem: React.ForwardRefExoticComponent<AvatarGroupItemProps & React.RefAttributes<HTMLDivElement>>;
|
|
185
190
|
|
package/dist/index.js
CHANGED
|
@@ -289,11 +289,11 @@ var AvatarGroup = React5.forwardRef(
|
|
|
289
289
|
);
|
|
290
290
|
AvatarGroup.displayName = "AvatarGroup";
|
|
291
291
|
var AvatarGroupItem = React5.forwardRef(
|
|
292
|
-
({ className, src, alt, fallback, showPresence, ...props }, ref) => {
|
|
292
|
+
({ className, fallbackClassName, src, alt, fallback, showPresence, ...props }, ref) => {
|
|
293
293
|
return /* @__PURE__ */ jsxs3("div", { ref, className: "relative h-[inherit] w-[inherit]", ...props, children: [
|
|
294
294
|
/* @__PURE__ */ jsxs3(Avatar, { className: cn("h-full w-full border border-input", className), children: [
|
|
295
295
|
src && /* @__PURE__ */ jsx5(AvatarImage, { src, alt }),
|
|
296
|
-
/* @__PURE__ */ jsx5(AvatarFallback, { className: cn("font-semibold",
|
|
296
|
+
/* @__PURE__ */ jsx5(AvatarFallback, { className: cn("font-semibold", fallbackClassName), children: fallback })
|
|
297
297
|
] }),
|
|
298
298
|
showPresence && /* @__PURE__ */ jsx5(
|
|
299
299
|
"span",
|