form-tool
Version:
Create quickly and robustly with form hooks
170 lines (169 loc) • 6.71 kB
TypeScript
import * as CSS from 'csstype';
import { CSSObject } from 'styled-components';
export declare type TDefaultTextAreaStyle = {
container?: {
styles?: CSSObject;
mediaTable?: boolean;
mediaPhone?: boolean;
stylesTable?: CSSObject;
stylesPhone?: CSSObject;
width?: CSS.Property.Width;
margin?: CSS.Property.Margin;
minWidth?: CSS.Property.Width;
maxWidth?: CSS.Property.Width;
display?: CSS.Property.Display;
widthTable?: CSS.Property.Width;
widthPhone?: CSS.Property.Width;
position?: CSS.Property.Position;
maxWidthPhone?: CSS.Property.MaxWidth;
maxWidthTable?: CSS.Property.MaxWidth;
flexDirection?: CSS.Property.FlexDirection;
hoverDisplayTooltip?: CSS.Property.Display;
};
label?: {
styles?: CSSObject;
activeTitle?: boolean;
color?: CSS.Property.Color;
margin?: CSS.Property.Margin;
border?: CSS.Property.Border;
padding?: CSS.Property.Padding;
colorError?: CSS.Property.Color;
fontSize?: CSS.Property.FontSize;
overflow?: CSS.Property.Overflow;
colorNotValue?: CSS.Property.Color;
colorDisabled?: CSS.Property.Color;
textAlign?: CSS.Property.TextAlign;
fontFamily?: CSS.Property.FontFamily;
whiteSpace?: CSS.Property.WhiteSpace;
textOverflow?: CSS.Property.TextOverflow;
hoverDisplayTooltip?: CSS.Property.Display;
};
textarea?: {
styles?: CSSObject;
activeTitle?: boolean;
width?: CSS.Property.Width;
color?: CSS.Property.Color;
border?: CSS.Property.Border;
padding?: CSS.Property.Padding;
outline?: CSS.Property.Outline;
fontSize?: CSS.Property.FontSize;
borderError?: CSS.Property.Border;
borderFocus?: CSS.Property.Border;
minHeight?: CSS.Property.MinHeight;
textAlign?: CSS.Property.TextAlign;
colorDisabled?: CSS.Property.Color;
borderSuccess?: CSS.Property.Border;
fontFamily?: CSS.Property.FontFamily;
cursorDisabled?: CSS.Property.Cursor;
transform?: CSS.Property.TextTransform;
colorDisabledClick?: CSS.Property.Color;
borderRadius?: CSS.Property.BorderRadius;
cursorDisabledClick?: CSS.Property.Cursor;
hoverDisplayTooltip?: CSS.Property.Display;
fontFamilyDisabled?: CSS.Property.FontFamily;
backgroundColor?: CSS.Property.BackgroundColor;
fontFamilyDisabledClick?: CSS.Property.FontFamily;
backgroundColorDisabled?: CSS.Property.BackgroundColor;
backgroundColorDisabledClick?: CSS.Property.BackgroundColor;
};
tooltip?: {
styles?: CSSObject;
top?: CSS.Property.Top;
left?: CSS.Property.Left;
color?: CSS.Property.Color;
zIndex?: CSS.Property.ZIndex;
border?: CSS.Property.Border;
bottom?: CSS.Property.Bottom;
padding?: CSS.Property.Padding;
display?: CSS.Property.Display;
fontSize?: CSS.Property.FontSize;
position?: CSS.Property.Position;
topAfterBefore?: CSS.Property.Top;
boxShadow?: CSS.Property.BoxShadow;
leftAfterBefore?: CSS.Property.Left;
fontFamily?: CSS.Property.FontFamily;
borderAfterBefore?: CSS.Property.Border;
bottomAfterBefore?: CSS.Property.Bottom;
borderRadius?: CSS.Property.BorderRadius;
contentAfterBefore?: CSS.Property.Content;
positionAfterBefore?: CSS.Property.Position;
backgroundColor?: CSS.Property.BackgroundColor;
pointerEventsAfterBefore?: CSS.Property.PointerEvents;
};
symbol?: {
styles?: CSSObject;
left?: CSS.Property.Left;
color?: CSS.Property.Color;
bottom?: CSS.Property.Bottom;
position?: CSS.Property.Position;
fontSize?: CSS.Property.FontSize;
colorDisabled?: CSS.Property.Color;
fontFamily?: CSS.Property.FontFamily;
colorDisabledClick?: CSS.Property.Color;
fontFamilyDisabled?: CSS.Property.FontFamily;
fontFamilyDisabledClick?: CSS.Property.FontFamily;
};
messageError?: {
pass?: string;
email?: string;
letter?: string;
numeric?: string;
required?: string;
date?: (value: string) => string;
hour?: (value: string) => string;
minimum?: (value: number) => string;
maximum?: (value: number) => string;
range?: (min: number, max: number) => string;
};
loading?: {
container?: Node;
size?: string | number;
top?: CSS.Property.Top;
left?: CSS.Property.Left;
right?: CSS.Property.Right;
color?: CSS.Property.Color;
bottom?: CSS.Property.Bottom;
position?: CSS.Property.Position;
};
tooltipTextArea?: {
styles?: CSSObject;
color?: CSS.Property.Color;
zIndex?: CSS.Property.ZIndex;
maxWidth?: CSS.Property.Width;
opacity?: CSS.Property.Opacity;
padding?: CSS.Property.Padding;
fontSize?: CSS.Property.FontSize;
position?: CSS.Property.Position;
overflow?: CSS.Property.Overflow;
maxHeight?: CSS.Property.MaxHeight;
fontFamily?: CSS.Property.FontFamily;
whiteSpace?: CSS.Property.WhiteSpace;
visibility?: CSS.Property.Visibility;
textOverflow?: CSS.Property.TextOverflow;
borderRadius?: CSS.Property.BorderRadius;
backgroundColor?: CSS.Property.BackgroundColor;
};
tooltipLabel?: {
styles?: CSSObject;
color?: CSS.Property.Color;
zIndex?: CSS.Property.ZIndex;
maxWidth?: CSS.Property.Width;
opacity?: CSS.Property.Opacity;
padding?: CSS.Property.Padding;
position?: CSS.Property.Position;
overflow?: CSS.Property.Overflow;
fontSize?: CSS.Property.FontSize;
maxHeight?: CSS.Property.MaxHeight;
fontFamily?: CSS.Property.FontFamily;
whiteSpace?: CSS.Property.WhiteSpace;
visibility?: CSS.Property.Visibility;
borderRadius?: CSS.Property.BorderRadius;
textOverflow?: CSS.Property.TextOverflow;
backgroundColor?: CSS.Property.BackgroundColor;
};
boxTextArea?: {
styles?: CSSObject;
};
};
export declare let defaultStyle: TDefaultTextAreaStyle;
export declare const useInitConfigTextArea: () => [TDefaultTextAreaStyle, (newStyles: TDefaultTextAreaStyle) => void];