@cap3/capitano-components/lib/atoms/basics/formElementHelpers.d.ts

# <div style="color: crimson;">ALPHA DISCLAIMER</div>

import { CapitanoTheme, ThemeProp } from '@cap3/capitano-theme';
import { CSSObject } from 'create-emotion';
export declare type FormElementRadius = 'sharp' | 'small' | 'medium' | 'round';
export declare type FormElementSize = 'large' | 'medium' | 'small';
export declare type FormElementBorderProps = {
    outlined?: boolean;
    radius?: FormElementRadius;
};
export declare type FormElementDimensionsProps = {
    size?: FormElementSize;
} & FormElementWidthProps;
export declare const getFormElementBorderRadius: (radius: "sharp" | "small" | "medium" | "round" | undefined, height: number, theme: CapitanoTheme) => number;
export declare type FormElementWidthProps = {
    fixed?: boolean;
};
export declare const formElementWidth: ({ fixed }: FormElementWidthProps) => CSSObject;
export declare const formElementBaseStyle: ({ radius, size, outlined, fixed, theme, }: ThemeProp & {
    size?: "small" | "medium" | "large" | undefined;
} & FormElementWidthProps & FormElementBorderProps) => CSSObject;
export declare const formElementHeight: (size: "small" | "medium" | "large" | undefined, theme: CapitanoTheme) => number;
export declare const fontSizeForElementSize: (size: "small" | "medium" | "large" | undefined, theme: CapitanoTheme) => number;
export declare const formElementInputBaseStyle: ({ theme, size, }: {
    theme: CapitanoTheme;
} & {
    size?: "small" | "medium" | "large" | undefined;
} & FormElementWidthProps) => CSSObject;
export declare const formElementBorderStyle: ({ outlined, theme, }: FormElementBorderProps & ThemeProp) => CSSObject;
//# sourceMappingURL=formElementHelpers.d.ts.map