@useloops/design-system 1.4.510 → 1.4.511
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 +242 -201
- package/dist/index.js +4 -4
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import react__default, { FunctionComponent, PropsWithChildren,
|
|
2
|
+
import react__default, { FunctionComponent, PropsWithChildren, Dispatch, SetStateAction, ReactNode, ReactElement, ChangeEvent, FC, MouseEventHandler, ComponentProps } from 'react';
|
|
3
3
|
import * as _mui_material from '@mui/material';
|
|
4
|
-
import { SxProps, Theme,
|
|
5
|
-
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
4
|
+
import { SxProps, Theme, BoxProps, CSSObject, AvatarProps as AvatarProps$1, AvatarGroupProps as AvatarGroupProps$1, LinkProps as LinkProps$1, ButtonProps as ButtonProps$1, CheckboxProps as CheckboxProps$1, ContainerProps, MenuProps as MenuProps$1, MenuItemProps as MenuItemProps$1, TypographyProps as TypographyProps$1, FormControlLabelProps as FormControlLabelProps$1, IconButtonProps as IconButtonProps$1, TooltipProps as TooltipProps$1, ButtonGroupProps, TextFieldProps as TextFieldProps$1, PaperProps, PopperProps as PopperProps$1, ClickAwayListenerProps, FadeProps, CircularProgressProps, LinearProgressProps, SelectProps as SelectProps$1, SelectChangeEvent, SkeletonProps as SkeletonProps$1, SwitchProps as SwitchProps$1, SvgIconProps, AccordionProps as AccordionProps$1, AccordionSummaryProps, AccordionDetailsProps, Breakpoint, PaletteMode, Direction } from '@mui/material';
|
|
6
5
|
import { PopupState } from 'material-ui-popup-state/hooks';
|
|
6
|
+
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
7
7
|
import { Theme as Theme$1, SxProps as SxProps$1 } from '@mui/material/styles';
|
|
8
8
|
import { MotionProps } from 'framer-motion';
|
|
9
9
|
import { SemanticColor as SemanticColor$1 } from 'systems/BrandCore';
|
|
@@ -793,12 +793,59 @@ interface TickGroupProps {
|
|
|
793
793
|
}
|
|
794
794
|
declare const TickGroup: FunctionComponent<TickGroupProps>;
|
|
795
795
|
|
|
796
|
+
interface AiWrittenByLockUpProps {
|
|
797
|
+
sx?: SxProps<Theme>;
|
|
798
|
+
onUpvote?: () => void;
|
|
799
|
+
onDownvote?: () => void;
|
|
800
|
+
onCopy?: () => void;
|
|
801
|
+
aiButtonText?: string;
|
|
802
|
+
onClickAIButton?: () => void;
|
|
803
|
+
}
|
|
804
|
+
declare const AiWrittenByLockUp: FunctionComponent<AiWrittenByLockUpProps>;
|
|
805
|
+
|
|
796
806
|
interface AiContentContainerProps extends PropsWithChildren {
|
|
797
807
|
sx?: SxProps<Theme>;
|
|
798
|
-
|
|
808
|
+
withLockUp?: boolean;
|
|
809
|
+
aiButtonText?: string;
|
|
810
|
+
onUpvote?: () => void;
|
|
811
|
+
onDownvote?: () => void;
|
|
812
|
+
onCopy?: () => void;
|
|
813
|
+
onClickAIButton?: () => void;
|
|
814
|
+
slotProps?: {
|
|
815
|
+
childrenContainer?: BoxProps;
|
|
816
|
+
aiWrittenByLockUp?: AiWrittenByLockUpProps;
|
|
817
|
+
};
|
|
799
818
|
}
|
|
800
819
|
declare const AiContentContainer: FunctionComponent<AiContentContainerProps>;
|
|
801
820
|
|
|
821
|
+
declare const emailValidation: {
|
|
822
|
+
pattern: {
|
|
823
|
+
value: RegExp;
|
|
824
|
+
message: string;
|
|
825
|
+
};
|
|
826
|
+
};
|
|
827
|
+
|
|
828
|
+
declare const chooseArticle: (word: string) => string;
|
|
829
|
+
declare const defaultInputValidation: (inputName?: string, isRequired?: boolean, maxLength?: number) => {
|
|
830
|
+
required?: string | undefined;
|
|
831
|
+
maxLength: {
|
|
832
|
+
value: number;
|
|
833
|
+
message: string;
|
|
834
|
+
};
|
|
835
|
+
};
|
|
836
|
+
declare const DEFAULT_MAX_INPUT_LENGTH: number;
|
|
837
|
+
|
|
838
|
+
declare const passwordValidation: (min?: number) => {
|
|
839
|
+
minLength: {
|
|
840
|
+
value: number;
|
|
841
|
+
message: string;
|
|
842
|
+
};
|
|
843
|
+
equal: {
|
|
844
|
+
value: string;
|
|
845
|
+
message: string;
|
|
846
|
+
};
|
|
847
|
+
};
|
|
848
|
+
|
|
802
849
|
declare const subtle: (theme: Theme, destructive?: boolean) => {
|
|
803
850
|
backgroundColor: string;
|
|
804
851
|
color: string;
|
|
@@ -912,176 +959,6 @@ declare const getIconSizing$1: (sizing: ButtonSizing) => CSSObject;
|
|
|
912
959
|
declare const getButtonTypography: (sizing: ButtonSizing) => CSSObject;
|
|
913
960
|
declare const getButtonSizing: (sizing: ButtonSizing) => CSSObject;
|
|
914
961
|
|
|
915
|
-
interface ButtonBaseProps extends ButtonProps$1 {
|
|
916
|
-
loading?: boolean;
|
|
917
|
-
sizing: ButtonSizing;
|
|
918
|
-
}
|
|
919
|
-
declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBaseProps) => react_jsx_runtime.JSX.Element;
|
|
920
|
-
|
|
921
|
-
interface ButtonProps extends Partial<ButtonBaseProps> {
|
|
922
|
-
variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
|
|
923
|
-
destructive?: boolean;
|
|
924
|
-
href?: string;
|
|
925
|
-
fullWidth?: boolean;
|
|
926
|
-
endIcon?: ReactElement;
|
|
927
|
-
startIcon?: ReactElement;
|
|
928
|
-
}
|
|
929
|
-
declare const Button: FunctionComponent<ButtonProps>;
|
|
930
|
-
|
|
931
|
-
interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
|
|
932
|
-
clamp?: number;
|
|
933
|
-
component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
934
|
-
type?: 'default' | 'button';
|
|
935
|
-
variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
936
|
-
weight?: 'default' | 'bold';
|
|
937
|
-
monospaced?: boolean;
|
|
938
|
-
sx?: SxProps<Theme>;
|
|
939
|
-
}
|
|
940
|
-
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
|
|
941
|
-
|
|
942
|
-
interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
|
|
943
|
-
onShowMoreClick?: ButtonProps['onClick'];
|
|
944
|
-
onShowLessClick?: ButtonProps['onClick'];
|
|
945
|
-
slotProps?: {
|
|
946
|
-
gradientBox?: {
|
|
947
|
-
background?: string | ((theme: Theme) => string);
|
|
948
|
-
} & BoxProps;
|
|
949
|
-
showMoreButton?: ButtonProps;
|
|
950
|
-
showLessButton?: ButtonProps;
|
|
951
|
-
};
|
|
952
|
-
}
|
|
953
|
-
declare const ExpandableTypographyClamp: react__default.FC<ExpandableTypographyClampProps>;
|
|
954
|
-
|
|
955
|
-
type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay' | 'float';
|
|
956
|
-
type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
957
|
-
|
|
958
|
-
interface SurfaceProps extends PaperProps {
|
|
959
|
-
variation?: SurfaceVariation;
|
|
960
|
-
borderradius?: BorderRadius;
|
|
961
|
-
active?: boolean;
|
|
962
|
-
}
|
|
963
|
-
declare const Surface: react.ForwardRefExoticComponent<Omit<SurfaceProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
964
|
-
|
|
965
|
-
type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
|
|
966
|
-
interface PopperProps {
|
|
967
|
-
popperProps?: Partial<PopperProps$1>;
|
|
968
|
-
clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
|
|
969
|
-
onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
|
|
970
|
-
}>;
|
|
971
|
-
transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
|
|
972
|
-
surfaceProps?: SurfaceProps;
|
|
973
|
-
bindOn?: BindOn[];
|
|
974
|
-
trigger: ReactElement;
|
|
975
|
-
children: ReactElement;
|
|
976
|
-
state?: PopupState;
|
|
977
|
-
}
|
|
978
|
-
declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
|
|
979
|
-
|
|
980
|
-
interface MenuItemProps {
|
|
981
|
-
baseState?: PopupState;
|
|
982
|
-
label?: string;
|
|
983
|
-
active?: boolean;
|
|
984
|
-
danger?: boolean;
|
|
985
|
-
divider?: boolean;
|
|
986
|
-
heading?: boolean;
|
|
987
|
-
selected?: boolean;
|
|
988
|
-
disabled?: boolean;
|
|
989
|
-
closeOnClick?: boolean;
|
|
990
|
-
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
991
|
-
children?: MenuItemProps[];
|
|
992
|
-
width?: number;
|
|
993
|
-
startIcon?: IconName;
|
|
994
|
-
slotProps?: {
|
|
995
|
-
startIcon?: Partial<Omit<IconProps, 'name'>>;
|
|
996
|
-
};
|
|
997
|
-
}
|
|
998
|
-
|
|
999
|
-
interface MenuProps extends PropsWithChildren {
|
|
1000
|
-
menuItems?: MenuItemProps[];
|
|
1001
|
-
offset?: number[];
|
|
1002
|
-
placement?: PopperProps$1['placement'];
|
|
1003
|
-
state?: PopupState;
|
|
1004
|
-
parentState?: PopupState;
|
|
1005
|
-
bindOn?: PopperProps['bindOn'];
|
|
1006
|
-
trigger: ReactElement;
|
|
1007
|
-
width?: number;
|
|
1008
|
-
slotProps?: {
|
|
1009
|
-
popper?: PopperProps['popperProps'];
|
|
1010
|
-
surface?: SurfaceProps;
|
|
1011
|
-
};
|
|
1012
|
-
}
|
|
1013
|
-
declare const Menu: FunctionComponent<MenuProps>;
|
|
1014
|
-
|
|
1015
|
-
interface SkeletonProps {
|
|
1016
|
-
animation?: SkeletonProps$1['animation'];
|
|
1017
|
-
children?: SkeletonProps$1['children'];
|
|
1018
|
-
height?: SkeletonProps$1['height'];
|
|
1019
|
-
sx?: SkeletonProps$1['sx'];
|
|
1020
|
-
variant?: SkeletonProps$1['variant'];
|
|
1021
|
-
width?: SkeletonProps$1['width'];
|
|
1022
|
-
component?: SkeletonProps$1['component'];
|
|
1023
|
-
ref?: SkeletonProps$1['ref'];
|
|
1024
|
-
}
|
|
1025
|
-
declare const Skeleton: FunctionComponent<SkeletonProps>;
|
|
1026
|
-
|
|
1027
|
-
type AISummaryProps = {
|
|
1028
|
-
heading?: string;
|
|
1029
|
-
body?: string;
|
|
1030
|
-
bodyLineClamp?: number;
|
|
1031
|
-
attribution?: string;
|
|
1032
|
-
menuItems?: MenuProps['menuItems'];
|
|
1033
|
-
onStartChatClick?: () => void;
|
|
1034
|
-
onRetryClick?: () => void;
|
|
1035
|
-
loading?: boolean;
|
|
1036
|
-
loadingMessage?: string;
|
|
1037
|
-
error?: boolean;
|
|
1038
|
-
slotProps?: {
|
|
1039
|
-
heading?: Omit<TypographyProps, 'children'>;
|
|
1040
|
-
retry?: Omit<TypographyProps, 'onClick'>;
|
|
1041
|
-
expandableTypographyClamp?: Omit<ExpandableTypographyClampProps, 'children'>;
|
|
1042
|
-
attributionIcon?: Partial<ComponentProps<typeof Icon>>;
|
|
1043
|
-
attribution?: Partial<Omit<TypographyProps, 'children'>>;
|
|
1044
|
-
menu?: Omit<MenuProps, 'menuItems'>;
|
|
1045
|
-
startChatButton?: Omit<ButtonProps, 'onClick'>;
|
|
1046
|
-
skeleton?: SkeletonProps;
|
|
1047
|
-
};
|
|
1048
|
-
sx?: SxProps<Theme>;
|
|
1049
|
-
};
|
|
1050
|
-
declare const AISummary: react.ForwardRefExoticComponent<AISummaryProps & react.RefAttributes<HTMLDivElement>>;
|
|
1051
|
-
|
|
1052
|
-
interface AiWrittenByLockUpProps {
|
|
1053
|
-
sx?: SxProps<Theme>;
|
|
1054
|
-
}
|
|
1055
|
-
declare const AiWrittenByLockUp: FunctionComponent<AiWrittenByLockUpProps>;
|
|
1056
|
-
|
|
1057
|
-
declare const emailValidation: {
|
|
1058
|
-
pattern: {
|
|
1059
|
-
value: RegExp;
|
|
1060
|
-
message: string;
|
|
1061
|
-
};
|
|
1062
|
-
};
|
|
1063
|
-
|
|
1064
|
-
declare const chooseArticle: (word: string) => string;
|
|
1065
|
-
declare const defaultInputValidation: (inputName?: string, isRequired?: boolean, maxLength?: number) => {
|
|
1066
|
-
required?: string | undefined;
|
|
1067
|
-
maxLength: {
|
|
1068
|
-
value: number;
|
|
1069
|
-
message: string;
|
|
1070
|
-
};
|
|
1071
|
-
};
|
|
1072
|
-
declare const DEFAULT_MAX_INPUT_LENGTH: number;
|
|
1073
|
-
|
|
1074
|
-
declare const passwordValidation: (min?: number) => {
|
|
1075
|
-
minLength: {
|
|
1076
|
-
value: number;
|
|
1077
|
-
message: string;
|
|
1078
|
-
};
|
|
1079
|
-
equal: {
|
|
1080
|
-
value: string;
|
|
1081
|
-
message: string;
|
|
1082
|
-
};
|
|
1083
|
-
};
|
|
1084
|
-
|
|
1085
962
|
interface BackgroundOptions {
|
|
1086
963
|
texture?: 'none' | 'noise1';
|
|
1087
964
|
gradient?: 'tone1' | 'tone2' | 'tone3' | 'tone3_lowOpacity' | 'tone4';
|
|
@@ -1187,6 +1064,22 @@ interface BulletGraphicProps {
|
|
|
1187
1064
|
}
|
|
1188
1065
|
declare const BulletGraphic: FunctionComponent<BulletGraphicProps>;
|
|
1189
1066
|
|
|
1067
|
+
interface ButtonBaseProps extends ButtonProps$1 {
|
|
1068
|
+
loading?: boolean;
|
|
1069
|
+
sizing: ButtonSizing;
|
|
1070
|
+
}
|
|
1071
|
+
declare const ButtonBase: ({ children, loading, sizing, ...rest }: ButtonBaseProps) => react_jsx_runtime.JSX.Element;
|
|
1072
|
+
|
|
1073
|
+
interface ButtonProps extends Partial<ButtonBaseProps> {
|
|
1074
|
+
variation?: 'primary' | 'secondary' | 'outlined' | 'subtle';
|
|
1075
|
+
destructive?: boolean;
|
|
1076
|
+
href?: string;
|
|
1077
|
+
fullWidth?: boolean;
|
|
1078
|
+
endIcon?: ReactElement;
|
|
1079
|
+
startIcon?: ReactElement;
|
|
1080
|
+
}
|
|
1081
|
+
declare const Button: FunctionComponent<ButtonProps>;
|
|
1082
|
+
|
|
1190
1083
|
interface StyledCheckboxProps extends CheckboxProps$1 {
|
|
1191
1084
|
sizing?: 'default' | 'lg';
|
|
1192
1085
|
variant?: 'default' | 'secondary';
|
|
@@ -1320,6 +1213,30 @@ interface EmojiWrapperProps extends BoxProps {
|
|
|
1320
1213
|
}
|
|
1321
1214
|
declare const EmojiWrapper: FunctionComponent<EmojiWrapperProps>;
|
|
1322
1215
|
|
|
1216
|
+
interface TypographyProps extends Omit<TypographyProps$1, 'ref'> {
|
|
1217
|
+
clamp?: number;
|
|
1218
|
+
component: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'p';
|
|
1219
|
+
type?: 'default' | 'button';
|
|
1220
|
+
variation?: 'xxs' | 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'xxxl';
|
|
1221
|
+
weight?: 'default' | 'bold';
|
|
1222
|
+
monospaced?: boolean;
|
|
1223
|
+
sx?: SxProps<Theme>;
|
|
1224
|
+
}
|
|
1225
|
+
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLHeadingElement | HTMLParagraphElement>>;
|
|
1226
|
+
|
|
1227
|
+
interface ExpandableTypographyClampProps extends Partial<TypographyProps> {
|
|
1228
|
+
onShowMoreClick?: ButtonProps['onClick'];
|
|
1229
|
+
onShowLessClick?: ButtonProps['onClick'];
|
|
1230
|
+
slotProps?: {
|
|
1231
|
+
gradientBox?: {
|
|
1232
|
+
background?: string | ((theme: Theme) => string);
|
|
1233
|
+
} & BoxProps;
|
|
1234
|
+
showMoreButton?: ButtonProps;
|
|
1235
|
+
showLessButton?: ButtonProps;
|
|
1236
|
+
};
|
|
1237
|
+
}
|
|
1238
|
+
declare const ExpandableTypographyClamp: react__default.FC<ExpandableTypographyClampProps>;
|
|
1239
|
+
|
|
1323
1240
|
interface FlagProps {
|
|
1324
1241
|
/**
|
|
1325
1242
|
* ISO 3166-1-alpha-2 country code (e.g., 'us', 'gb', 'de')
|
|
@@ -1631,8 +1548,13 @@ declare const Loader: FunctionComponent<LoaderProps>;
|
|
|
1631
1548
|
declare const Logo: FunctionComponent<React.SVGProps<SVGSVGElement>>;
|
|
1632
1549
|
|
|
1633
1550
|
interface LoopsAiButtonProps {
|
|
1551
|
+
text?: string;
|
|
1634
1552
|
disabled?: boolean;
|
|
1553
|
+
loading?: boolean;
|
|
1635
1554
|
onClick?: () => void;
|
|
1555
|
+
slotProps?: {
|
|
1556
|
+
button?: Omit<ButtonProps, 'onClick' | 'loading' | 'disabled' | 'startIcon'>;
|
|
1557
|
+
};
|
|
1636
1558
|
}
|
|
1637
1559
|
declare const LoopsAiButton: FunctionComponent<LoopsAiButtonProps>;
|
|
1638
1560
|
|
|
@@ -1642,6 +1564,66 @@ type MarkdownProps = {
|
|
|
1642
1564
|
};
|
|
1643
1565
|
declare const Markdown: FC<MarkdownProps>;
|
|
1644
1566
|
|
|
1567
|
+
type SurfaceVariation = 'default' | 'sunken' | 'raised' | 'overlay' | 'float';
|
|
1568
|
+
type BorderRadius = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
1569
|
+
|
|
1570
|
+
interface SurfaceProps extends PaperProps {
|
|
1571
|
+
variation?: SurfaceVariation;
|
|
1572
|
+
borderradius?: BorderRadius;
|
|
1573
|
+
active?: boolean;
|
|
1574
|
+
}
|
|
1575
|
+
declare const Surface: react.ForwardRefExoticComponent<Omit<SurfaceProps, "ref"> & react.RefAttributes<HTMLDivElement>>;
|
|
1576
|
+
|
|
1577
|
+
type BindOn = 'trigger' | 'contextMenu' | 'toggle' | 'hover' | 'focus' | 'doubleClick';
|
|
1578
|
+
interface PopperProps {
|
|
1579
|
+
popperProps?: Partial<PopperProps$1>;
|
|
1580
|
+
clickAwayListenerProps?: Partial<Omit<ClickAwayListenerProps, 'onClickAway'> & {
|
|
1581
|
+
onClickAway?: (event: MouseEvent | TouchEvent, state: PopupState) => void;
|
|
1582
|
+
}>;
|
|
1583
|
+
transitionFadeProps?: Pick<FadeProps, 'easing' | 'timeout' | 'appear' | 'enter' | 'exit'>;
|
|
1584
|
+
surfaceProps?: SurfaceProps;
|
|
1585
|
+
bindOn?: BindOn[];
|
|
1586
|
+
trigger: ReactElement;
|
|
1587
|
+
children: ReactElement;
|
|
1588
|
+
state?: PopupState;
|
|
1589
|
+
}
|
|
1590
|
+
declare const Popper: ({ bindOn, trigger, children, state, ...props }: PopperProps) => react_jsx_runtime.JSX.Element;
|
|
1591
|
+
|
|
1592
|
+
interface MenuItemProps {
|
|
1593
|
+
baseState?: PopupState;
|
|
1594
|
+
label?: string;
|
|
1595
|
+
active?: boolean;
|
|
1596
|
+
danger?: boolean;
|
|
1597
|
+
divider?: boolean;
|
|
1598
|
+
heading?: boolean;
|
|
1599
|
+
selected?: boolean;
|
|
1600
|
+
disabled?: boolean;
|
|
1601
|
+
closeOnClick?: boolean;
|
|
1602
|
+
onClick?: MouseEventHandler<HTMLButtonElement>;
|
|
1603
|
+
children?: MenuItemProps[];
|
|
1604
|
+
width?: number;
|
|
1605
|
+
startIcon?: IconName;
|
|
1606
|
+
slotProps?: {
|
|
1607
|
+
startIcon?: Partial<Omit<IconProps, 'name'>>;
|
|
1608
|
+
};
|
|
1609
|
+
}
|
|
1610
|
+
|
|
1611
|
+
interface MenuProps extends PropsWithChildren {
|
|
1612
|
+
menuItems?: MenuItemProps[];
|
|
1613
|
+
offset?: number[];
|
|
1614
|
+
placement?: PopperProps$1['placement'];
|
|
1615
|
+
state?: PopupState;
|
|
1616
|
+
parentState?: PopupState;
|
|
1617
|
+
bindOn?: PopperProps['bindOn'];
|
|
1618
|
+
trigger: ReactElement;
|
|
1619
|
+
width?: number;
|
|
1620
|
+
slotProps?: {
|
|
1621
|
+
popper?: PopperProps['popperProps'];
|
|
1622
|
+
surface?: SurfaceProps;
|
|
1623
|
+
};
|
|
1624
|
+
}
|
|
1625
|
+
declare const Menu: FunctionComponent<MenuProps>;
|
|
1626
|
+
|
|
1645
1627
|
declare const ModalActionsWrapper: _emotion_styled.StyledComponent<_mui_material.StackOwnProps & _mui_material_OverridableComponent.CommonProps & Omit<Omit<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
1646
1628
|
ref?: ((instance: HTMLDivElement | null) => void | react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof react.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | react.RefObject<HTMLDivElement> | null | undefined;
|
|
1647
1629
|
}, keyof _mui_material_OverridableComponent.CommonProps | keyof _mui_material.StackOwnProps> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
|
|
@@ -1899,6 +1881,18 @@ type RichTextFieldProps = Omit<InputFieldBaseProps, 'value' | 'onChange'> & {
|
|
|
1899
1881
|
};
|
|
1900
1882
|
declare const RichTextField: FunctionComponent<RichTextFieldProps>;
|
|
1901
1883
|
|
|
1884
|
+
interface SkeletonProps {
|
|
1885
|
+
animation?: SkeletonProps$1['animation'];
|
|
1886
|
+
children?: SkeletonProps$1['children'];
|
|
1887
|
+
height?: SkeletonProps$1['height'];
|
|
1888
|
+
sx?: SkeletonProps$1['sx'];
|
|
1889
|
+
variant?: SkeletonProps$1['variant'];
|
|
1890
|
+
width?: SkeletonProps$1['width'];
|
|
1891
|
+
component?: SkeletonProps$1['component'];
|
|
1892
|
+
ref?: SkeletonProps$1['ref'];
|
|
1893
|
+
}
|
|
1894
|
+
declare const Skeleton: FunctionComponent<SkeletonProps>;
|
|
1895
|
+
|
|
1902
1896
|
interface SliderProps {
|
|
1903
1897
|
labelLeft: string;
|
|
1904
1898
|
labelRight: string;
|
|
@@ -1983,32 +1977,6 @@ interface VideoModalProps {
|
|
|
1983
1977
|
}
|
|
1984
1978
|
declare const VideoModal: FunctionComponent<VideoModalProps>;
|
|
1985
1979
|
|
|
1986
|
-
interface AssetItemProps extends BoxProps {
|
|
1987
|
-
thumbnail: string;
|
|
1988
|
-
size?: 'sm' | 'lg';
|
|
1989
|
-
cover?: boolean;
|
|
1990
|
-
mediaType: 'image' | 'video';
|
|
1991
|
-
loading?: boolean;
|
|
1992
|
-
menuItems?: MenuProps['menuItems'];
|
|
1993
|
-
slotProps?: {
|
|
1994
|
-
menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
|
|
1995
|
-
};
|
|
1996
|
-
}
|
|
1997
|
-
declare const AssetItem: FunctionComponent<AssetItemProps>;
|
|
1998
|
-
|
|
1999
|
-
interface AuthContainerSurfaceProps extends SurfaceProps {
|
|
2000
|
-
headContent?: ReactNode;
|
|
2001
|
-
sx?: SxProps<Theme>;
|
|
2002
|
-
children: ReactNode;
|
|
2003
|
-
}
|
|
2004
|
-
declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
|
|
2005
|
-
|
|
2006
|
-
interface ClipboardCopyingOverlayProps {
|
|
2007
|
-
sx?: SxProps$1<Theme$1>;
|
|
2008
|
-
motionProps?: MotionProps;
|
|
2009
|
-
}
|
|
2010
|
-
declare const ClipboardCopyingOverlay: FunctionComponent<ClipboardCopyingOverlayProps>;
|
|
2011
|
-
|
|
2012
1980
|
interface CommentCardProps {
|
|
2013
1981
|
author: string;
|
|
2014
1982
|
copyLoading?: boolean;
|
|
@@ -2036,6 +2004,71 @@ interface CommentCardProps {
|
|
|
2036
2004
|
|
|
2037
2005
|
declare const CommentCard: react.ForwardRefExoticComponent<CommentCardProps & react.RefAttributes<HTMLDivElement>>;
|
|
2038
2006
|
|
|
2007
|
+
interface AIInsightProps {
|
|
2008
|
+
themeDescription: string;
|
|
2009
|
+
comments: Array<CommentCardProps & {
|
|
2010
|
+
id: string;
|
|
2011
|
+
}>;
|
|
2012
|
+
slotProps?: {
|
|
2013
|
+
aiContentContainer: AiContentContainerProps;
|
|
2014
|
+
};
|
|
2015
|
+
suggestions?: string[];
|
|
2016
|
+
activeCommentIndex?: number;
|
|
2017
|
+
onActiveCommentIndexChange?: (index: number) => void;
|
|
2018
|
+
}
|
|
2019
|
+
declare const AIInsight: FunctionComponent<AIInsightProps>;
|
|
2020
|
+
|
|
2021
|
+
type AISummaryProps = {
|
|
2022
|
+
heading?: string;
|
|
2023
|
+
body?: string;
|
|
2024
|
+
bodyLineClamp?: number;
|
|
2025
|
+
attribution?: string;
|
|
2026
|
+
menuItems?: MenuProps['menuItems'];
|
|
2027
|
+
onStartChatClick?: () => void;
|
|
2028
|
+
onRetryClick?: () => void;
|
|
2029
|
+
loading?: boolean;
|
|
2030
|
+
loadingMessage?: string;
|
|
2031
|
+
error?: boolean;
|
|
2032
|
+
slotProps?: {
|
|
2033
|
+
heading?: Omit<TypographyProps, 'children'>;
|
|
2034
|
+
retry?: Omit<TypographyProps, 'onClick'>;
|
|
2035
|
+
expandableTypographyClamp?: Omit<ExpandableTypographyClampProps, 'children'>;
|
|
2036
|
+
attributionIcon?: Partial<ComponentProps<typeof Icon>>;
|
|
2037
|
+
attribution?: Partial<Omit<TypographyProps, 'children'>>;
|
|
2038
|
+
menu?: Omit<MenuProps, 'menuItems'>;
|
|
2039
|
+
startChatButton?: Omit<ButtonProps, 'onClick'>;
|
|
2040
|
+
skeleton?: SkeletonProps;
|
|
2041
|
+
};
|
|
2042
|
+
sx?: SxProps<Theme>;
|
|
2043
|
+
};
|
|
2044
|
+
declare const AISummary: react.ForwardRefExoticComponent<AISummaryProps & react.RefAttributes<HTMLDivElement>>;
|
|
2045
|
+
|
|
2046
|
+
interface AssetItemProps extends BoxProps {
|
|
2047
|
+
thumbnail: string;
|
|
2048
|
+
size?: 'sm' | 'lg';
|
|
2049
|
+
cover?: boolean;
|
|
2050
|
+
mediaType: 'image' | 'video';
|
|
2051
|
+
loading?: boolean;
|
|
2052
|
+
menuItems?: MenuProps['menuItems'];
|
|
2053
|
+
slotProps?: {
|
|
2054
|
+
menu?: Partial<Omit<MenuProps, 'trigger' | 'menuItems'>>;
|
|
2055
|
+
};
|
|
2056
|
+
}
|
|
2057
|
+
declare const AssetItem: FunctionComponent<AssetItemProps>;
|
|
2058
|
+
|
|
2059
|
+
interface AuthContainerSurfaceProps extends SurfaceProps {
|
|
2060
|
+
headContent?: ReactNode;
|
|
2061
|
+
sx?: SxProps<Theme>;
|
|
2062
|
+
children: ReactNode;
|
|
2063
|
+
}
|
|
2064
|
+
declare const AuthContainerSurface: FunctionComponent<AuthContainerSurfaceProps>;
|
|
2065
|
+
|
|
2066
|
+
interface ClipboardCopyingOverlayProps {
|
|
2067
|
+
sx?: SxProps$1<Theme$1>;
|
|
2068
|
+
motionProps?: MotionProps;
|
|
2069
|
+
}
|
|
2070
|
+
declare const ClipboardCopyingOverlay: FunctionComponent<ClipboardCopyingOverlayProps>;
|
|
2071
|
+
|
|
2039
2072
|
type SentimentColor = keyof SemanticColor$1['light']['data'] | undefined;
|
|
2040
2073
|
interface DataPointSource {
|
|
2041
2074
|
id?: string;
|
|
@@ -2352,6 +2385,14 @@ interface OnboardingCardProps {
|
|
|
2352
2385
|
}
|
|
2353
2386
|
declare const OnboardingCard: FunctionComponent<OnboardingCardProps>;
|
|
2354
2387
|
|
|
2388
|
+
interface PaginationControlProps {
|
|
2389
|
+
items: string[];
|
|
2390
|
+
activeItem: string;
|
|
2391
|
+
onClickNext?: () => void;
|
|
2392
|
+
onClickPrevious?: () => void;
|
|
2393
|
+
}
|
|
2394
|
+
declare const PaginationControl: FunctionComponent<PaginationControlProps>;
|
|
2395
|
+
|
|
2355
2396
|
interface ProjectItemViewType {
|
|
2356
2397
|
viewType?: 'grid' | 'list';
|
|
2357
2398
|
}
|
|
@@ -2830,4 +2871,4 @@ declare module '@mui/system' {
|
|
|
2830
2871
|
}
|
|
2831
2872
|
}
|
|
2832
2873
|
|
|
2833
|
-
export { AISummary, type AISummaryProps, AiWrittenByLockUp as AIWrittenByLockUp, Accordion, type AccordionProps, AiContentContainer, type AiContentContainerProps, type AiWrittenByLockUpProps, AnnualController, type AnnualControllerProps, AssetItem, type AssetItemProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ClipboardCopyingOverlay, type ClipboardCopyingOverlayProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CommentCard, type CommentCardProps, CreatableAutocomplete, type CreatableAutocompleteOption, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, DemographicSelectionSection, type DemographicSelectionSectionProps, Differential, type DifferentialProps, DropdownMenu, EmojiListItem, type EmojiListItemProps, EmojiQuestionEditorOption, type EmojiQuestionEditorOptionProps, EmojiWrapper, type EmojiWrapperProps, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, ExtendedTestStatus, type ExtendedTestStatusProps, type FieldType, type FieldTypes, FilterCount, type FilterCountProps, FilterGroupAccordion, type FilterGroupAccordionProps, FilterPyramidGraphBar as FilterPyramidGraph, type FilterPyramidGraphBarProps, FilterRow, type FilterRowProps, FilteredItemsCard, type FilteredItemsCardProps, Flag, type FlagProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GraphBar, type GraphBarProps, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, KpiDataPopover, type KpiDataPopoverProps, KpiIndicator, type KpiIndicatorProps, Label, type LabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, type MarkerComponentProps, Menu, type MenuItemProps, type MenuProps, ModalActionsWrapper, ModalContentWrapper, ModalLayout, type ModalLayoutProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, _default$2 as NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, QuestionBlock, type QuestionBlockProps, QuestionLabel, type QuestionLabelProps, _default$1 as QuestionSelector, type QuestionSelectorProps, type QuestionStats, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SearchInput, type SearchInputProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, SentimentArrow, type SentimentArrowProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Tab, type TabProps, TestItem, type TestItemProps, TestKPICard, type TestKPICardProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, _default as VideoControls, type VideoControlsProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonHeightMap, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, getKpiIndicatorColor, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, isButton, mapKpiColorSchemeByInteger, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, useKeyCombo, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
|
|
2874
|
+
export { AIInsight, type AIInsightProps, AISummary, type AISummaryProps, AiWrittenByLockUp as AIWrittenByLockUp, Accordion, type AccordionProps, AiContentContainer, type AiContentContainerProps, type AiWrittenByLockUpProps, AnnualController, type AnnualControllerProps, AssetItem, type AssetItemProps, AuthContainerSurface, AuthFormHeader, type AuthFormHeaderProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, Badge, type BadgeProps, BrandBadge, type BrandBadgeProps, Breadcrumb, type BreadcrumbProps, type BreakpointOrNull, BulletGraphic, type BulletGraphicProps, Button, ButtonBase, type ButtonBaseProps, type ButtonProps, type ButtonSizing, Checkbox, CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, ClipboardCopyingOverlay, type ClipboardCopyingOverlayProps, ColorBackgroundContainer, type ColorBackgroundContainerProps, type ColorRange$1 as ColorRange, type ColorRangeAlpha$1 as ColorRangeAlpha, CommentCard, type CommentCardProps, CreatableAutocomplete, type CreatableAutocompleteOption, type CreatableAutocompleteProps, CustomField, type CustomFieldProps, DEFAULT_MAX_INPUT_LENGTH, DataPointInfo, type DataPointInfoProps, DemographicSelectionSection, type DemographicSelectionSectionProps, Differential, type DifferentialProps, DropdownMenu, EmojiListItem, type EmojiListItemProps, EmojiQuestionEditorOption, type EmojiQuestionEditorOptionProps, EmojiWrapper, type EmojiWrapperProps, EmptyStateCard, type EmptyStateCardProps, ExpandableTypographyClamp, type ExpandableTypographyClampProps, ExtendedTestStatus, type ExtendedTestStatusProps, type FieldType, type FieldTypes, FilterCount, type FilterCountProps, FilterGroupAccordion, type FilterGroupAccordionProps, FilterPyramidGraphBar as FilterPyramidGraph, type FilterPyramidGraphBarProps, FilterRow, type FilterRowProps, FilteredItemsCard, type FilteredItemsCardProps, Flag, type FlagProps, FontWeight, FormControlLabel, FormGenerator, type FormGeneratorConfig, type FormGeneratorHandler, type GenericSizeMap, GraphBar, type GraphBarProps, GridOverlay, type GridOverlayProps, type GroupSelectOption, Header, type HeaderProps, Html, HtmlParser, type HtmlParserProps, type HtmlProps, Icon, IconButton, IconButtonBase, type IconButtonBaseProps, IconButtonGroup, type IconButtonGroupProps, type IconButtonProps, type IconName, Image, type ImageProps, InputFieldBase, type InputFieldBaseProps, InputLabel, InputLabelHelp, type InputLabelHelpProps, type InputLabelProps, KpiDataPopover, type KpiDataPopoverProps, KpiIndicator, type KpiIndicatorProps, Label, type LabelProps, Likert, type LikertProps, Link, type LinkProps, Loader, type LoaderProps, Logo, LoopItem, LoopItemEmpty, type LoopItemEmptyProps, type LoopItemProps, LoopsAiButton, type LoopsAiButtonProps, Markdown, type MarkdownProps, type MarkerComponentProps, Menu, type MenuItemProps, type MenuProps, ModalActionsWrapper, ModalContentWrapper, ModalLayout, type ModalLayoutProps, Navigation, NavigationButton, type NavigationButtonProps, type NavigationProps, type NavigationSizing, Nudge, type NudgeProps, _default$2 as NumberField, type NumberFieldProps, OnboardingCard, type OnboardingCardProps, type OnboardingItem, PaginationControl, type PaginationControlProps, Pill, type PillProps, PlanFeatureTable, type PlanFeatureTableData, type PlanFeatureTableProps, PlanTierCard, type PlanTierCardProps, Popper, type PopperProps, PoweredByWatermarkLogo, Progress, ProgressBar, type ProgressBarProps, type ProgressProps, ProjectItem, ProjectItemEmpty, type ProjectItemEmptyProps, type ProjectItemProps, QuestionBlock, type QuestionBlockProps, QuestionLabel, type QuestionLabelProps, _default$1 as QuestionSelector, type QuestionSelectorProps, type QuestionStats, Radio, RadioGroup, type RadioGroupProps, type RadioProps, Rank, type RankProps, RichTextField, type RichTextFieldProps, SearchInput, type SearchInputProps, type Section, SectionHeader, type SectionHeaderProps, Select, type SelectOption, type SelectProps, type SemanticColor, SentimentArrow, type SentimentArrowProps, Skeleton, type SkeletonProps, Slider, type SliderProps, SortableList, type SortableListProps, StarRating, type StarRatingProps, Surface, type SurfaceProps, Switch, type SwitchProps, Tab, type TabProps, TestItem, type TestItemProps, TestKPICard, type TestKPICardProps, TextBarDivider, type TextBarDividerProps, TextField, type TextFieldProps, Textarea, type TextareaProps, ThemeContext, type ThemeCtx, ThemeProvider, TickGroup, type TickGroupProps, Toast, type ToastProps, Tooltip, type TooltipProps, TrialCard, type TrialCardProps, Typography, type TypographyProps, UserMenu, type UserMenuProps, _default as VideoControls, type VideoControlsProps, VideoModal, type VideoModalProps, backgroundCreator, base, blue, blueRamp, boxShadow, breakpoints, buttonHeightMap, buttonInteraction, chooseArticle, compareArrayMembers, customTheme, darkNeutral, darkNeutralAlpha, defaultInputValidation, easing, elevation, elevationFilter, emailValidation, fonts, generateRamp, getButtonSizing, getButtonTypography, getIconSizing$1 as getIconSizing, getKpiIndicatorColor, green, greenRamp, IconButton_variantHelpers as iconButtonHelpers, iconSizeMap, isButton, mapKpiColorSchemeByInteger, margin, neutral, neutralAlpha, neutralRamp, outlined$1 as outlined, padding, passwordValidation, peach, peachRamp, primary, purple, purpleRamp, radius, red, redRamp, secondary, semantic, space, subtle, useBreakpoint, useDropdownMenu, useKeyCombo, usePrevious, useScreenSize, useTheme, useThemeBuilder, yellow, yellowRamp };
|