@platformbuilders/fluid-react/dist/components/TextInput/styles.d.ts

Builders React for Fluid Design System

/// <reference types="react" />
type HasIcon = {
    $hasIconLeft?: boolean;
    $hasIconRight?: boolean;
};
type PlaceholderLabelProps = {
    $hasValue: boolean;
    $hasError: boolean;
} & HasIcon;
type VariantProps = {
    $variant?: 'default' | 'outlined';
};
type MessageProps = VariantProps & {
    $hasError: boolean;
};
type InputProps = VariantProps & {
    $hasError: boolean;
    $isDisabled?: boolean;
} & HasIcon;
type InputWrapperProps = VariantProps & {
    $hasFocus: boolean;
    $hasError: boolean;
    $isDisabled?: boolean;
};
type IconProps = {
    $clickable?: boolean;
    $hasError: boolean;
};
type LabelProps = {
    $hasFocus: boolean;
    $hasError: boolean;
    $isDisabled?: boolean;
} & HasIcon;
type FieldsetProps = {
    $hasFocus: boolean;
    $hasError: boolean;
    $isDisabled?: boolean;
};
export declare const PlaceholderLabel: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, PlaceholderLabelProps>>;
export declare const Input: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, InputProps>>;
export declare const StyledIMaskInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<(Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").Masked<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid">> & {
    mask: typeof import("imask/esm/index").Masked | typeof import("imask/esm/index").MaskedPattern | typeof import("imask/esm/index").MaskedDate | typeof import("imask/esm/index").MaskedNumber | typeof import("imask/esm/index").MaskedEnum | typeof import("imask/esm/index").MaskedRange | typeof import("imask/esm/index").MaskedRegExp | typeof import("imask/esm/index").MaskedFunction | typeof import("imask/esm/index").MaskedDynamic;
} & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").Masked<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid">> & {
    mask: import("imask/esm/index").Masked<any>;
} & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Omit<import("imask/esm/index").MaskedDateOptions, "mask"> & {
    mask: DateConstructor;
} & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").MaskedNumber, "scale" | "mask" | "max" | "min" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "radix" | "thousandsSeparator" | "mapToRadix" | "normalizeZeros" | "padFractionalZeros">> & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").MaskedPattern<string>, "mask" | "format" | "eager" | "lazy" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "definitions" | "blocks" | "placeholderChar" | "displayChar">> & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").MaskedDynamic<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid" | "dispatch">> & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").MaskedRegExp, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid">> & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref"> | Omit<import("react-imask").ReactElementProps<HTMLInputElement> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>, "ref"> & Omit<import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>, "ref"> & Partial<Pick<import("imask/esm/index").MaskedFunction<any>, "mask" | "format" | "eager" | "parent" | "prepare" | "prepareChar" | "validate" | "commit" | "parse" | "overwrite" | "skipInvalid">> & {
    unmask?: boolean | "typed" | undefined;
} & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>> & {
    ref?: import("react").Ref<import("react").ComponentType<import("react-imask").IMaskInputProps<HTMLInputElement, import("react-imask").IMaskMixinProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts> & import("react-imask").ReactMaskProps<HTMLInputElement, import("react-imask").ReactMaskOpts<import("imask/esm/index").FactoryOpts>>>>>> | undefined;
}, "ref">) & import("react").RefAttributes<unknown>, InputProps>>;
export declare const Message: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, MessageProps>>;
export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, VariantProps>>;
export declare const IconWrapperLeft: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconProps>>;
export declare const IconWrapperRight: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IconProps>>;
export declare const Label: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, LabelProps>>;
export declare const InputWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, InputWrapperProps>>;
export declare const Fieldset: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, FieldsetProps>>;
export {};