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

The parent module that contains all Workday Canvas Kit React components

import { ErrorType, GrowthBehavior } 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: string;
        };
        false: {
            width: string;
        };
    };
    error: {
        error: {
            borderColor: "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))";
            boxShadow: string;
            '&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled]))': {
                borderColor: "var(--cnvs-sys-color-brand-border-critical, oklch(0.6495 0.2369 30.04 / 1))";
            };
            '&:is(:focus-visible, .focus):not([disabled])': {
                boxShadow: string;
                outlineOffset: string;
            };
            '@media (forced-colors: active)': {
                outline: string;
            };
        };
        caution: {
            borderColor: "var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))";
            boxShadow: string;
            '&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled]))': {
                borderColor: "var(--cnvs-sys-color-brand-border-caution, var(--cnvs-brand-alert-dark, oklch(0.6601 0.1537 60.7 / 1)))";
            };
            '&:is(:focus-visible, .focus):not([disabled])': {
                boxShadow: string;
            };
            outlineOffset: string;
            '@media (forced-colors: active)': {
                outline: string;
                outlineOffset: number;
            };
        };
    };
}, {}, {
    width: string;
}, import("@workday/canvas-kit-styling").Stencil<import("@workday/canvas-kit-styling").StencilModifierConfig<{}, {
    shape: string;
}, never>, {}, {
    shape: string;
}, never, never>, never>;
export declare const TextInput: import("@workday/canvas-kit-react/common").ElementComponent<"input", TextInputProps> & {
    ErrorType: typeof ErrorType;
};
//# sourceMappingURL=TextInput.d.ts.map