@workday/canvas-kit-react
Version:
The parent module that contains all Workday Canvas Kit React components
83 lines • 2.67 kB
TypeScript
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: 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: "--cnvs-brand-common-error-inner";
borderWidth: string;
backgroundColor: "--cnvs-brand-error-lightest";
'&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled]))': {
borderColor: "--cnvs-brand-common-error-inner";
};
'&:is(:focus-visible, .focus):not([disabled])': {
boxShadow: string;
outlineOffset: string;
};
};
caution: {
borderColor: "--cnvs-brand-common-alert-outer";
boxShadow: string;
backgroundColor: "--cnvs-brand-alert-lightest";
'&:is(:hover, .hover, :disabled, .disabled, :focus-visible:not([disabled]), .focus:not([disabled]))': {
borderColor: "--cnvs-brand-common-alert-outer";
};
'&:is(:focus-visible, .focus):not([disabled])': {
boxShadow: string;
};
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