michael/cinny
1
0
Fork 0
Code Issues 8 Pull requests Projects Releases Packages Wiki Activity

Added primary varient in IconButton

Browse source 
Signed-off-by: Ajay Bura <ajbura@gmail.com>
This commit is contained in:
Ajay Bura 2021-12-03 18:26:18 +05:30
parent 9454ffd1af
commit fb5f368894
2 changed files with 8 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/app/atoms/button/IconButton.jsx
View file

@ -44,7 +44,7 @@ IconButton.defaultProps = {
}; };
IconButton.propTypes = { IconButton.propTypes = {
variant: PropTypes.oneOf(['surface', 'positive', 'caution', 'danger']), variant: PropTypes.oneOf(['surface', 'primary', 'positive', 'caution', 'danger']),
size: PropTypes.oneOf(['normal', 'small', 'extra-small']), size: PropTypes.oneOf(['normal', 'small', 'extra-small']),
type: PropTypes.oneOf(['button', 'submit', 'reset']), type: PropTypes.oneOf(['button', 'submit', 'reset']),
tooltip: PropTypes.string, tooltip: PropTypes.string,

7
src/app/atoms/button/IconButton.scss
View file

@ -29,6 +29,13 @@
@include focus(var(--bg-surface-hover)); @include focus(var(--bg-surface-hover));
@include state.active(var(--bg-surface-active)); @include state.active(var(--bg-surface-active));
} }
.ic-btn-primary {
@include color(var(--ic-primary-normal));
@include state.hover(var(--bg-primary-hover));
@include focus(var(--bg-primary-hover));
@include state.active(var(--bg-primary-active));
background-color: var(--bg-primary);
}
.ic-btn-positive { .ic-btn-positive {
@include color(var(--ic-positive-normal)); @include color(var(--ic-positive-normal));
@include state.hover(var(--bg-positive-hover)); @include state.hover(var(--bg-positive-hover));