react-asc 18.9.0 → 18.9.4

package/components/Grid/Column/Column.d.ts

@@ -1,7 +1,5 @@
-import { ReactNode } from 'react';
-interface IColProps {
-    children?: ReactNode;
-    className?: string;
+import React from 'react';
+interface IColProps extends React.ComponentProps<"div"> {
     xs?: number;
     sm?: number;
     md?: number;

package/components/Grid/Row/Row.d.ts

@@ -1,7 +1,2 @@
-import { ReactNode } from 'react';
-interface IRowProps {
-    children?: ReactNode;
-    className?: string;
-}
-export declare const Row: (props: IRowProps) => JSX.Element;
-export {};
+import React from 'react';
+export declare const Row: (props: React.ComponentProps<"div">) => JSX.Element;

package/components/IconButton/IconButton.d.ts

@@ -1,12 +1,10 @@
 import React from 'react';
 import { COLOR, SIZE, VARIANT } from '../component.enums';
-export interface IIconButtonProps extends React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement> {
+export interface IIconButtonProps extends React.ComponentProps<"button"> {
     icon?: React.SVGProps<SVGSVGElement>;
-    label?: string;
     color?: COLOR;
     size?: SIZE;
     isActive?: boolean;
-    disabled?: boolean;
     variant?: VARIANT;
     shadow?: boolean;
 }

package/components/Link/Link.d.ts

@@ -1,7 +1,2 @@
-import React, { ReactNode } from 'react';
-export interface ILinkProps extends React.DetailedHTMLProps<React.HtmlHTMLAttributes<HTMLLinkElement>, HTMLLinkElement> {
-    url?: string;
-    children?: ReactNode;
-    target?: string;
-}
-export declare const Link: (props: ILinkProps) => JSX.Element;
+import React from 'react';
+export declare const Link: (props: React.ComponentProps<"a">) => JSX.Element;

package/components/List/List.d.ts

@@ -1,8 +1,5 @@
-import { ReactElement } from 'react';
-import { IListItemProps } from './ListItem';
-export interface IListProps {
-    children?: ReactElement<IListItemProps> | Array<ReactElement<IListItemProps>>;
-    className?: string;
+import React from 'react';
+export interface IListProps extends React.ComponentProps<"ul"> {
     isFlush?: boolean;
 }
 export declare const List: (props: IListProps) => JSX.Element;

package/components/List/ListItem.d.ts

@@ -1,13 +1,9 @@
-import React, { ReactNode } from 'react';
+import React from 'react';
 import { COLOR } from '../component.enums';
-export interface IListItemProps {
-    id?: string;
-    children?: ReactNode;
+export interface IListItemProps extends React.ComponentProps<"li"> {
     color?: COLOR;
     active?: boolean;
-    className?: string;
     isHoverable?: boolean;
     disabled?: boolean;
-    onClick?: (e: React.MouseEvent) => void;
 }
 export declare const ListItem: (props: IListItemProps) => JSX.Element;

package/components/List/ListItemAction.d.ts

@@ -1,7 +1,2 @@
-import React, { ReactNode } from 'react';
-interface IListItemActionProps {
-    children?: ReactNode;
-    onClick?: (e: React.MouseEvent) => void;
-}
-export declare const ListItemAction: ({ children, onClick }: IListItemActionProps) => JSX.Element;
-export {};
+import React from 'react';
+export declare const ListItemAction: ({ children, onClick, ...rest }: React.ComponentProps<"div">) => JSX.Element;

package/components/List/ListItemAvatar.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-interface IListItemAvatarProps {
+interface IListItemAvatarProps extends React.ComponentProps<"div"> {
     avatar: React.SVGProps<SVGSVGElement> | React.ImgHTMLAttributes<HTMLImageElement>;
 }
-export declare const ListItemAvatar: ({ avatar }: IListItemAvatarProps) => JSX.Element;
+export declare const ListItemAvatar: ({ avatar, ...rest }: IListItemAvatarProps) => JSX.Element;
 export {};

package/components/List/ListItemIcon.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-interface IListItemIconProps {
+interface IListItemIconProps extends React.ComponentProps<"div"> {
     icon: React.SVGProps<SVGSVGElement>;
 }
-export declare const ListItemIcon: ({ icon }: IListItemIconProps) => JSX.Element;
+export declare const ListItemIcon: ({ icon, ...rest }: IListItemIconProps) => JSX.Element;
 export {};

package/components/List/ListItemText.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from 'react';
-interface IListItemTextProps {
+import React, { ReactNode } from 'react';
+interface IListItemTextProps extends React.ComponentProps<"div"> {
     primary: ReactNode;
     secondary?: ReactNode;
 }
-export declare const ListItemText: ({ primary, secondary }: IListItemTextProps) => JSX.Element;
+export declare const ListItemText: ({ primary, secondary, ...rest }: IListItemTextProps) => JSX.Element;
 export {};