@workday/canvas-kit-react/dist/es6/text-area/lib/TextArea.d.ts

The parent module that contains all Workday Canvas Kit React components

import { GrowthBehavior, ErrorType } from '@workday/canvas-kit-react/common';
export type ValueOf<T> = T[keyof T];
export interface TextAreaProps extends GrowthBehavior {
    /**
     * The type of error associated with the TextArea (if applicable).
     */
    error?: ErrorType;
    /**
     * The resize constraints of the TextArea.
     * @default TextArea.ResizeDirection.Both
     */
    resize?: ValueOf<typeof TextAreaResizeDirection>;
}
export declare const TextAreaResizeDirection: {
    readonly None: "none";
    readonly Both: "both";
    readonly Horizontal: "horizontal";
    readonly Vertical: "vertical";
};
export declare const textAreaStencil: import("@workday/canvas-kit-styling").Stencil<{
    resize: {
        both: {
            resize: "both";
        };
        horizontal: {
            resize: "horizontal";
        };
        vertical: {
            resize: "vertical";
        };
        none: {
            resize: "none";
        };
    };
}, {}, {}, 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>, never>;
export declare const TextArea: import("@workday/canvas-kit-react/common").ElementComponent<"textarea", TextAreaProps> & {
    ErrorType: typeof ErrorType;
    ResizeDirection: {
        readonly None: "none";
        readonly Both: "both";
        readonly Horizontal: "horizontal";
        readonly Vertical: "vertical";
    };
};
//# sourceMappingURL=TextArea.d.ts.map