|
|
@ -28,7 +28,7 @@ const InputIconWrapper = styled.div`
|
|
|
|
display: inline-block;
|
|
|
|
display: inline-block;
|
|
|
|
`;
|
|
|
|
`;
|
|
|
|
|
|
|
|
|
|
|
|
const InputLabel = styled.span`
|
|
|
|
const TopLabel = styled.span`
|
|
|
|
padding-bottom: 4px;
|
|
|
|
padding-bottom: 4px;
|
|
|
|
color: ${colors.TEXT_SECONDARY};
|
|
|
|
color: ${colors.TEXT_SECONDARY};
|
|
|
|
`;
|
|
|
|
`;
|
|
|
@ -102,8 +102,8 @@ class Input extends Component {
|
|
|
|
<Wrapper
|
|
|
|
<Wrapper
|
|
|
|
className={this.props.className}
|
|
|
|
className={this.props.className}
|
|
|
|
>
|
|
|
|
>
|
|
|
|
{this.props.inputLabel && (
|
|
|
|
{this.props.topLabel && (
|
|
|
|
<InputLabel>{this.props.inputLabel}</InputLabel>
|
|
|
|
<TopLabel>{this.props.topLabel}</TopLabel>
|
|
|
|
)}
|
|
|
|
)}
|
|
|
|
<InputWrapper>
|
|
|
|
<InputWrapper>
|
|
|
|
<InputIconWrapper>
|
|
|
|
<InputIconWrapper>
|
|
|
@ -153,7 +153,7 @@ Input.propTypes = {
|
|
|
|
onChange: PropTypes.func,
|
|
|
|
onChange: PropTypes.func,
|
|
|
|
state: PropTypes.string,
|
|
|
|
state: PropTypes.string,
|
|
|
|
bottomText: PropTypes.string,
|
|
|
|
bottomText: PropTypes.string,
|
|
|
|
inputLabel: PropTypes.string,
|
|
|
|
topLabel: PropTypes.node,
|
|
|
|
sideAddons: PropTypes.arrayOf(PropTypes.node),
|
|
|
|
sideAddons: PropTypes.arrayOf(PropTypes.node),
|
|
|
|
isDisabled: PropTypes.bool,
|
|
|
|
isDisabled: PropTypes.bool,
|
|
|
|
};
|
|
|
|
};
|
|
|
|