## Index

### Enumerations

- InputSize
- InputType

### Classes

- InputImpl

### Interfaces

- OwnProps

### Type aliases

- Props

### Variables

- Input

### Object literals

- styles

## Type aliases

### Props

Props: OwnProps & WithSheet<IgnoreJSSNested<object>, __type> & HTMLProps<HTMLInputElement>

- Defined in components/Input/index.tsx:92

## Variables

### Const Input

Input: ComponentClass<object & StyledComponentProps<"label" | "container" | "input" | "inputXSmall" | "inputXXSmall" | "inputSmall" | "inputBig" | "header" | "error">, any> | StatelessComponent<object & StyledComponentProps<"label" | "container" | "input" | "inputXSmall" | "inputXXSmall" | "inputSmall" | "inputBig" | "header" | "error">> = injectSheet(styles as IgnoreJSSNested<typeof styles>)(InputImpl)

- Defined in components/Input/index.tsx:148

## Object literals

### Const styles

styles: object

- Defined in components/Input/index.tsx:27

### container

container: object

- Defined in components/Input/index.tsx:28

### maxWidth

maxWidth: number = 500

- Defined in components/Input/index.tsx:29

### error

error: object

- Defined in components/Input/index.tsx:84

### color

color: string = theme.colors.error

- Defined in components/Input/index.tsx:86

### padding

padding: any = [0, 5, 8, 10] as any

- Defined in components/Input/index.tsx:88

### textAlign

textAlign: string = "right"

- Defined in components/Input/index.tsx:87

### header

header: object

- Defined in components/Input/index.tsx:74

### display

display: string = "flex"

- Defined in components/Input/index.tsx:75

### justifyContent

justifyContent: string = "space-between"

- Defined in components/Input/index.tsx:76

### input

input: object

- Defined in components/Input/index.tsx:31

### appearance

appearance: string = "none"

- Defined in components/Input/index.tsx:33

### backgroundColor

backgroundColor: string = "#FFFFFF"

- Defined in components/Input/index.tsx:45

### border

border: any = (({ error }: OwnProps) => error ? `2px solid ${theme.colors.error}` : '1px solid rgba(41, 41, 41, 0.1)') as any

- Defined in components/Input/index.tsx:34

### borderRadius

borderRadius: number = 30

- Defined in components/Input/index.tsx:37

### boxSizing

boxSizing: string = "border-box"

- Defined in components/Input/index.tsx:36

### color

color: any = (({ error }: OwnProps) => error ? theme.colors.error : '#292929') as any

- Defined in components/Input/index.tsx:44

### display

display: string = "block"

- Defined in components/Input/index.tsx:32

### height

height: number = 34

- Defined in components/Input/index.tsx:40

### lineHeight

lineHeight: string = "34px"

- Defined in components/Input/index.tsx:41

### minWidth

minWidth: number = 200

- Defined in components/Input/index.tsx:38

### padding

padding: any = [0, 15] as any

- Defined in components/Input/index.tsx:35

### transition

transition: string = "all 250ms ease-out"

- Defined in components/Input/index.tsx:43

### width

width: string = "100%"

- Defined in components/Input/index.tsx:39

### &::-webkit-input-placeholder

&::-webkit-input-placeholder: object

- Defined in components/Input/index.tsx:52

### color

color: string = "rgba(1, 1, 1, 0.3)"

- Defined in components/Input/index.tsx:53

### &:disabled

&:disabled: object

- Defined in components/Input/index.tsx:46

### opacity

opacity: number = 0.4

- Defined in components/Input/index.tsx:47

### &:focus

&:focus: object

- Defined in components/Input/index.tsx:49

### outline

outline: string = "none"

- Defined in components/Input/index.tsx:50

### inputBig

inputBig: object

- Defined in components/Input/index.tsx:69

### fontSize

fontSize: string = "13px"

- Defined in components/Input/index.tsx:70

### height

height: string = "42px"

- Defined in components/Input/index.tsx:71

### lineHeight

lineHeight: string = "42px"

- Defined in components/Input/index.tsx:72

### inputSmall

inputSmall: object

- Defined in components/Input/index.tsx:65

### height

height: string = "30px"

- Defined in components/Input/index.tsx:66

### lineHeight

lineHeight: string = "30px"

- Defined in components/Input/index.tsx:67

### inputXSmall

inputXSmall: object

- Defined in components/Input/index.tsx:56

### height

height: string = "24px"

- Defined in components/Input/index.tsx:57

### lineHeight

lineHeight: string = "24px"

- Defined in components/Input/index.tsx:58

### inputXXSmall

inputXXSmall: object

- Defined in components/Input/index.tsx:60

### height

height: string = "20px"

- Defined in components/Input/index.tsx:61

### lineHeight

lineHeight: string = "20px"

- Defined in components/Input/index.tsx:62

### padding

padding: string = "0 10px"

- Defined in components/Input/index.tsx:63

### label

label: object

- Defined in components/Input/index.tsx:78

### color

color: any = (({ error }: OwnProps) => error ? theme.colors.error : theme.colors.gray.middle) as any

- Defined in components/Input/index.tsx:82

### display

display: string = "block"

- Defined in components/Input/index.tsx:79

### margin

margin: any = [0, 0, 8, 5] as any

- Defined in components/Input/index.tsx:80

Generated using TypeDoc