Skip to content

5.0.0

Latest
Compare
Choose a tag to compare
@exah exah released this 24 Jun 06:32
· 16 commits to master since this release

✨ New

Styles

  • boxShadow
  • hide is moved from display
  • fontSize
  • fontWeight
  • lineHeight
  • letterSpacing
  • textAlign
  • textColor
  • textOverflow
  • overflow as shorthand for overflow-x, overflow-y and -webkit-overflow-scrolling
  • whiteSpace
  • CSS Grids
    • gridContainer
    • gridItem

Systems

  • new box system to replace old system 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 old text and typography style:
    • fontFamily
    • fontSize
    • fontWeight
    • letterSpacing
    • lineHeight
    • textAlign
    • textColor
    • whiteSpace
  • atomic now just separate system (experimental and could be removed)

💥 Changed

  • space aliases
    • mgm for margin
    • pdp for padding
  • border are now without alias
    • bdborder
    • bdcborderColor (now exported separately)
  • radiusborderRadius
  • display now includes only css display style, hide exported separately
  • flex now is only css flex prop, other styles exported separately as flexContainer, boxContentAlignment and boxItemsAlignment
  • Rename directionpositionOffsets
  • Instead of ellipsis use textOverflow

🔥 Removed

  • cursor
  • direction
  • float
  • system
  • typography
  • grid
  • ellipsis

PR - 5.0.0 (#6)
4.3.0...5.0.0