@ -76,18 +76,14 @@ const StyledInput = styled.input<
|
||||
}
|
||||
|
||||
&:focus {
|
||||
${({ theme }) => {
|
||||
${({ theme, error }) => {
|
||||
return `
|
||||
border-color: ${theme.color.blue};
|
||||
border-color: ${error ? theme.border.color.danger : theme.color.blue};
|
||||
`;
|
||||
}};
|
||||
}
|
||||
`;
|
||||
|
||||
const StyledErrorHelper = styled(InputErrorHelper)`
|
||||
padding: ${({ theme }) => theme.spacing(1)};
|
||||
`;
|
||||
|
||||
const StyledLeftIconContainer = styled.div<{ sizeVariant: TextInputV2Size }>`
|
||||
align-items: center;
|
||||
display: flex;
|
||||
@ -270,9 +266,7 @@ const TextInputV2Component = (
|
||||
)}
|
||||
</StyledTrailingIconContainer>
|
||||
</StyledInputContainer>
|
||||
{error && !noErrorHelper && (
|
||||
<StyledErrorHelper>{error}</StyledErrorHelper>
|
||||
)}
|
||||
<InputErrorHelper isVisible={!noErrorHelper}>{error}</InputErrorHelper>
|
||||
</StyledContainer>
|
||||
);
|
||||
};
|
||||
|
||||
Reference in New Issue
Block a user