styled-system
Advanced tools
Comparing version 4.0.0-0 to 4.0.0
@@ -5,10 +5,11 @@ # Changelog | ||
## v4.0.0 2019-02-23 | ||
- Rewritten core for less code duplication | ||
- No longer merges returned style object, but returns arrays instead, which appear to work with common CSS-in-JS libraries | ||
- 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 core `style` and `compose` utilities | ||
- Adds long-form props for margin and padding (e.g. `marginTop`). Shorthand aliases still work as before. | ||
- Reintroduced the `alias` argument to `style` utility | ||
- Reintroduces the `alias` argument to `style` utility | ||
- Removes the `styles` object export | ||
- Removes the `util` object export | ||
- Removes `meta` field from propTypes, which was used in system-docs | ||
- Removes `merge` utility | ||
@@ -22,2 +23,4 @@ - Removes the `mixed` utility since it did not behave as expected | ||
- All border props are also available as individual imports | ||
- Removes `styleType` from prop types `meta` fields | ||
- Changes to the `get` utility: now returns the last argument as a fallback | ||
@@ -24,0 +27,0 @@ ## v3.2.1 2019-01-02 |
@@ -12,15 +12,2 @@ "use strict"; | ||
// v4 prototype | ||
// | ||
// - Returns arrays of styles for responsive and composed styles. This should work the same as before when combined with CSS-in-JS libraries like styled-components and emotion | ||
// - Refactors `space` function to use core `style` function | ||
// - Adds long-hand props for margin and padding. Shorthand aliases still work. | ||
// - The get utility works differently, returning the last argument as a fallback. | ||
// - Removes the `styles` export | ||
// - Removes `meta` field from `propTypes` - this was used by system-docs. An alternative/optional object export for documentation will be added | ||
// - Removes the `merge` utility | ||
// - Removes `mixed` utility | ||
// - The theme scale is passed as the second argument to the `transformValue` option in `style` | ||
// - Removes `ratio` function | ||
// - Changes to border functions | ||
var defaultBreakpoints = [40, 52, 64].map(function (n) { | ||
@@ -120,3 +107,2 @@ return n + 'em'; | ||
var func = function func(props) { | ||
// TODO write some tests for this | ||
var value = get(props, prop, alias, null); | ||
@@ -173,3 +159,15 @@ if (!is(value)) return null; | ||
func.propTypes = (_func$propTypes = {}, _func$propTypes[prop] = cloneFunction(propType), _func$propTypes); | ||
if (alias) func.propTypes[alias] = cloneFunction(propType); | ||
func.propTypes[prop].meta = { | ||
prop: prop, | ||
themeKey: key | ||
}; | ||
if (alias) { | ||
func.propTypes[alias] = cloneFunction(propType); | ||
func.propTypes[alias].meta = { | ||
prop: alias, | ||
themeKey: key | ||
}; | ||
} | ||
return func; | ||
@@ -555,3 +553,2 @@ }; | ||
}); // borders | ||
// export const getBorder = (n, scale) => | ||
@@ -558,0 +555,0 @@ exports.gridArea = gridArea; |
import _extends from "@babel/runtime/helpers/esm/extends"; | ||
// v4 prototype | ||
// | ||
// - Returns arrays of styles for responsive and composed styles. This should work the same as before when combined with CSS-in-JS libraries like styled-components and emotion | ||
// - Refactors `space` function to use core `style` function | ||
// - Adds long-hand props for margin and padding. Shorthand aliases still work. | ||
// - The get utility works differently, returning the last argument as a fallback. | ||
// - Removes the `styles` export | ||
// - Removes `meta` field from `propTypes` - this was used by system-docs. An alternative/optional object export for documentation will be added | ||
// - Removes the `merge` utility | ||
// - Removes `mixed` utility | ||
// - The theme scale is passed as the second argument to the `transformValue` option in `style` | ||
// - Removes `ratio` function | ||
// - Changes to border functions | ||
import PropTypes from 'prop-types'; | ||
@@ -82,3 +69,2 @@ export var defaultBreakpoints = [40, 52, 64].map(function (n) { | ||
var func = function func(props) { | ||
// TODO write some tests for this | ||
var value = get(props, prop, alias, null); | ||
@@ -135,3 +121,15 @@ if (!is(value)) return null; | ||
func.propTypes = (_func$propTypes = {}, _func$propTypes[prop] = cloneFunction(propType), _func$propTypes); | ||
if (alias) func.propTypes[alias] = cloneFunction(propType); | ||
func.propTypes[prop].meta = { | ||
prop: prop, | ||
themeKey: key | ||
}; | ||
if (alias) { | ||
func.propTypes[alias] = cloneFunction(propType); | ||
func.propTypes[alias].meta = { | ||
prop: alias, | ||
themeKey: key | ||
}; | ||
} | ||
return func; | ||
@@ -448,3 +446,2 @@ }; | ||
}); // borders | ||
// export const getBorder = (n, scale) => | ||
@@ -451,0 +448,0 @@ export var border = style({ |
{ | ||
"name": "styled-system", | ||
"version": "4.0.0-0", | ||
"version": "4.0.0", | ||
"description": "Responsive, theme-based style props for building design systems with React", | ||
@@ -5,0 +5,0 @@ "main": "dist/index.cjs.js", |
@@ -188,3 +188,4 @@ | ||
- [Utilities](docs/api.md#utilities) | ||
- [get](docs/api.md#get) | ||
- [themeGet](docs/api.md#themeget) | ||
- [propTypes](docs/api.md#proptypes) | ||
- [Customize](docs/api.md#customize) | ||
@@ -191,0 +192,0 @@ - [style](docs/api.md#style) |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
Major refactor
Supply chain riskPackage has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
1127517
31
4302
1
226