- 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