@dialpad/dialtone
Version:
Dialpad's Dialtone design system monorepo
1,019 lines • 36 kB
TypeScript
declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
DtListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
injected: boolean;
mouseHighlighted: boolean;
}, {
isDefaultType(): boolean;
listItemListeners(): {
keydown: (event: any) => void;
mousemove: (event: any) => void;
mouseleave: (event: any) => void;
};
isHighlighted(): boolean;
isFocusable(): boolean;
isHoverable(): boolean;
}, {
onClick(e: any): void;
onMouseHover(): void;
onMouseLeave(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("keydown" | "mouseleave" | "mousemove")[], "keydown" | "mouseleave" | "mousemove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
id: {
type: StringConstructor;
default(): string;
};
role: {
type: StringConstructor;
default: string;
validator: (role: unknown) => boolean;
};
elementType: {
type: StringConstructor;
default: string;
};
type: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
navigationType: {
type: StringConstructor;
default: string;
validator: (t: unknown) => boolean;
};
selected: {
type: BooleanConstructor;
default: boolean;
};
wrapperClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{
onKeydown?: ((...args: any[]) => any) | undefined;
onMouseleave?: ((...args: any[]) => any) | undefined;
onMousemove?: ((...args: any[]) => any) | undefined;
}>, {
id: string;
type: string;
role: string;
selected: boolean;
elementType: string;
navigationType: string;
wrapperClass: string | unknown[] | Record<string, any>;
}, {}, {
DtItemLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {
dynamicGridTemplateColumns(): string;
hasSlotContent: typeof import('../..').hasSlotContent;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
as: {
type: StringConstructor;
default: string;
};
unstyled: {
type: BooleanConstructor;
default: boolean;
};
leftClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
titleClass: {
type: StringConstructor;
default: string;
};
subtitleClass: {
type: StringConstructor;
default: string;
};
bottomClass: {
type: StringConstructor;
default: string;
};
rightClass: {
type: StringConstructor;
default: string;
};
selectedClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
unstyled: boolean;
contentClass: string;
as: string;
leftClass: string;
titleClass: string;
subtitleClass: string;
bottomClass: string;
rightClass: string;
selectedClass: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtIconCheck: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
ariaLabel: {
type: StringConstructor;
default: undefined;
};
}>, {}, {}, {
iconSizeClass(): any;
ariaHidden(): "true" | "false";
dataQA(): {};
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "loaded"[], "loaded", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
size: {
type: StringConstructor;
default: string;
validator: (s: unknown) => boolean;
};
ariaLabel: {
type: StringConstructor;
default: undefined;
};
}>> & Readonly<{
onLoaded?: ((...args: any[]) => any) | undefined;
}>, {
size: string;
ariaLabel: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeleton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
paragraphOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
listItemOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
textOption: {
type: ObjectConstructor;
default: null;
};
shapeOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
}>, {}, {}, {
validationOptions(): {
paragraphOption: boolean | Record<string, any>;
listItemOption: boolean | Record<string, any>;
textOption: Record<string, any>;
shapeOption: boolean | Record<string, any>;
};
}, {
validator(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
paragraphOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
listItemOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
textOption: {
type: ObjectConstructor;
default: null;
};
shapeOption: {
type: (ObjectConstructor | BooleanConstructor)[];
default: null;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
ariaLabel: {
type: StringConstructor;
default: string;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
ariaLabel: string;
animate: boolean;
paragraphOption: boolean | Record<string, any>;
listItemOption: boolean | Record<string, any>;
textOption: Record<string, any>;
shapeOption: boolean | Record<string, any>;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
SKELETON_SHAPES: {
circle: string;
square: string;
};
}, {
shapeStyles(): {
'min-width': any;
'max-width': any;
'min-height': any;
'max-height': any;
animationDelay: string;
animationDuration: any;
};
}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
size: string;
contentClass: string | unknown[] | Record<string, any>;
shape: string;
animate: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonListItem: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
shapeSize: {
type: StringConstructor;
default: string;
};
paragraphs: {
type: ObjectConstructor;
default: () => {
rows: number;
randomWidth: boolean;
};
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
shapeClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
shapeSize: {
type: StringConstructor;
default: string;
};
paragraphs: {
type: ObjectConstructor;
default: () => {
rows: number;
randomWidth: boolean;
};
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
shapeClass: {
type: StringConstructor;
default: string;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
contentClass: string;
shape: string;
animate: boolean;
shapeSize: string;
paragraphs: Record<string, any>;
shapeClass: string;
}, {}, {
DtSkeletonShape: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>, {}, {
SKELETON_SHAPES: {
circle: string;
square: string;
};
}, {
shapeStyles(): {
'min-width': any;
'max-width': any;
'min-height': any;
'max-height': any;
animationDelay: string;
animationDuration: any;
};
}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
shape: {
type: StringConstructor;
default: string;
validator: (shape: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: (ObjectConstructor | StringConstructor | ArrayConstructor)[];
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
size: string;
contentClass: string | unknown[] | Record<string, any>;
shape: string;
animate: boolean;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
integerRows(): number;
}, {
randomWidthPercentage(): string;
getSizeParagraphRow(row: any): {};
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
width: string | unknown[];
contentClass: string;
maxWidth: string | number;
animate: boolean;
rows: string | number;
minWidth: string | number;
randomWidth: boolean;
rowClass: string;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
DtSkeletonParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>, {}, {}, {
integerRows(): number;
}, {
randomWidthPercentage(): string;
getSizeParagraphRow(row: any): {};
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
rows: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
minWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
maxWidth: {
type: (StringConstructor | NumberConstructor)[];
default: number;
validator: (number: any) => boolean;
};
width: {
type: (StringConstructor | ArrayConstructor)[];
default: null;
};
randomWidth: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
rowClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
offset: number;
animationDuration: number;
width: string | unknown[];
contentClass: string;
maxWidth: string | number;
animate: boolean;
rows: string | number;
minWidth: string | number;
randomWidth: boolean;
rowClass: string;
}, {}, {
DtSkeletonText: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>, {}, {
SKELETON_HEADING_HEIGHTS: {
sm: string;
md: string;
lg: string;
};
}, {}, {}, {
computed: {
skeletonOffset(): any;
skeletonStyle(): {
animationDelay: string;
animationDuration: any;
};
};
}, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
type: {
type: StringConstructor;
default: string;
validator: (type: unknown) => boolean;
};
headingHeight: {
type: StringConstructor;
default: string;
validator: (headingHeight: unknown) => boolean;
};
width: {
type: StringConstructor;
default: string;
};
animationDuration: {
type: NumberConstructor;
default: number;
};
animate: {
type: BooleanConstructor;
default: boolean;
};
offset: {
type: NumberConstructor;
default: number;
};
contentClass: {
type: StringConstructor;
default: string;
};
}>> & Readonly<{}>, {
type: string;
offset: number;
animationDuration: number;
width: string;
contentClass: string;
animate: boolean;
headingHeight: string;
}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
export default _default;
//# sourceMappingURL=combobox_loading-list.vue.d.ts.map