- Support for emotion
- styled-system v2
- grid-styled v4
- Moves components to separate modules
- Uses system-components
- Updates docs site
- Renamed components
- TabItem -> Tab
- DotButton -> Dot
- PanelHeader -> Panel.Header
- PanelFooter -> Panel.Footer
- Default theme (changed to match styled-system)
- The
colors
object no longer uses Palx - Array color values have been removed
radius
has been replaced withradii
font
has been replaced withfonts
monospace
has been removed- Theme fields are no longer exposed as exports
- The
- Props
width
is only available on Flex and BoxfontSize
is only available on typographic componentsdirection
is nowflexDirection
- Flex
align
is nowalignItems
- Flex
justify
is nowjustifyContent
- Flex
wrap
is nowflexWrap
- Arrow
up
is nowdirection='up'
active
props have been removed in favor of custom styles- Border now uses styled-system border props
- Banner
image
is nowbackgroundImage
- Absolute, Fixed, Relative, and Sticky now require values for
top
,right
,bottom
, andleft
props - Drawer
position
prop has been renamed toside
- Drawer
size
prop has been replaced withwidth
andheight
props
- Custom HOC
hoc
createLibrary
functionutil
createComponent
- Palx dependency
- ScrollCarousel component
- CarouselSlide component
- Star comonent