import { CSSObject } from 'styled-components'; import { FoundationTokenType } from '../../../tokens/theme.token'; import { BreakpointType } from '../../../breakpoints/breakPoints'; declare enum TextAreaState { DEFAULT = "default", HOVER = "hover", FOCUS = "focus", ERROR = "error", DISABLED = "disabled" } export type TextAreaTokensType = { gap: CSSObject['gap']; placeholder?: { color?: CSSObject['color']; fontWeight?: CSSObject['fontWeight']; }; label: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: { [key in TextAreaState]: CSSObject['color']; }; }; subLabel: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: { [key in TextAreaState]: CSSObject['color']; }; }; helpIcon: { width: CSSObject['width']; color: { [key in TextAreaState]: CSSObject['color']; }; }; hintText: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: { [key in TextAreaState]: CSSObject['color']; }; }; errorMessage: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: CSSObject['color']; }; required: { color: CSSObject['color']; }; inputContainer: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; padding: { x: CSSObject['padding']; y: CSSObject['padding']; }; borderRadius: CSSObject['borderRadius']; boxShadow: CSSObject['boxShadow']; border: { [key in TextAreaState]: CSSObject['border']; }; color: { [key in TextAreaState]: CSSObject['color']; }; backgroundColor: { [key in TextAreaState]: CSSObject['backgroundColor']; }; }; }; export type ResponsiveTextAreaTokens = { [key in keyof BreakpointType]: TextAreaTokensType; }; export declare const getTextAreaTokens: (foundationTokens: FoundationTokenType) => ResponsiveTextAreaTokens; export default getTextAreaTokens;