import { default as LegacyModal } from './LegacyModal.vue';
import { default as mdx } from './LegacyModal.mdx';
///
declare namespace _default {
export let title: string;
export { LegacyModal as component };
export namespace parameters {
namespace docs {
export { mdx as page };
}
}
}
export default _default;
export function Primary(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
LegacyModal: import('vue').DefineComponent<{
visible: {
type: BooleanConstructor;
default: boolean;
};
width: {
type: StringConstructor;
default: string;
};
header: {
type: StringConstructor;
default: null;
};
subheader: {
type: StringConstructor;
default: null;
};
closeButtonAriaLabel: {
type: StringConstructor;
required: true;
};
noPadding: {
type: BooleanConstructor;
default: boolean;
};
noSectionDividers: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {
hasFooter(): boolean;
paddingClass(): "p-0" | "p-7";
}, {
closeModal(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly> & {
onClose?: ((...args: any[]) => any) | undefined;
}, {
visible: boolean;
width: string;
header: string;
subheader: string;
noPadding: boolean;
noSectionDividers: boolean;
}, {}>;
LobButton: import('vue').DefineComponent<{
variant: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
bold: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {
small(): boolean;
medium(): boolean;
large(): boolean;
xlarge(): boolean;
primary(): boolean;
upgrade(): boolean;
secondary(): boolean;
quiet(): boolean;
ghost(): boolean;
danger(): boolean;
dangerSecondary(): boolean;
link(): boolean;
linkTypeClasses(): string;
}, {
handleClick($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly boolean;
};
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
bold: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onClick?: ((...args: any[]) => any) | undefined;
}, {
size: string;
bold: boolean;
disabled: boolean;
variant: string;
}, {}>;
RadioButton: (__VLS_props: {
onInput?: ((value: Value) => any) | undefined;
onClick?: ((event: Event) => any) | undefined;
"onUpdate:modelValue"?: ((modelValue: Value) => any) | undefined;
modelValue?: Value | undefined;
disabled?: boolean | undefined;
error?: boolean | undefined;
helperText?: string | undefined;
icon?: import('../Icon').IconName | undefined;
id: string;
inputAttributes?: (import('vue').InputHTMLAttributes & Record) | undefined;
label?: string | undefined;
labelContainerAttributes?: (import('vue').HTMLAttributes & Record) | undefined;
labelAttributes?: (import('vue').LabelHTMLAttributes & Record) | undefined;
loading?: boolean | undefined;
name: string;
readonly?: boolean | undefined;
required?: boolean | undefined;
value: Value;
variant?: import('../RadioButton').RadioButtonVariant | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, __VLS_ctx?: {
attrs: any;
slots: Readonly<{
default: () => any;
chips: () => any;
helper: () => any;
}> & {
default: () => any;
chips: () => any;
helper: () => any;
};
emit: {
(e: "click", event: Event): void;
(e: "input", value: Value): void;
} & ((evt: "update:modelValue", modelValue: Value) => void);
} | undefined, __VLS_expose?: ((exposed: import('vue').ShallowUnwrapRef<{}>) => void) | undefined, __VLS_setup?: Promise<{
props: {
onInput?: ((value: Value) => any) | undefined;
onClick?: ((event: Event) => any) | undefined;
"onUpdate:modelValue"?: ((modelValue: Value) => any) | undefined;
modelValue?: Value | undefined;
disabled?: boolean | undefined;
error?: boolean | undefined;
helperText?: string | undefined;
icon?: import('../Icon').IconName | undefined;
id: string;
inputAttributes?: (import('vue').InputHTMLAttributes & Record) | undefined;
label?: string | undefined;
labelContainerAttributes?: (import('vue').HTMLAttributes & Record) | undefined;
labelAttributes?: (import('vue').LabelHTMLAttributes & Record) | undefined;
loading?: boolean | undefined;
name: string;
readonly?: boolean | undefined;
required?: boolean | undefined;
value: Value;
variant?: import('../RadioButton').RadioButtonVariant | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
attrs: any;
slots: Readonly<{
default: () => any;
chips: () => any;
helper: () => any;
}> & {
default: () => any;
chips: () => any;
helper: () => any;
};
emit: {
(e: "click", event: Event): void;
(e: "input", value: Value): void;
} & ((evt: "update:modelValue", modelValue: Value) => void);
}>) => import('vue').VNode & {
__ctx?: {
props: {
onInput?: ((value: Value) => any) | undefined;
onClick?: ((event: Event) => any) | undefined;
"onUpdate:modelValue"?: ((modelValue: Value) => any) | undefined;
modelValue?: Value | undefined;
disabled?: boolean | undefined;
error?: boolean | undefined;
helperText?: string | undefined;
icon?: import('../Icon').IconName | undefined;
id: string;
inputAttributes?: (import('vue').InputHTMLAttributes & Record) | undefined;
label?: string | undefined;
labelContainerAttributes?: (import('vue').HTMLAttributes & Record) | undefined;
labelAttributes?: (import('vue').LabelHTMLAttributes & Record) | undefined;
loading?: boolean | undefined;
name: string;
readonly?: boolean | undefined;
required?: boolean | undefined;
value: Value;
variant?: import('../RadioButton').RadioButtonVariant | undefined;
} & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
expose(exposed: import('vue').ShallowUnwrapRef<{}>): void;
attrs: any;
slots: Readonly<{
default: () => any;
chips: () => any;
helper: () => any;
}> & {
default: () => any;
chips: () => any;
helper: () => any;
};
emit: {
(e: "click", event: Event): void;
(e: "input", value: Value): void;
} & ((evt: "update:modelValue", modelValue: Value) => void);
} | undefined;
};
RadioGroup: import('vue').DefineComponent<{
legend: {
type: StringConstructor;
default: string;
};
srOnlyLegend: {
type: BooleanConstructor;
default: boolean;
};
separateLines: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly>, {
required: boolean;
legend: string;
srOnlyLegend: boolean;
separateLines: boolean;
}, {}>;
};
setup: () => {
args: any;
};
data: () => {
isModalVisible: boolean;
radioModel: string;
};
template: string;
};
export namespace Primary {
let args: {};
}
export function WithDropdown(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
LegacyModal: import('vue').DefineComponent<{
visible: {
type: BooleanConstructor;
default: boolean;
};
width: {
type: StringConstructor;
default: string;
};
header: {
type: StringConstructor;
default: null;
};
subheader: {
type: StringConstructor;
default: null;
};
closeButtonAriaLabel: {
type: StringConstructor;
required: true;
};
noPadding: {
type: BooleanConstructor;
default: boolean;
};
noSectionDividers: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {
hasFooter(): boolean;
paddingClass(): "p-0" | "p-7";
}, {
closeModal(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "close"[], "close", import('vue').PublicProps, Readonly> & {
onClose?: ((...args: any[]) => any) | undefined;
}, {
visible: boolean;
width: string;
header: string;
subheader: string;
noPadding: boolean;
noSectionDividers: boolean;
}, {}>;
LobButton: import('vue').DefineComponent<{
variant: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
bold: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {
small(): boolean;
medium(): boolean;
large(): boolean;
xlarge(): boolean;
primary(): boolean;
upgrade(): boolean;
secondary(): boolean;
quiet(): boolean;
ghost(): boolean;
danger(): boolean;
dangerSecondary(): boolean;
link(): boolean;
linkTypeClasses(): string;
}, {
handleClick($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, "click"[], "click", import('vue').PublicProps, Readonly boolean;
};
size: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
bold: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onClick?: ((...args: any[]) => any) | undefined;
}, {
size: string;
bold: boolean;
disabled: boolean;
variant: string;
}, {}>;
Dropdown: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
modelValue: {
type: (StringConstructor | ObjectConstructor)[];
required: true;
};
id: {
type: StringConstructor;
required: true;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: string;
};
options: {
type: ArrayConstructor;
required: true;
validator: (value: unknown) => any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}, any, {
activeIndex: number;
activeOptionRef: null;
selectedIndex: number;
open: boolean;
ignoreBlur: boolean;
searchTimeout: number;
searchString: string;
confirmChangeModalVisible: boolean;
changeOptionEvent: null;
indexBeingChangedTo: null;
}, {
optionItems(): any;
flattenedOptions(): any[];
selectedOptionItem(): any;
value(): any;
minIndex(): number;
maxIndex(): number;
activeId(): string;
optionsAreStrings(): boolean;
}, {
setOptionRef(optionEl: any, option: any): void;
isOptGroup(optionItem: any): any;
setSelectedInLifecycle(): void;
isScrollable(element: any): any;
maintainScrollVisibility(activeElement: any, scrollParent: any): void;
filterOptions(options?: any[], filter?: string, exclude?: any[]): any[];
getActionFromKey($event: any, menuOpen: any): string | undefined;
getIndexByLetter(filter: any, startIndex?: number): number;
getSearchString(char: any): string;
getUpdatedIndex(current: any, action: any): any;
onSelectKeydown($event: any): void;
onSelectType(letter: any): void;
onSelectBlur(): void;
onOptionMousedown(): void;
onOptionMouseover($event: any, index: any): void;
onOptionChange(index: any): void;
onOptionClick($event: any, index: any): void;
updateMenuState(open: any, focus?: boolean): void;
selectOption($event: any, index: any): void;
tryOnOptionClick($event: any, index: any): void;
changeOptionConfirmed(): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option")[], "input" | "update:modelValue" | "change" | "open:list" | "close:list" | "hover:option", import('vue').PublicProps, Readonly any;
};
required: {
type: BooleanConstructor;
default: boolean;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
listHeight: {
type: StringConstructor;
default: null;
};
confirmChangeModal: {
type: BooleanConstructor;
default: boolean;
};
confirmModalTitle: {
type: StringConstructor;
default: string;
};
confirmModalSubtext: {
type: StringConstructor;
default: string;
};
confirmModalConfirmBtnText: {
type: StringConstructor;
default: string;
};
}>> & {
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
"onOpen:list"?: ((...args: any[]) => any) | undefined;
"onClose:list"?: ((...args: any[]) => any) | undefined;
"onHover:option"?: ((...args: any[]) => any) | undefined;
}, {
required: boolean;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
disabled: boolean;
placeholder: string;
listHeight: string;
confirmChangeModal: boolean;
confirmModalTitle: string;
confirmModalSubtext: string;
confirmModalConfirmBtnText: string;
}, {}>;
};
setup: () => {
args: any;
};
data: () => {
isModalVisible: boolean;
dropVModel: string;
};
template: string;
};
export namespace WithDropdown {
let args_1: {};
export { args_1 as args };
}