System components

Added

• Support for emotion

Changed

• styled-system v2
• grid-styled v4
• Moves components to separate modules
• Uses system-components
• Updates docs site

Breaking

• 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 with radii
  • font has been replaced with fonts
  • monospace has been removed
  • Theme fields are no longer exposed as exports
• Props
  • width is only available on Flex and Box
  • fontSize is only available on typographic components
  • direction is now flexDirection
  • Flex align is now alignItems
  • Flex justify is now justifyContent
  • Flex wrap is now flexWrap
  • Arrow up is now direction='up'
  • active props have been removed in favor of custom styles
  • Border now uses styled-system border props
  • Banner image is now backgroundImage
  • Absolute, Fixed, Relative, and Sticky now require values for top, right, bottom, and left props
  • Drawer position prop has been renamed to side
  • Drawer size prop has been replaced with width and height props

Removed

• Custom HOC hoc
• createLibrary function
• util
• createComponent
• Palx dependency
• ScrollCarousel component
• CarouselSlide component
• Star comonent