✨ New
Styles
boxShadow
hide
is moved fromdisplay
fontSize
fontWeight
lineHeight
letterSpacing
textAlign
textColor
textOverflow
overflow
as shorthand foroverflow-x
,overflow-y
and-webkit-overflow-scrolling
whiteSpace
- CSS Grids
gridContainer
gridItem
Systems
- new
box
system to replace oldsystem
export and includes following styles:border
borderColor
borderRadius
boxSelfAlignment
boxShadow
colors
display
flex
hide
opacity
order
outline
overflow
position
positionOffsets
ratio
sizes
space
transform
transition
- new
text
system to replace oldtext
andtypography
style:fontFamily
fontSize
fontWeight
letterSpacing
lineHeight
textAlign
textColor
whiteSpace
atomic
now just separate system (experimental and could be removed)
💥 Changed
space
aliasesmg
→m
for marginpd
→p
for padding
border
are now without aliasbd
→border
bdc
→borderColor
(now exported separately)
radius
→borderRadius
display
now includes only css display style,hide
exported separatelyflex
now is only css flex prop, other styles exported separately asflexContainer
,boxContentAlignment
andboxItemsAlignment
- Rename
direction
→positionOffsets
- Instead of
ellipsis
usetextOverflow
🔥 Removed
cursor
direction
float
system
typography
grid
ellipsis
PR - 5.0.0 (#6)
4.3.0...5.0.0