@useloops/design-system 1.4.36 → 1.4.40

package/dist/index.d.ts

@@ -1,12 +1,13 @@
 import * as react from 'react';
 import { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, Dispatch, SetStateAction } from 'react';
 import * as _mui_material from '@mui/material';
-import { AvatarGroupProps as AvatarGroupProps$1, SxProps, CheckboxProps as CheckboxProps$1, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, ButtonGroupProps, LinkProps as LinkProps$1, MenuItemProps, SelectProps as SelectProps$1, PaperProps, SwitchProps as SwitchProps$1, TextFieldProps as TextFieldProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
+import { AvatarGroupProps as AvatarGroupProps$1, SxProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, ButtonGroupProps, LinkProps as LinkProps$1, MenuItemProps, SelectProps as SelectProps$1, PaperProps, SwitchProps as SwitchProps$1, TextFieldProps as TextFieldProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { UniqueIdentifier } from '@dnd-kit/core';
 import { Theme as Theme$1 } from '@mui/material/styles';
-import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
+import { SxProps as SxProps$1, Theme as Theme$2 } from '@mui/system';
+import * as _emotion_styled from '@emotion/styled';
 import * as _mui_material_OverridableComponent from '@mui/material/OverridableComponent';
 import { SubmitHandler } from 'react-hook-form';
 
@@ -198,6 +199,11 @@ type GenericSizeMap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 
 type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
 
+interface ButtonBaseProps extends ButtonProps$1 {
+    loading?: boolean;
+    sizing: any;
+}
+
 interface ButtonProps {
     loading?: boolean;
     variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
@@ -209,8 +215,8 @@ interface ButtonProps {
     href?: string;
     endIcon?: ReactElement;
     startIcon?: ReactElement;
-    children: ReactElement | string;
-    onClick?: () => void;
+    children: ButtonBaseProps['children'];
+    onClick?: ButtonBaseProps['onClick'];
     type?: 'button' | 'submit' | 'reset';
 }
 declare const Button: FunctionComponent<ButtonProps>;
@@ -261,7 +267,7 @@ declare const CheckboxGroup: FunctionComponent<CheckboxGroupProps>;
 
 interface ColorBackgroundContainerProps {
     sx?: SxProps;
-    children: ReactElement;
+    children: ContainerProps['children'];
     texture?: 'none' | 'noise1';
     gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
 }
@@ -344,15 +350,22 @@ type IconButtonSizing = 'lg' | 'md';
 type IconButtonShapeMap = 'default' | 'round';
 type IconButtonVariation = 'default' | 'toggle' | 'outlined' | 'raised';
 
+interface StyledIconButtonProps extends IconButtonProps$1 {
+    variation?: IconButtonVariation;
+    shape?: IconButtonShapeMap;
+    sizing?: IconButtonSizing;
+    loading?: boolean;
+}
+
 interface IconButtonProps {
     variation?: IconButtonVariation;
     shape?: IconButtonShapeMap;
     sizing?: IconButtonSizing;
     icon: ReactElement;
     loading?: boolean;
-    edge?: 'start' | 'end';
-    children?: ReactNode | string;
-    onClick?: () => void;
+    edge?: 'start' | 'end' | false;
+    children?: StyledIconButtonProps['children'];
+    onClick?: StyledIconButtonProps['onClick'];
     disabled?: boolean;
     ref?: React.Ref<HTMLButtonElement>;
     id?: string;
@@ -410,7 +423,22 @@ interface LikertProps {
 }
 declare const Likert: FunctionComponent<LikertProps>;
 
-interface LinkProps extends LinkProps$1 {
+interface StyledLinkProps extends LinkProps$1 {
+    disabled?: boolean | undefined;
+}
+
+interface LinkProps {
+    children: React.ReactNode;
+    href?: string;
+    target?: string;
+    onClick?: StyledLinkProps['onClick'];
+    disabled?: boolean;
+    sx?: SxProps$1<Theme$2>;
+    underline?: "none" | "hover" | "always" | undefined;
+    noWrap?: boolean;
+    component?: any;
+    rel?: any;
+    title?: string;
 }
 declare const Link: FunctionComponent<LinkProps>;