- New
variantAPI with support for inline variant definitions and theme-based style objects #699
- Add support for
overflowXandoverflowY#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/cssallow functional values to return responsive array values #654
- Fix for incorrectly ordered
@mediarules whennullvalues are used in multiple array-value props #638 - Fix for incorrectly ordered
@mediarules with responsive object values - Added integration tests with Styled Components and Emotion
@styled-system/prop-typesexportscreatePropTypes
- Failed lerna publish
- Update dependencies
@styled-system/css: fix forpparagraph/padding collision- Add option to disable breakpoint caching #595
- Export single-property functions for v4 shims #584
- Use
theme.spacefor position props #598
@styled-system/css: add support forgap,rowGap, andcolumnGapproperties #596
- Fix for parser config
@styled-system/css: usetheme.spacein grid properties #574
@styled-system/css: usetheme.spacein position properties #568@styled-system/css: fix null check #572
@styled-system/css: use theme intextShadowproperty #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
getutility #536 - Fix
boxShadowexport #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
getutility
- Edit Babel config
- Faster (fastest implementation yet)
- New
systemAPI 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.propNamesor the optional@styled-system/prop-typespackage instead) - No longer converts numbers to
pxstrings - Changes interal
getutility - 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
themeGetfrom main package, use@styled-system/theme-getinstead - The new
theme.sizesscale replacesheights,minHeights,maxHeights,minWidths, andmaxWidths; and is used for thewidthprop - 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
mergeutility #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
propTypesonspacefunction
- Fix for props in
textStylesandcolorStyles
- 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
spacefunction has been rewritten with the corestyleandcomposeutilities- Adds long-form props for margin and padding (e.g.
marginTop). Shorthand aliases still work as before. - Reintroduces the
aliasargument tostyleutility - Removes the
stylesobject export - Removes the
utilobject export - Removes
mergeutility - Removes the
mixedutility since it did not behave as expected - The theme "scale" is now passed as the second argument to the
transformValueoption instyleutility - Removes the
ratiostyle function - The following changes to the
bordersstyle function- The shorthand border props no longer transform numbers to pixel widths with a
solidborder-style - Adds
borderWidth,borderStyle,borderColor, andborderRadiusprops - All border props are also available as individual imports
- The shorthand border props no longer transform numbers to pixel widths with a
- Removes
styleTypefrom prop typesmetafields - Changes to the
getutility: now returns the last argument as a fallback - Rename
bgColortobackgroundColor
- Adds prop types for objects #366
- Allow object syntax for responsive values #341
- Allow nested objects for
theme.space#352
- Bugfix: remove usage of
inoperator in get utility
- Convert numbers to pixels with keyed space values
- Allow
getThemeto return falsy values
- Use Babel runtime
- Fix for
breakpointsnumbers not being converted to pixels
- Fix
.npmignore
- Update docs
- Fix for passing falsy value as first item in array values
- Add
modulefield to package.json
- Fix missing
stylesobject keys
- Patch to debug broken release
- Upgrade to Babel 7
- Performance rewrite
- Simplified API
- Faster
- Smaller
variantcomposecss
styleutility is now responsive by default- All built-in style functions now support responsive array values
backgroundImageno longer wraps values withurl()buttonStyleprop has been renamed tovariant- The
styleutilitygetterargument has beend renamed totransformValue util.getno longer supports a fallback argument
propTypes[prop].meta(temporarily removed)responsiveStyleusestyleinsteadcomplexStyleusevariantinsteadcomplexStyle(variant) boolean props are no longer supportedpseudoStylehoverfocusactivedisabledfontSizeandwidthno longer support shorthand propsaliasoptionnumberToPxoption (passutil.pxto thetransformValueargument instead)util.mediautil.negutil.arrutil.getWidthutil.mqutil.fallbackThemeutil.breaksutil.decutil.getValue
- Metadata for supporting system-docs package
- CSS Grid utilities
- Reorganized code base
- More utilities for CSS properties
fontFamilydisplayminWidthheightmaxHeightminHeightsize(width & height)alignContentorderbordersutility that normalizes the API with other styled-system utilitiesbackgroundImagebackgroundSizebackgroundPositionzIndextoprightbottomleft
- Uses verbose naming convention for
textAlign,alignItems,justifyContent,flexWrap, and other CSS properties style,responsiveStyle, andpseudoStyleutilities now acceptgetterandgettersarguments 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
flexWraputility now expects a string value for its prop (previously a boolean) - The
borderTop,borderRight,borderBottom, andborderLeftprops 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.spaceprovided - Number values for breakpoints are now converted to px instead of ems to better match the rest of the library
- The
themeutility has been renamed tothemeGet(alternative names under consideration) - The
pseudoStylearguments API has changed to more closely align withstyleandresponsiveStyle
- The
cleanElementutility is now a separate package, removing thereactdependency from the core library - The
borderWidthutility has been replaced with thebordersutility - The
themeutility has been renamed tothemeGet(alternative names under consideration) removePropsutilityidxutility- Legacy
responsiveStylearguments API