import { CSSObject } from 'styled-components'; import { FoundationTokenType } from '../../../tokens/theme.token'; import { BreakpointType } from '../../../breakpoints/breakPoints'; declare enum SearchInputState { DEFAULT = "default", HOVER = "hover", FOCUS = "focus", ERROR = "error", DISABLED = "disabled" } export type SearchInputTokensType = { gap: CSSObject['gap']; label: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: { [key in SearchInputState]: CSSObject['color']; }; }; subLabel: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: { [key in SearchInputState]: CSSObject['color']; }; }; hintText: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: { [key in SearchInputState]: CSSObject['color']; }; }; errorMessage: { fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; color: CSSObject['color']; }; required: { color: CSSObject['color']; }; inputContainer: { padding: { x: CSSObject['padding']; y: CSSObject['padding']; }; borderRadius: CSSObject['borderRadius']; borderBottom: { [key in SearchInputState]: CSSObject['borderBottom']; }; outline: CSSObject['outline']; boxShadow: CSSObject['boxShadow']; color: { [key in SearchInputState]: CSSObject['color']; }; fontSize: CSSObject['fontSize']; fontWeight: CSSObject['fontWeight']; }; icon: { color: { [key in SearchInputState]: CSSObject['color']; }; width: CSSObject['width']; }; }; export type ResponsiveSearchInputTokens = { [key in keyof BreakpointType]: SearchInputTokensType; }; export declare const getSearchInputTokens: (foundationTokens: FoundationTokenType) => ResponsiveSearchInputTokens; export default getSearchInputTokens;