- Update dependencies
- Add missing
heading
variant toHeading
#754
- Update dependencies
- Add layout package
- Add Slider and Switch to forms package
- Fix publish
- Add bundler setup & build for
@rebass/forms/styled-system
- Add forms package
- Update dependencies
- Fix ignore files
- Adjust build
- Update dependencies
- New
sx
prop for theme-based styles - Use the
css
prop for un-themed, raw CSS values - No additional Babel configuration required for the
sx
orcss
props - Use the
sx
prop in MDX documents - Built-in support for themeable component variants
- Fully compatible with Theme UI
- The default package now uses Emotion. To use Rebass with Styled Components, import the components from
rebass/styled-components
instead. - The undocumented theme keys for
Box
,Flex
,Text
,Heading
,Link
,Button
,Image
, andCard
are no longer supported. Use variants instead. - The
@rebass/grid
package has been renamed (back to)reflexbox
- Heading: default
fontWeight
is now set toheading
. Add styles totheme.fontWeights
to customize theheading
font weight. - Button no longer supports the following props. Use the
sx
prop instead.border
,borderColor
,borderWidth
,borderStyle
,borderRadius
,borderTop
,borderRight
,borderBottom
,borderLeft
,borderX
,borderY
- Image no longer supports the following props. Use the
sx
prop instead.border
,borderColor
,borderWidth
,borderStyle
,borderRadius
,borderTop
,borderRight
,borderBottom
,borderLeft
,borderX
,borderY
- Link no longer includes default styles. Add styles to
theme.variants.link
to customize link styles. - Card no longer supports the following props. Use the
sx
prop instead.border
,borderColor
,borderWidth
,borderStyle
,borderRadius
,borderTop
,borderRight
,borderBottom
,borderLeft
,borderX
,borderY
,boxShadow
,textShadow
,background
,backgroundImage
,backgroundSize
,backgroundPosition
,backgroundRepeat
,
- Update to Styled System v4
- Update styled-system #555
- Reduced package size
- Reduced number of components to 8
- Updated for Styled Components v4 and Emotion v10
- Reduced dependencies
- Removed default theme and colors
- Removed Provider component
- Added variant theme support for Button and Card components
- Removed
is
prop in favor of Styled Components' and Emotion'sas
prop - Uses Box component as base for all other components
- Removed
css
prop in favor of Styled Components' and Emotion's implementations
- Removes
css
prop in favor of babel-plugin-styled-components - Adds build setup for Emotion 10
- Update dependencies
- Sets
box-sizing: border-box
on base Box component
- Adds flexbox props back to Box component
- Adds emotion package
- Update styled-system
- Update docs
- Update docs for v3
- Smaller package
- Reduced number of components to 8
- Upgraded for styled-components v4
- Reduced dependencies to one
- Removed default theme and colors
- Removed Rebass Provider component
- Added variant theme support to Button and Card
- Removed
is
prop in favor of styled-componentsas
prop - Uses Box component as the base for all other components
- Update repo in package.json
- Update readme
- Fix bad prepublish build
- Upgrade to @rebass/components, @rebass/grid, and styled-system v3
- Use
polished
for color manipulation instead ofchroma-js
- Support
width
prop on Card - Update docs
- Add Hide component
- Add
fontFamily
to Heading and Text components - Update docs
- 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