- New
variant
API with support for inline variant definitions and theme-based style objects #699
- Add support for
overflowX
andoverflowY
#682 @styled-system/css
: add support forsize
#684- Update dependencies
@styled-system/css
: add support forfill
,stroke
, andflexBasis
#679
- Fix publish
- Add theme support for more border properties #670 & #671
@styled-system/css
allow functional values to return responsive array values #654
- Fix for incorrectly ordered
@media
rules whennull
values are used in multiple array-value props #638 - Fix for incorrectly ordered
@media
rules with responsive object values - Added integration tests with Styled Components and Emotion
@styled-system/prop-types
exportscreatePropTypes
- Failed lerna publish
- Update dependencies
@styled-system/css
: fix forp
paragraph/padding collision- Add option to disable breakpoint caching #595
- Export single-property functions for v4 shims #584
- Use
theme.space
for position props #598
@styled-system/css
: add support forgap
,rowGap
, andcolumnGap
properties #596
- Fix for parser config
@styled-system/css
: usetheme.space
in grid properties #574
@styled-system/css
: usetheme.space
in position properties #568@styled-system/css
: fix null check #572
@styled-system/css
: use theme intextShadow
property #567
- Add missing prop types #557
@styled-system/should-forward-prop
: add missing props #554- Fix example #548
- Update dependencies #553
- Add unit test #545
- Update docs #542, #543
- Fix
get
utility #536 - Fix
boxShadow
export #535 - Fix typo in docs #534
- Fix typo in docs #530
- Fix export #528
- Update docs #525, #526, #527
- Fix margin transform
- Add null check for
get
utility
- Edit Babel config
- Faster (fastest implementation yet)
- New
system
API for custom style props - Built-in style props are now grouped into categories
- Style functions are now available as separate packages (e.g.
@styled-system/core
,@styled-system/space
) - Removes
propTypes
(use.propNames
or the optional@styled-system/prop-types
package instead) - No longer converts numbers to
px
strings - Changes interal
get
utility - Removes:
isObject
,is
,px
,num
,createMediaQuery
,defaultBreakpoints
,merge
,cloneFunction
,mapProps
- No longer returns
null
(returns and empty object instead) - No longer converts padding to negative values (not needed)
- Removes
themeGet
from main package, use@styled-system/theme-get
instead - The new
theme.sizes
scale replacesheights
,minHeights
,maxHeights
,minWidths
, andmaxWidths
; and is used for thewidth
prop - Style functions now cache
theme.breakpoints
. If you rely on dynamically changing breakpoints in runtime, this is a breaking change
- Fix for sort order in IE #465
- Fix for
merge
utility #483
- Fix build
- Merge returned styles into a single object #473
- #440
- #442
- #439
- #438
- Fix
.npmignore
- #434
- #435
- #433
- #431
- Changes source order in
borders
#429
- Fix for missing
propTypes
onspace
function
- Fix for props in
textStyles
andcolorStyles
- Rewritten core for less code duplication
- No longer merges returned style object, but returns arrays instead, which should work with common CSS-in-JS libraries
space
function has been rewritten with the corestyle
andcompose
utilities- Adds long-form props for margin and padding (e.g.
marginTop
). Shorthand aliases still work as before. - Reintroduces the
alias
argument tostyle
utility - Removes the
styles
object export - Removes the
util
object export - Removes
merge
utility - Removes the
mixed
utility since it did not behave as expected - The theme "scale" is now passed as the second argument to the
transformValue
option instyle
utility - Removes the
ratio
style function - The following changes to the
borders
style function- The shorthand border props no longer transform numbers to pixel widths with a
solid
border-style
- Adds
borderWidth
,borderStyle
,borderColor
, andborderRadius
props - All border props are also available as individual imports
- The shorthand border props no longer transform numbers to pixel widths with a
- Removes
styleType
from prop typesmeta
fields - Changes to the
get
utility: now returns the last argument as a fallback - Rename
bgColor
tobackgroundColor
- Adds prop types for objects #366
- Allow object syntax for responsive values #341
- Allow nested objects for
theme.space
#352
- Bugfix: remove usage of
in
operator in get utility
- Convert numbers to pixels with keyed space values
- Allow
getTheme
to return falsy values
- Use Babel runtime
- Fix for
breakpoints
numbers not being converted to pixels
- Fix
.npmignore
- Update docs
- Fix for passing falsy value as first item in array values
- Add
module
field to package.json
- Fix missing
styles
object keys
- Patch to debug broken release
- Upgrade to Babel 7
- Performance rewrite
- Simplified API
- Faster
- Smaller
variant
compose
css
style
utility is now responsive by default- All built-in style functions now support responsive array values
backgroundImage
no longer wraps values withurl()
buttonStyle
prop has been renamed tovariant
- The
style
utilitygetter
argument has beend renamed totransformValue
util.get
no longer supports a fallback argument
propTypes[prop].meta
(temporarily removed)responsiveStyle
usestyle
insteadcomplexStyle
usevariant
insteadcomplexStyle
(variant
) boolean props are no longer supportedpseudoStyle
hover
focus
active
disabled
fontSize
andwidth
no longer support shorthand propsalias
optionnumberToPx
option (passutil.px
to thetransformValue
argument instead)util.media
util.neg
util.arr
util.getWidth
util.mq
util.fallbackTheme
util.breaks
util.dec
util.getValue
- Metadata for supporting system-docs package
- CSS Grid utilities
- Reorganized code base
- More utilities for CSS properties
fontFamily
display
minWidth
height
maxHeight
minHeight
size
(width & height)alignContent
order
borders
utility that normalizes the API with other styled-system utilitiesbackgroundImage
backgroundSize
backgroundPosition
zIndex
top
right
bottom
left
- Uses verbose naming convention for
textAlign
,alignItems
,justifyContent
,flexWrap
, and other CSS properties style
,responsiveStyle
, andpseudoStyle
utilities now acceptgetter
andgetters
arguments for converting values- Rewritten with ES module syntax
- DRYer code base for utilities like
fontSize
,width
, andcolor
- The repo has been reorganized as a monorepo
- The
flexWrap
utility now expects a string value for its prop (previously a boolean) - The
borderTop
,borderRight
,borderBottom
, andborderLeft
props no longer accept boolean props, but follow the same convention as other utilities - The default spacing scale has changed to
[ 0, 4, 8, 16, 32, 64, 128, 256, 512 ]
(this only affects usage without a customtheme.space
provided - Number values for breakpoints are now converted to px instead of ems to better match the rest of the library
- The
theme
utility has been renamed tothemeGet
(alternative names under consideration) - The
pseudoStyle
arguments API has changed to more closely align withstyle
andresponsiveStyle
- The
cleanElement
utility is now a separate package, removing thereact
dependency from the core library - The
borderWidth
utility has been replaced with theborders
utility - The
theme
utility has been renamed tothemeGet
(alternative names under consideration) removeProps
utilityidx
utility- Legacy
responsiveStyle
arguments API