aboutsummaryrefslogtreecommitdiffstats
path: root/packages/website/ts/components/ui/input.tsx
diff options
context:
space:
mode:
authorSteve Klebanoff <steve.klebanoff@gmail.com>2019-01-03 08:56:49 +0800
committerSteve Klebanoff <steve.klebanoff@gmail.com>2019-01-03 08:56:49 +0800
commitedb3a613879ecb4ae077dc4e4256965de2092e48 (patch)
treeb7860f548c5399238d466f51241d86720b3a87a2 /packages/website/ts/components/ui/input.tsx
parent89f67b9becf3b4c0d13cceeaca4d5656ad500a9a (diff)
parent1ddf1087dd327b2ef35165518ee91eb457b84174 (diff)
downloaddexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar
dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.gz
dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.bz2
dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.lz
dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.xz
dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.tar.zst
dexon-sol-tools-edb3a613879ecb4ae077dc4e4256965de2092e48.zip
Merge branch 'development' into feature/instant/tell-amount-available
Diffstat (limited to 'packages/website/ts/components/ui/input.tsx')
-rw-r--r--packages/website/ts/components/ui/input.tsx49
1 files changed, 0 insertions, 49 deletions
diff --git a/packages/website/ts/components/ui/input.tsx b/packages/website/ts/components/ui/input.tsx
deleted file mode 100644
index d21b9fd0e..000000000
--- a/packages/website/ts/components/ui/input.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import { colors } from '@0x/react-shared';
-import * as React from 'react';
-import { styled } from 'ts/style/theme';
-
-export interface InputProps {
- className?: string;
- value?: string;
- width?: string;
- fontSize?: string;
- fontColor?: string;
- border?: string;
- padding?: string;
- placeholderColor?: string;
- placeholder?: string;
- backgroundColor?: string;
- onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-}
-
-const PlainInput: React.StatelessComponent<InputProps> = ({ value, className, placeholder, onChange }) => (
- <input className={className} value={value} onChange={onChange} placeholder={placeholder} />
-);
-
-export const Input = styled(PlainInput)`
- font-size: ${props => props.fontSize};
- width: ${props => props.width};
- padding: ${props => props.padding};
- border-radius: 3px;
- box-sizing: border-box;
- font-family: 'Roboto Mono';
- color: ${props => props.fontColor};
- border: ${props => props.border};
- outline: none;
- background-color: ${props => props.backgroundColor};
- &::placeholder {
- color: ${props => props.placeholderColor};
- }
-`;
-
-Input.defaultProps = {
- width: 'auto',
- backgroundColor: colors.white,
- fontColor: colors.darkestGrey,
- placeholderColor: colors.darkGrey,
- fontSize: '12px',
- border: 'none',
- padding: '0.8em 1.2em',
-};
-
-Input.displayName = 'Input';