@lumx/react 2.1.2 → 2.1.6-alpha.0

package/types.d.ts

@@ -440,6 +440,10 @@ export interface AvatarProps extends GenericProps {
 	theme?: Theme;
 	/** Props to pass to the thumbnail (minus those already set by the Avatar props). */
 	thumbnailProps?: Omit<ThumbnailProps, "image" | "alt" | "size" | "theme" | "align" | "fillHeight" | "variant" | "aspectRatio">;
+	/** Props to pass to the link wrapping the thumbnail. */
+	linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+	/** Custom react component for the link (can be used to inject react router Link). */
+	linkAs?: "a" | any;
 }
 /**
  * Avatar component.
@@ -1245,6 +1249,10 @@ export interface ThumbnailProps extends GenericProps {
 	theme?: Theme;
 	/** Variant of the component. */
 	variant?: ThumbnailVariant;
+	/** Props to pass to the link wrapping the thumbnail. */
+	linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+	/** Custom react component for the link (can be used to inject react router Link). */
+	linkAs?: "a" | any;
 }
 /**
  * Thumbnail component.
@@ -1487,6 +1495,8 @@ export interface ListItemProps extends GenericProps {
 	isHighlighted?: boolean;
 	/** Whether the component is selected or not. */
 	isSelected?: boolean;
+	/** Whether link/button is disabled or not. */
+	isDisabled?: boolean;
 	/** Reference to the <li> element. */
 	listItemRef?: Ref<HTMLLIElement>;
 	/** Custom react component for the link (can be used to inject react router Link). */
@@ -2519,6 +2529,10 @@ export declare type UserBlockSize = Extract<Size, "s" | "m" | "l">;
 export interface UserBlockProps extends GenericProps {
 	/** Props to pass to the avatar. */
 	avatarProps?: AvatarProps;
+	/** Props to pass to the link wrapping the avatar thumbnail. */
+	linkProps?: React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
+	/** Custom react component for the link (can be used to inject react router Link). */
+	linkAs?: "a" | any;
 	/** Simple action toolbar content. */
 	simpleAction?: ReactNode;
 	/** Multiple action toolbar content. */