import { Size, Shape, Contrast, Value } from '../../../context/FormContext';
import { type CSSObject } from '@emotion/serialize';
export declare function getSizeHeight(size: Size): number;
export declare function getSizeHorizontalPadding(size: Size): number;
export declare function getShapeBorderRadius(shape: Shape): number;
export declare function getContrastBorderColor(contrast: Contrast, error?: boolean): string;
export declare function getContrastBackgroundColor(contrast: Contrast): string;
export declare function getContrastColor(contrast: Contrast): string;
export default function responsiveField(props: Pick<Value, 'shape' | 'size' | 'contrast' | 'brandColor'> & {
    error?: boolean;
}): CSSObject;
//# sourceMappingURL=responsiveField.d.ts.map