@simpozio/contact-form
Version:
Package for Contact Form component
101 lines • 4.49 kB
TypeScript
/// <reference types="react" />
import { TStyledContainer } from '../../types';
export declare const FONT: {
SIZE: {
BASE: string;
XXXS: string;
XXS: string;
XS: string;
S: string;
MS: string;
M: string;
ML: string;
MXL: string;
L: string;
XL: string;
XXL: string;
XXXL: string;
};
LINE_HEIGHT: {
BASE: string;
S: string;
M: string;
};
WEIGHT: {
BASE: string;
};
SPACING: {
L: string;
};
FAMILY: {
BASE: string;
};
};
export declare const COLOR: {
PRIMARY: string;
INVERT: string;
ERROR: string;
WARNING: string;
};
export declare const DEFAULT_THEME: {
FONT: {
SIZE: {
BASE: string;
XXXS: string;
XXS: string;
XS: string;
S: string;
MS: string;
M: string;
ML: string;
MXL: string;
L: string;
XL: string;
XXL: string;
XXXL: string;
};
LINE_HEIGHT: {
BASE: string;
S: string;
M: string;
};
WEIGHT: {
BASE: string;
};
SPACING: {
L: string;
};
FAMILY: {
BASE: string;
};
};
COLOR: {
PRIMARY: string;
INVERT: string;
ERROR: string;
WARNING: string;
LIGHT: string;
};
BACKGROUND: {
PRIMARY: string;
INVERT: string;
};
};
export declare const Error: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
export declare const FormText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
export declare const BottomText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
export declare const FormGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
export declare const StyledField: import("styled-components").StyledComponent<({ className, name, type, label, placeholder, field, required, disabled, onChange, onBlur }: import("../../types").TField) => JSX.Element, any, {}, never>;
export declare const StyledButton: import("styled-components").StyledComponent<({ className, type, disabled, pending, outlined, icon, onHover, onFocus, onBlur, onClick, theme, styles, children }: any) => JSX.Element, any, {}, never>;
export declare const buttonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
export declare const StyledForm: import("styled-components").StyledComponent<({ className, action, method, initialValues, onChange, onValidate, onValid, onSubmit, onError, children }: import("../../types").TForm) => JSX.Element, any, {}, never>;
export declare const Container: import("styled-components").StyledComponent<"div", any, {
Form: import("styled-components").StyledComponent<({ className, action, method, initialValues, onChange, onValidate, onValid, onSubmit, onError, children }: import("../../types").TForm) => JSX.Element, any, {}, never>;
FormGroup: import("styled-components").StyledComponent<"div", any, {}, never>;
FormText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
BottomText: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
Field: import("styled-components").StyledComponent<({ className, name, type, label, placeholder, field, required, disabled, onChange, onBlur }: import("../../types").TField) => JSX.Element, any, {}, never>;
Button: import("styled-components").StyledComponent<({ className, type, disabled, pending, outlined, icon, onHover, onFocus, onBlur, onClick, theme, styles, children }: any) => JSX.Element, any, {}, never>;
Error: import("styled-components").StyledComponent<({ html, className, children }: import("../../types").TCaption) => JSX.Element, any, {}, never>;
} & TStyledContainer, "Form" | "FormGroup" | "FormText" | "BottomText" | "Field" | "Button" | "Error">;
//# sourceMappingURL=styles.d.ts.map