@useloops/design-system 1.4.150 → 1.4.152

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import react, { ReactElement, FunctionComponent, ChangeEvent, PropsWithChildren, ReactNode, FC, Dispatch, SetStateAction } from 'react';
 import * as _mui_material from '@mui/material';
-import { AvatarGroupProps as AvatarGroupProps$1, SxProps, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps, MenuItemProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, SelectProps as SelectProps$1, SelectChangeEvent, PaperProps, SwitchProps as SwitchProps$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, MenuProps, MenuItemProps, FormControlLabelProps as FormControlLabelProps$1, Theme, Breakpoint, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, SelectProps as SelectProps$1, SelectChangeEvent, PaperProps, SwitchProps as SwitchProps$1, TypographyProps as TypographyProps$1, PaletteMode, Direction } from '@mui/material';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _emotion_styled from '@emotion/styled';
 import * as _mui_system from '@mui/system';
@@ -181,11 +181,11 @@ interface AuthFormHeaderProps {
 declare const AuthFormHeader: FunctionComponent<AuthFormHeaderProps>;
 
 interface AvatarProps {
-    variation?: 'sm' | 'lg';
-    src?: string;
     alt?: string;
-    className?: string;
     children?: ReactElement;
+    className?: string;
+    sizing?: 'sm' | 'lg';
+    src?: string;
 }
 declare const Avatar: FunctionComponent<AvatarProps>;
 
@@ -196,7 +196,7 @@ interface AvatarGroupProps extends AvatarGroupProps$1 {
 }
 declare const AvatarGroup: FunctionComponent<AvatarGroupProps>;
 
-type GenericSizeMap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type GenericSizeMap = 'none' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
 
 type ButtonSizing = Exclude<GenericSizeMap, 'none'>;
 
@@ -350,12 +350,19 @@ interface HtmlProps {
 declare const Html: FunctionComponent<HtmlProps>;
 
 interface IconProps {
-    name: 'arrow-forward' | 'expand-more' | 'close' | 'play' | 'positive' | 'negative' | 'neutral' | 'info' | 'check-circle' | 'error-outline' | 'lightbulb' | 'warning-amber' | 'access-time' | 'linkedin' | 'medium' | 'menu' | 'unfold-more' | 'navigation-arrow' | 'lock' | 'loopsOfficial' | 'google' | 'linkedin-color' | 'check' | 'dash' | 'gift' | 'push-left' | 'push-right' | 'star' | 'open-in-new' | 'notification' | 'chevron-right' | 'check-thin' | 'home' | 'folder' | 'help' | string;
+    name: 'access-time' | 'arrow-forward' | 'check-circle' | 'check-thin' | 'check' | 'chevron-right' | 'close' | 'dash' | 'error-outline' | 'expand-more' | 'folder' | 'gift' | 'google' | 'help' | 'home' | 'info' | 'lightbulb' | 'linkedin-color' | 'linkedin' | 'lock' | 'loopsOfficial' | 'medium' | 'menu' | 'navigation-arrow' | 'negative' | 'neutral' | 'notification' | 'open-in-new' | 'play' | 'positive' | 'push-left' | 'push-right' | 'settings' | 'star' | 'unfold-more' | 'warning-amber' | string;
     size?: number;
     sx?: SxProps;
 }
 declare const Icon: FunctionComponent<IconProps>;
 
+interface TooltipProps extends PropsWithChildren {
+    message: TooltipProps$1['title'];
+    variation?: 'primary';
+    placement?: TooltipProps$1['placement'];
+}
+declare const Tooltip: FunctionComponent<TooltipProps>;
+
 type IconButtonSizing = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
 type IconButtonShapeMap = 'default' | 'round';
 type IconButtonVariation = 'default' | 'toggle' | 'outlined' | 'raised';
@@ -367,13 +374,6 @@ interface StyledIconButtonProps extends IconButtonProps$1 {
     loading?: boolean;
 }
 
-interface TooltipProps extends PropsWithChildren {
-    message: TooltipProps$1['title'];
-    variation?: 'primary';
-    placement?: TooltipProps$1['placement'];
-}
-declare const Tooltip: FunctionComponent<TooltipProps>;
-
 interface IconButtonProps {
     variation?: IconButtonVariation;
     shape?: IconButtonShapeMap;
@@ -475,22 +475,27 @@ declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
 
 declare const Markdown: (props: MuiMarkdownProps) => react_jsx_runtime.JSX.Element;
 
-interface NavButtonProps {
+type NavigationSizing = 'sm' | 'lg';
+
+type MenuButtonSizing = 'sm' | 'md' | 'lg';
+interface MenuButtonProps {
     active?: boolean;
+    danger?: boolean;
+    fullWidth?: boolean;
     href?: string;
     icon?: string;
     label: string;
+    navigationSizing: NavigationSizing;
     onClick?: () => void;
-    variation?: 'sm' | 'lg';
+    sizing?: MenuButtonSizing;
 }
-declare const NavButton: FunctionComponent<NavButtonProps>;
+declare const MenuButton: FunctionComponent<MenuButtonProps>;
 
-type NudgeVariation = 'sm' | 'lg';
 interface NudgeProps extends PropsWithChildren {
     description: string;
     notification?: boolean;
     title: string;
-    variation?: NudgeVariation;
+    navigationSizing: NavigationSizing;
 }
 declare const Nudge: FunctionComponent<NudgeProps>;
 
@@ -714,10 +719,11 @@ type TextareaProps = InputFieldBaseProps & {
 declare const Textarea: FunctionComponent<TextareaProps>;
 
 interface TypographyProps {
-    variation: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    clamp?: number;
     component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
+    type?: 'default' | 'button';
+    variation: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     weight?: 'default' | 'bold';
-    clamp?: number;
 }
 declare const Typography: FunctionComponent<TypographyProps & TypographyProps$1>;
 
@@ -745,19 +751,19 @@ interface ToastProps {
 }
 declare const Toast: FunctionComponent<ToastProps>;
 
-interface MenuItem {
-    children?: MenuItem[];
-    danger?: boolean;
-    onClick?: () => void;
-    selected?: boolean;
-    title: string;
-}
 interface UserMenuProps extends PropsWithChildren {
     avatar?: string;
     email: string;
     menuItems?: MenuItem[];
     name: string;
-    variation?: 'sm' | 'lg';
+    navigationSizing: NavigationSizing;
+}
+interface MenuItem {
+    children?: MenuItem[];
+    danger?: boolean;
+    label: string;
+    onClick?: () => void;
+    selected?: boolean;
 }
 declare const UserMenu: FunctionComponent<UserMenuProps>;
 
@@ -1294,4 +1300,4 @@ declare module '@mui/system' {
     }
 }
 
-export { AnnualController, type AnnualControllerProps, AuthContainerSurface, type AuthContainerSurfaceProps, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, Markdown, NavButton, type NavButtonProps, Nudge, type NudgeProps, NumberField, type NumberFieldProps, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation, useDropdownMenu };
+export { AnnualController, type AnnualControllerProps, AuthContainerSurface, type AuthContainerSurfaceProps, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Button, type ButtonProps, CheckboxGroup as CheckBoxGroup, Checkbox, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, GridOverlay, type GridOverlayProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, type IconButtonProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, Markdown, MenuButton, type MenuButtonProps, Nudge, type NudgeProps, NumberField, type NumberFieldProps, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Portal, type PortalProps, PoweredByWatermarkLogo, Progress, type ProgressProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, Select, type SelectProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Textarea as TextArea, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, chooseArticle, defaultInputValidation, emailValidation, passwordValidation, useDropdownMenu };