sci-components
sci-components copied to clipboard
Update padding on Icon Buttons to align with new spacing rules
All sizes (l, m, s) of the Icon variants of Button
and ButtonDropdown
components need the padding between the icon and the gray circle that appears behind the icons on hover and pressed to be changed to use new spacing variables.
-
Button
– primary and secondary variants (tertiary variant does not have background color on hover):-
size: l
– top/bottom/left/right padding:spaceXxs
; total width/height: 40px x 40px -
size: m
– top/bottom/left/right padding:spaceXs
; total width/height: 36px x 36px -
size: s
– top/bottom/left/right padding:spaceXs
; total width/height: 28px x 28px
-
-
ButtonDropdown
– primary and secondary variants:-
size: l
– top/bottom/left/right padding:spaceXxs
; total width/height: 40px x 40px -
size: m
– top/bottom/left/right padding:spaceXs
; total width/height: 36px x 36px -
size: s
– top/bottom/left/right padding:spaceXs
; total width/height: 28px x 28px
-