@useloops/design-system 1.4.277 → 1.4.278

package/dist/index.d.ts

@@ -1,7 +1,7 @@
 import * as _mui_material from '@mui/material';
-import { SxProps, Theme, PaperProps, PopperProps as PopperProps$1, CSSObject, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, PaletteMode, Direction } from '@mui/material';
+import { SxProps, Theme, PaperProps, PopperProps as PopperProps$1, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, BoxProps, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react from 'react';
-import react__default, { FunctionComponent, PropsWithChildren, FC, ReactNode, Dispatch, SetStateAction, ReactElement, ChangeEvent } from 'react';
+import react__default, { PropsWithChildren, FC, FunctionComponent, ReactNode, Dispatch, SetStateAction, ReactElement, ChangeEvent } from 'react';
 import { PopupState } from 'material-ui-popup-state/hooks';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { SubmitHandler } from 'react-hook-form';
@@ -509,7 +509,7 @@ interface IconProps {
     size?: number;
     sx?: SxProps<Theme>;
 }
-declare const Icon: FunctionComponent<IconProps>;
+declare const Icon: react.ForwardRefExoticComponent<IconProps & react.RefAttributes<SVGSVGElement>>;
 
 type IconName = 'brand-wordmark' | 'brand-logomark' | 'menu' | 'menu-open' | 'chevron-up' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'arrow-left' | 'arrow-right' | 'search' | 'close' | 'more-horizontal' | 'more-vertical' | 'home' | 'home-filled' | 'settings' | 'controls' | 'help' | 'filter-list' | 'open-in-new' | 'nav-toggle' | 'nav-collapse' | 'nav-expand' | 'expand-window' | 'reduce-window' | 'play-circle' | 'play-video' | 'email' | 'document' | 'folder' | 'attach-file' | 'save' | 'image' | 'image-add' | 'image-search' | 'image-no' | 'upload' | 'upload-cloud' | 'upload-cloud-filled' | 'time' | 'time-filled' | 'zoom-in' | 'zoom-out' | 'add' | 'remove' | 'dashboard' | 'list-view' | 'grid-view' | 'grid-view-filled' | 'grid-view-small' | 'grid-view-large' | 'eye' | 'eye-off' | 'notification' | 'pound' | 'euro' | 'dollar' | 'play' | 'pause' | 'stop' | 'shuffle' | 'replay' | 'volume-mute' | 'volume-high' | 'volume-low' | 'test' | 'test-pending' | 'test-edit' | 'data-bar' | 'send' | 'comment' | 'comment-filled' | 'chat' | 'microphone' | 'keyboard' | 'error' | 'warning' | 'lightbulb' | 'thumb-up' | 'info' | 'info-filled' | 'cancel' | 'compress' | 'expand' | 'unfold' | 'drag-handle' | 'focus' | 'drag-select' | 'lock' | 'copy' | 'edit' | 'delete' | 'check' | 'check-circle' | 'check-circle-filled' | 'alert-dot' | 'pin' | 'pin-filled' | 'star' | 'star-half' | 'star-filled' | 'thumbs-up-down' | 'emoticon' | 'linear-scale' | 'check-double' | 'rank' | 'ai' | 'work' | 'gift' | 'social-medium-single-colour' | 'social-linkedin-single-colour' | 'social-youtube-single-colour' | 'social-linkedin-full-colour' | 'social-google-full-colour' | 'badge-tick' | 'badge-tick-in-circle' | 'badge-cross' | 'badge-cross-in-circle' | 'badge-hyphen' | 'badge-hyphen-in-circle' | 'badge-question' | 'badge-question-in-circle';
 
@@ -1000,12 +1000,8 @@ interface AuthFormHeaderProps {
 }
 declare const AuthFormHeader: FunctionComponent<AuthFormHeaderProps>;
 
-interface AvatarProps {
-    alt?: string;
-    children?: ReactElement;
-    className?: string;
-    sizing?: 'sm' | 'lg';
-    src?: string;
+interface AvatarProps extends AvatarProps$1 {
+    sizing?: 'xs' | 'sm' | 'lg';
 }
 declare const Avatar: FunctionComponent<AvatarProps>;
 
@@ -1327,13 +1323,12 @@ interface IconButtonBaseProps extends IconButtonProps$1 {
 }
 declare const IconButtonBase: ({ children, ...rest }: IconButtonBaseProps) => react_jsx_runtime.JSX.Element;
 
-interface TooltipProps extends PropsWithChildren {
+interface TooltipProps extends Omit<TooltipProps$1, 'title' | 'slotProps'> {
     message: TooltipProps$1['title'];
     variation?: 'primary';
-    placement?: TooltipProps$1['placement'];
-    sx?: TooltipProps$1['sx'];
-    slots?: TooltipProps$1['slots'];
-    slotProps?: TooltipProps$1['slotProps'];
+    slotProps?: TooltipProps$1['slotProps'] & {
+        wrapper?: BoxProps;
+    };
 }
 declare const Tooltip: FunctionComponent<TooltipProps>;
 
@@ -1503,7 +1498,7 @@ interface StyledChipProps extends ChipProps {
 interface PillProps extends Omit<StyledChipProps, 'size' | 'color' | 'label' | 'children'> {
     body: string;
 }
-declare const Pill: FunctionComponent<PillProps>;
+declare const Pill: react.ForwardRefExoticComponent<Omit<PillProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
 
 declare const PoweredByWatermarkLogo: () => react_jsx_runtime.JSX.Element;