@navinc/base-react-components/cjs/form-elements/shared.d.ts

Nav's Pattern Library

import { MouseEventHandler } from 'react';
import NumberFormat from 'react-number-format';
import { IconName } from '../icons/index.js';
export declare const HelperIcon: import("styled-components").StyledComponent<({ name, size, ...props }: {
    name: IconName;
    size?: string | undefined;
} & import("react").SVGProps<SVGSVGElement>) => JSX.Element | null, import("styled-components").DefaultTheme, {}, never>;
export declare const HelperDescription: import("styled-components").StyledComponent<({ bold: _bold, shouldScaleFont: _shouldScaleFont, boldType: _boldType, light: _light, ...props }: import("../copy.js").CopyProps) => JSX.Element, import("styled-components").DefaultTheme, {
    size: "sm";
    bold: true;
}, "size" | "bold">;
export declare const HelperItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    isLink?: boolean | undefined;
    hasSpaceForErrors?: boolean | undefined;
    hasSpaceForHelper?: boolean | undefined;
}, never>;
type HelperProps = {
    className?: string;
    hasSpaceForHelper?: boolean;
    helperLinkAction?: MouseEventHandler<HTMLDivElement>;
    helperText?: string;
    iconName?: IconName;
};
export declare const Helper: import("styled-components").StyledComponent<({ className, hasSpaceForHelper, helperLinkAction, helperText, iconName }: HelperProps) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export declare const Label: import("styled-components").StyledComponent<({ bold, light: _light, size: _size, boldType: _boldType, ...props }: import("../text.js").TextProps) => JSX.Element, import("styled-components").DefaultTheme, {
    bold?: boolean | undefined;
    size?: "small" | "medium" | "large" | "regular" | undefined;
    boldType?: "bold" | "regular" | "semiBold" | undefined;
    $bold?: boolean | undefined;
    light?: boolean | undefined;
} & import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & {
    required?: boolean | undefined;
}, never>;
export declare const FieldWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
export declare const Input: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
    isInvalid?: boolean | undefined;
}, never>;
export declare const CurrencyInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
    isInvalid?: boolean | undefined;
} & {
    as: typeof NumberFormat;
}, "as">;
export declare const PercentInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
    isInvalid?: boolean | undefined;
} & {
    as: typeof NumberFormat;
}, "as">;
export declare const NumberInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, {
    isInvalid?: boolean | undefined;
} & {
    as: typeof NumberFormat;
}, "as">;
export declare const Chevron: import("styled-components").StyledComponent<({ className, disabled, isInvalid }: {
    className?: string | undefined;
    disabled?: boolean | undefined;
    isInvalid?: boolean | undefined;
}) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
export declare const Field: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {
    isVisited?: boolean | undefined;
}, never>;
export declare const Err: import("styled-components").StyledComponent<({ bold: _bold, shouldScaleFont: _shouldScaleFont, boldType: _boldType, light: _light, ...props }: import("../copy.js").CopyProps) => JSX.Element, import("styled-components").DefaultTheme, {
    size: "sm";
    bold: true;
}, "size" | "bold">;
export declare const Errors: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
    hasSpaceForErrors?: boolean | undefined;
}, never>;
export declare const visuallyHiddenStyles: import("styled-components").FlattenSimpleInterpolation;
export declare const HiddenLegend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {}, never>;
export declare const Legend: import("styled-components").StyledComponent<"legend", import("styled-components").DefaultTheme, {}, never>;
export declare const Fieldset: import("styled-components").StyledComponent<"fieldset", import("styled-components").DefaultTheme, {}, never>;
export {};