|
|
|
@ -37,6 +37,11 @@ const Wrapper = styled.button`
|
|
|
|
|
background: ${colors.GREEN_TERTIARY};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
|
border-color: ${colors.INPUT_FOCUSED_BORDER};
|
|
|
|
|
box-shadow: 0 0px 6px 0 ${colors.INPUT_FOCUSED_SHADOW};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
${props => props.isDisabled && css`
|
|
|
|
|
pointer-events: none;
|
|
|
|
|
color: ${colors.TEXT_SECONDARY};
|
|
|
|
@ -48,6 +53,10 @@ const Wrapper = styled.button`
|
|
|
|
|
color: ${colors.TEXT_SECONDARY};
|
|
|
|
|
border: 1px solid ${colors.DIVIDER};
|
|
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
|
border-color: ${colors.INPUT_FOCUSED_BORDER};
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover {
|
|
|
|
|
color: ${colors.TEXT_PRIMARY};
|
|
|
|
|
background: ${colors.DIVIDER};
|
|
|
|
@ -64,6 +73,11 @@ const Wrapper = styled.button`
|
|
|
|
|
border: 0px;
|
|
|
|
|
color: ${colors.TEXT_SECONDARY};
|
|
|
|
|
|
|
|
|
|
&:focus {
|
|
|
|
|
color: ${colors.TEXT_PRIMARY};
|
|
|
|
|
box-shadow: none;
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
&:hover,
|
|
|
|
|
&:active {
|
|
|
|
|
color: ${colors.TEXT_PRIMARY};
|
|
|
|
|