v31.11.0
Minor Changes
-
Button, ButtonLink: Improve Button
bleed(#1103)Previously the
bleedYprop allowed the background ofButtonto bleed vertically into the surrounding layout. This worked well for all variants excepttransparent, which needed to bleed horizontally as well.To support this we have introduced the
bleedprop which will apply the bleed based on thevariant. We have also deprecatedbleedYwhich will be removed in a future release.EXAMPLE USAGE:
<Button - bleedY + bleed {...} > Button </Button>
MIGRATION GUIDE
Migration from
bleedYtobleedcan be automated by running the Braid upgrade command, passing thev31.11version. You must provide a glob to target your project’s source files. For example:yarn braid-upgrade v31.11 "**/*.{ts,tsx}"It is recommended to visually review the any
Buttonusage with thetransparentvariant, to ensure the layout is as expected.