@kubit-ui-web/react-components/dist/cjs/styles/mixins/input.mixin.d.ts

Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience

import { CSSProp } from 'styled-components';
import { InputStyledProps, LabelStyledProps } from '../../components/input/types/inputStyledPropsType';
import { InputBasicStateProps, InputIconPosition } from '../../components/input/types/inputTheme';
export declare const getLeft: (styles?: InputBasicStateProps) => string;
export declare const mapLabelTypeStyles: (props: LabelStyledProps) => CSSProp;
export declare const mapBaseStyles: ({ state, labelType, placeholder, styles, }: InputStyledProps) => CSSProp;
export declare const getIconPaddingDeprecated: (position?: InputIconPosition, styles?: InputBasicStateProps) => CSSProp;
export declare const getIconPadding: (leftIcon?: boolean, rightIcon?: boolean, styles?: InputBasicStateProps) => CSSProp | undefined;
export declare const mapVariableStyles: (styles?: InputBasicStateProps) => CSSProp;
export declare const innerLeftContentPosition: () => CSSProp;
export declare const innerRightContentPosition: () => CSSProp;
export declare const helpMessageMargin: (marginLeft: number) => CSSProp;
export declare const labelInTopStyles: (marginLeft: number, inputWidth: number) => CSSProp;
export declare const contentTopMargin: (marginRight: number) => CSSProp;
export declare const contentBottomMargin: (marginLeft: number, marginRight: number) => CSSProp;
export declare const inputPadding: (marginLeft: number, marginRight: number) => CSSProp;
export declare const inputFocusWidthMixin: import("styled-components").RuleSet<object>;