@useloops/design-system 1.4.129 → 1.4.130

package/dist/index.d.ts

@@ -468,6 +468,16 @@ declare const Loader: FunctionComponent<LoaderProps>;
 
 declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
 
+interface NavButtonProps {
+    active?: boolean;
+    href?: string;
+    icon?: string;
+    label: string;
+    onClick?: () => void;
+    variation?: 'sm' | 'lg';
+}
+declare const NavButton: FunctionComponent<NavButtonProps>;
+
 type NumberFieldProps = InputFieldBaseProps$1 & {
     hideActionButtons?: boolean;
     max?: number;
@@ -680,7 +690,7 @@ type TextareaProps = InputFieldBaseProps & {
 declare const Textarea: FunctionComponent<TextareaProps>;
 
 interface TypographyProps {
-    variation: 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
+    variation: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
     component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
     weight?: 'default' | 'bold';
     clamp?: number;
@@ -711,6 +721,22 @@ 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';
+}
+declare const UserMenu: FunctionComponent<UserMenuProps>;
+
 interface BackgroundOptions {
     texture?: 'none' | 'noise1';
     gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone4';
@@ -1267,4 +1293,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, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, 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, 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, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, NavButton, type NavButtonProps, 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 };