@workday/canvas-kit-react/dist/commonjs/text-input/lib/TextInput.d.ts

The parent module that contains all Workday Canvas Kit React components

import { GrowthBehavior, ErrorType } from '@workday/canvas-kit-react/common';
import { CSProps } from '@workday/canvas-kit-styling';
export interface TextInputProps extends GrowthBehavior, CSProps {
    /**
     * The type of error associated with the TextInput (if applicable).
     */
    error?: ErrorType;
    /**
     * The width of the TextInput.
     */
    width?: number | string;
}
export declare const textInputStencil: import("@workday/canvas-kit-styling").Stencil<{
    grow: {
        true: {
            width: string;
            resize: "vertical";
        };
        false: {
            width: string;
        };
    };
    error: {
        error: {
            borderColor: "--cnvs-brand-error-base";
            boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base`;
            '&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled]))': {
                borderColor: "--cnvs-brand-error-base";
            };
            '&:is(:focus-visible, .focus):not([disabled])': {
                boxShadow: `inset 0 0 0 ${string} --cnvs-brand-error-base, 0 0 0 2px --cnvs-sys-color-border-inverse, 0 0 0 4px --cnvs-brand-common-focus-outline`;
                outlineOffset: string;
            };
        };
        alert: {
            borderColor: "--cnvs-brand-alert-darkest";
            boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base`;
            '&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled]))': {
                borderColor: "--cnvs-brand-alert-darkest";
            };
            '&:is(:focus-visible, .focus):not([disabled])': {
                boxShadow: `inset 0 0 0 ${string} --cnvs-brand-alert-base,\n        0 0 0 2px --cnvs-sys-color-border-inverse,\n        0 0 0 4px --cnvs-brand-common-focus-outline`;
            };
            outlineOffset: string;
        };
    };
}, {}, {
    width: string;
}, never, never>;
export declare const TextInput: import("@workday/canvas-kit-react/common").ElementComponent<"input", TextInputProps> & {
    ErrorType: typeof ErrorType;
};
//# sourceMappingURL=TextInput.d.ts.map