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

The parent module that contains all Workday Canvas Kit React components

import { ErrorType, GrowthBehavior } 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: string;
        };
        horizontal: {
            resize: string;
        };
        vertical: {
            resize: string;
        };
        none: {
            resize: string;
        };
    };
}, {}, {}, 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>, 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