import type { SystemStyleObject } from '@styled-system/css'; import type { GroupBase, StylesConfig } from 'react-select'; import { CapUILineHeight } from '../../styles'; import { Colors } from '../../styles/modules/colors'; import { ExtendedColors } from '../../utils/getThemeWithColorsToken'; import { CapInputSize, InputVariantColor } from './enums'; export declare const InputInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit & Omit>, "ref"> & { ref?: any; }, never>> & string & Omit>; declare const styles: (colors: ExtendedColors, variantColor: InputVariantColor, isEmpty?: boolean) => { borderTopLeftRadius: string; borderTopRightRadius: string; boxShadow: string; borderColor: string; lineHeight: CapUILineHeight; color: string; bg: string; '&::placeholder': { color: string; lineHeight: CapUILineHeight; }; '&[type=number]': { paddingRight: number; }; '&:focus,&:focus-visible,&[aria-selected="true"],&:active': { outline: string; boxShadow: string; borderColor: string; bg: string; }; '&:disabled': { bg: string; color: string; boxShadow: string; '&::placeholder': { color: string; }; }; '&[readonly]': { bg: string; boxShadow: string; '&::placeholder': { color: string; }; }; }; export declare const focusWithinStyles: (isDisabled: boolean, isEmpty: boolean, isReadonly: boolean, colors: ExtendedColors, variantColor: InputVariantColor) => SystemStyleObject; export declare function reactSelectStyle = GroupBase