Breaking Changes
- Moved to Styled Components v4 🎉
- Internal DOM structure of Button changed. This might be a breaking change if you were using
button.extend
in the theme. - Button now has an explicit
disabled
prop, now not sendingonClick
will still enable the button. - Narrow has been removed as a breakpoint name (it is small now). Also,
theme.edgeSize.narrow
has been moved totheme.global.breakpoints.small.edgeSize
. More here. - Checkbox theme structural changes (
theme.checkBox
):- Moved
radius
fromborder
tocheck
- Renamed
check.width
tocheck.thickness
- Moved
check.color
to the root checkBox entry since it affects both toggle and check instances
- Moved
- Normalized color inside theme:
border-light
andborder-dark
changed toborder.light
andborder.dark
theme.global.text.color
moved totheme.global.colors.text
theme.global.control.color
moved totheme.global.colors.control
- If you don't set a
theme.button.primary.color
, primary buttons by default will usetheme.global.colors.control
instead oftheme.global.colors.brand
- More here.
- Removed HPE from grommet core theme. It lives in a separate library now (grommet-theme-hpe).
- Removed
shadow
from drop theme entry. Now it leverageselevation
from Box.
Compatible Changes
- Box: added more options to
round
prop - Box: allow background to specify both an image and color
- Box: added support for custom width and height
- Box: added more options to
overflow
prop - Button: fixed margin when icon is present
- Calendar: fixed styling issues when moving months with different char length
- Calendar: fixed quick navigation and animation issues
- Calendar: allows a custom header to be passed to Calendar
- Calendar: added
animate
,reference
, andshowAdjacentDays
props - Collapsible: added
direction
prop to allow collapsing horizontally - Layer: fixed overlay being removed when responsive is false
- Tabs: better responsive styling
- Drop, Layer: changed onclick to mousedown to fix issues with clicking outside
- Added source code for Storybook 🎉
- Added support for
2/4
basis and size - Enhanced IE11 Support for Calendar and Collapsible