import { default as TextInput } from './TextInput.vue';
import { default as mdx } from './TextInput.mdx';
///
declare namespace _default {
export let title: string;
export { TextInput as component };
export namespace parameters {
namespace docs {
export { mdx as page };
}
}
export let argTypes: {
'v-model': {
control: {
type: null;
};
};
size: {
options: string[];
control: {
type: string;
};
};
type: {
options: string[];
control: {
type: string;
};
};
};
}
export default _default;
export function Primary(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
};
setup: () => {
args: any;
};
data: () => {
textInputVModel: string;
};
template: string;
};
export namespace Primary {
namespace args {
let id: string;
let label: string;
let placeholder: string;
}
}
export function WithTooltip(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
LobLabel: import('vue').DefineComponent<{
label: {
type: StringConstructor;
required: true;
};
labelFor: {
type: StringConstructor;
required: true;
};
required: {
type: BooleanConstructor;
default: boolean;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
readOnly: {
type: BooleanConstructor;
default: boolean;
};
}, any, any, {
tooltip(): any;
}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly boolean;
};
readOnly: {
type: BooleanConstructor;
default: boolean;
};
}>>, {
required: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
readOnly: boolean;
}, {}>;
};
setup: () => {
args: any;
};
data: () => {
textInputVModel: string;
};
template: string;
};
export namespace WithTooltip {
export namespace args_1 {
let id_1: string;
export { id_1 as id };
let label_1: string;
export { label_1 as label };
export let srOnlyLabel: boolean;
let placeholder_1: string;
export { placeholder_1 as placeholder };
}
export { args_1 as args };
}
export function IconLeft(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
MagnifyingGlass: any;
};
setup: () => {
args: any;
};
data: () => {
textInputVModel: string;
};
template: string;
};
export namespace IconLeft {
export namespace args_2 {
let id_2: string;
export { id_2 as id };
let label_2: string;
export { label_2 as label };
let placeholder_2: string;
export { placeholder_2 as placeholder };
}
export { args_2 as args };
}
export function IconRight(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
Upload: any;
};
setup: () => {
args: any;
};
data: () => {
textInputVModel: string;
};
template: string;
};
export namespace IconRight {
export namespace args_3 {
let id_3: string;
export { id_3 as id };
let label_3: string;
export { label_3 as label };
let placeholder_3: string;
export { placeholder_3 as placeholder };
}
export { args_3 as args };
}
export function BothIcons(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
MagnifyingGlass: any;
Upload: any;
};
setup: () => {
args: any;
};
data: () => {
textInputVModel: string;
};
template: string;
};
export namespace BothIcons {
export namespace args_4 {
let id_4: string;
export { id_4 as id };
let label_4: string;
export { label_4 as label };
let placeholder_4: string;
export { placeholder_4 as placeholder };
}
export { args_4 as args };
}
export function WithClearButton(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
};
setup: () => {
args: any;
};
data: () => {
textInputVModel: string;
};
template: string;
};
export namespace WithClearButton {
export namespace args_5 {
let id_5: string;
export { id_5 as id };
let label_5: string;
export { label_5 as label };
let placeholder_5: string;
export { placeholder_5 as placeholder };
export let withClearButton: boolean;
}
export { args_5 as args };
}
export function WithCopyButton(args: any, { argTypes }: {
argTypes: any;
}): {
props: string[];
components: {
TextInput: import('vue').DefineComponent<{
tooltipContent: {
type: StringConstructor;
default: null;
};
tooltipPosition: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}, any, {
showCopied: boolean;
}, {
iconLeft(): import('vue').Slot | undefined;
iconRight(): import('vue').Slot | undefined;
selectedOptions(): import('vue').Slot | undefined;
showClearButton(): any;
}, {
copyToClipboard(): void;
onInput($event: any): void;
onFocus($event: any): void;
onBlur($event: any): void;
onInvalid($event: any): void;
focus(): void;
clearInput($event: any): void;
}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid")[], "input" | "update:modelValue" | "change" | "focus" | "blur" | "copy" | "invalid", import('vue').PublicProps, Readonly boolean;
};
modelValue: {
type: (StringConstructor | NumberConstructor)[];
default: null;
};
id: {
type: StringConstructor;
required: true;
};
type: {
type: StringConstructor;
default: string;
validator: (value: unknown) => boolean;
};
min: {
type: NumberConstructor;
default: null;
};
max: {
type: NumberConstructor;
default: null;
};
pattern: {
type: StringConstructor;
default: null;
};
label: {
type: StringConstructor;
required: true;
};
srOnlyLabel: {
type: BooleanConstructor;
default: boolean;
};
placeholder: {
type: StringConstructor;
default: null;
};
disabled: {
type: BooleanConstructor;
default: boolean;
};
required: {
type: BooleanConstructor;
default: boolean;
};
error: {
type: BooleanConstructor;
default: boolean;
};
success: {
type: BooleanConstructor;
default: boolean;
};
readonly: {
type: BooleanConstructor;
default: boolean;
};
withCopyButton: {
type: BooleanConstructor;
default: boolean;
};
copyButtonLabel: {
type: StringConstructor;
default: string;
};
copiedTooltipContent: {
type: StringConstructor;
default: string;
};
selectOnClick: {
type: BooleanConstructor;
default: boolean;
};
inputClass: {
type: StringConstructor;
default: string;
};
helperText: {
type: StringConstructor;
default: string;
};
isMultiselect: {
type: BooleanConstructor;
default: boolean;
};
withClearButton: {
type: BooleanConstructor;
default: boolean;
};
}>> & {
onCopy?: ((...args: any[]) => any) | undefined;
onFocus?: ((...args: any[]) => any) | undefined;
onBlur?: ((...args: any[]) => any) | undefined;
onChange?: ((...args: any[]) => any) | undefined;
onInput?: ((...args: any[]) => any) | undefined;
onInvalid?: ((...args: any[]) => any) | undefined;
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
}, {
type: string;
required: boolean;
readonly: boolean;
pattern: string;
error: boolean;
success: boolean;
srOnlyLabel: boolean;
tooltipContent: string;
tooltipPosition: string;
disabled: boolean;
helperText: string;
max: number;
min: number;
modelValue: string | number;
placeholder: string;
inputClass: string;
withCopyButton: boolean;
copyButtonLabel: string;
copiedTooltipContent: string;
selectOnClick: boolean;
isMultiselect: boolean;
withClearButton: boolean;
}, {}>;
};
setup: () => {
args: any;
};
template: string;
};
export namespace WithCopyButton {
export namespace args_6 {
let id_6: string;
export { id_6 as id };
let label_6: string;
export { label_6 as label };
export let modelValue: string;
export let readonly: boolean;
export let withCopyButton: boolean;
}
export { args_6 as args };
}