@useloops/design-system 1.4.178 → 1.4.180
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/esm/index.js +4 -4
- package/dist/index.d.ts +23 -12
- package/dist/index.js +4 -4
- package/package.json +3 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as _mui_material from '@mui/material';
|
|
2
|
-
import { SxProps, Theme, PaperProps, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$2, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$1,
|
|
2
|
+
import { SxProps, Theme, PaperProps, AvatarGroupProps as AvatarGroupProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$2, FormControlLabelProps as FormControlLabelProps$1, Breakpoint, TypographyProps as TypographyProps$1, TooltipProps as TooltipProps$1, IconButtonProps as IconButtonProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, LinkProps as LinkProps$1, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SwitchProps as SwitchProps$1, PaletteMode, Direction } from '@mui/material';
|
|
3
3
|
import react, { FunctionComponent, PropsWithChildren, FC, ReactNode, ReactElement, ChangeEvent, Dispatch, SetStateAction } from 'react';
|
|
4
4
|
import { SubmitHandler } from 'react-hook-form';
|
|
5
5
|
import { Theme as Theme$1 } from '@mui/material/styles';
|
|
@@ -1026,6 +1026,7 @@ interface FormGeneratorConfig {
|
|
|
1026
1026
|
mode?: 'onSubmit' | 'onBlur' | 'onChange';
|
|
1027
1027
|
formId?: string;
|
|
1028
1028
|
reValidateMode?: 'onSubmit' | 'onBlur' | 'onChange';
|
|
1029
|
+
validateOnInit?: boolean;
|
|
1029
1030
|
styleOverrides?: {
|
|
1030
1031
|
sxForm?: SxProps<Theme>;
|
|
1031
1032
|
sxButtons?: SxProps<Theme>;
|
|
@@ -1102,6 +1103,21 @@ interface HtmlProps {
|
|
|
1102
1103
|
}
|
|
1103
1104
|
declare const Html: FunctionComponent<HtmlProps>;
|
|
1104
1105
|
|
|
1106
|
+
interface TypographyProps {
|
|
1107
|
+
clamp?: number;
|
|
1108
|
+
component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
1109
|
+
type?: 'default' | 'button';
|
|
1110
|
+
variation: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
1111
|
+
weight?: 'default' | 'bold';
|
|
1112
|
+
}
|
|
1113
|
+
declare const Typography: FunctionComponent<TypographyProps & TypographyProps$1>;
|
|
1114
|
+
|
|
1115
|
+
type HtmlParserProps = {
|
|
1116
|
+
children: string;
|
|
1117
|
+
typographyProps?: TypographyProps;
|
|
1118
|
+
};
|
|
1119
|
+
declare const HtmlParser: FC<HtmlParserProps>;
|
|
1120
|
+
|
|
1105
1121
|
interface TooltipProps extends PropsWithChildren {
|
|
1106
1122
|
message: TooltipProps$1['title'];
|
|
1107
1123
|
variation?: 'primary';
|
|
@@ -1227,7 +1243,11 @@ interface LoopsAiButtonProps {
|
|
|
1227
1243
|
}
|
|
1228
1244
|
declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
|
|
1229
1245
|
|
|
1230
|
-
|
|
1246
|
+
type MarkdownProps = {
|
|
1247
|
+
children: string;
|
|
1248
|
+
typographyProps?: TypographyProps;
|
|
1249
|
+
};
|
|
1250
|
+
declare const Markdown: FC<MarkdownProps>;
|
|
1231
1251
|
|
|
1232
1252
|
interface MenuItemProps {
|
|
1233
1253
|
active?: boolean;
|
|
@@ -1503,15 +1523,6 @@ type TextareaProps = InputFieldBaseProps & {
|
|
|
1503
1523
|
};
|
|
1504
1524
|
declare const Textarea: FunctionComponent<TextareaProps>;
|
|
1505
1525
|
|
|
1506
|
-
interface TypographyProps {
|
|
1507
|
-
clamp?: number;
|
|
1508
|
-
component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
1509
|
-
type?: 'default' | 'button';
|
|
1510
|
-
variation: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
1511
|
-
weight?: 'default' | 'bold';
|
|
1512
|
-
}
|
|
1513
|
-
declare const Typography: FunctionComponent<TypographyProps & TypographyProps$1>;
|
|
1514
|
-
|
|
1515
1526
|
interface TextBarDividerProps {
|
|
1516
1527
|
sx?: SxProps;
|
|
1517
1528
|
typographyProps?: TypographyProps;
|
|
@@ -1978,4 +1989,4 @@ declare module '@mui/system' {
|
|
|
1978
1989
|
}
|
|
1979
1990
|
}
|
|
1980
1991
|
|
|
1981
|
-
export { AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, Header, type HeaderProps, Html, type HtmlProps, Icon, IconButton, IconButtonGroup, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopsAiButton, type LoopsAiButtonProps, Markdown, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SectionHeader, type SectionHeaderProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, compareArrayMembers, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, yellow, yellowRamp };
|
|
1992
|
+
export { AnnualController, type AnnualControllerProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, Button, type ButtonProps, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, Differential, type DifferentialProps, DropdownMenu, type FieldType, type FieldTypes, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GridOverlay, type GridOverlayProps, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonGroup, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, Menu, type MenuProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, PlanTierCardScale, type PlanTierCardScaleProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, Projects, type ProjectsProps, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SectionHeader, type SectionHeaderProps, Select, type SelectProps, type SemanticColor, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, chooseArticle, compareArrayMembers, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, green, greenRamp, iconSizeMap, margin, neutral, neutralAlpha, neutralRamp, padding, passwordValidation, peach, peachRamp, purple, purpleRamp, radius, red, redRamp, semantic, space, useBreakpoint, useDropdownMenu, usePrevious, useScreenSize, yellow, yellowRamp };
|