@styled-system/core
Advanced tools
Comparing version 5.0.21 to 5.1.0
@@ -65,3 +65,3 @@ import assign from 'object-assign'; | ||
cache.media = !isCacheDisabled && cache.media || [null].concat(cache.breakpoints.map(createMediaQuery)); | ||
styles = merge(styles, parseResponsiveStyle(cache.media, sx, scale, raw)); | ||
styles = merge(styles, parseResponsiveStyle(cache.media, sx, scale, raw, props)); | ||
continue; | ||
@@ -71,3 +71,3 @@ } | ||
if (raw !== null) { | ||
styles = merge(styles, parseResponsiveObject(cache.breakpoints, sx, scale, raw)); | ||
styles = merge(styles, parseResponsiveObject(cache.breakpoints, sx, scale, raw, props)); | ||
shouldSort = true; | ||
@@ -79,3 +79,3 @@ } | ||
assign(styles, sx(raw, scale)); | ||
assign(styles, sx(raw, scale, props)); | ||
} // sort object-based responsive styles | ||
@@ -109,7 +109,7 @@ | ||
var parseResponsiveStyle = function parseResponsiveStyle(mediaQueries, sx, scale, raw) { | ||
var parseResponsiveStyle = function parseResponsiveStyle(mediaQueries, sx, scale, raw, _props) { | ||
var styles = {}; | ||
raw.slice(0, mediaQueries.length).forEach(function (value, i) { | ||
var media = mediaQueries[i]; | ||
var style = sx(value, scale); | ||
var style = sx(value, scale, _props); | ||
@@ -127,3 +127,3 @@ if (!media) { | ||
var parseResponsiveObject = function parseResponsiveObject(breakpoints, sx, scale, raw) { | ||
var parseResponsiveObject = function parseResponsiveObject(breakpoints, sx, scale, raw, _props) { | ||
var styles = {}; | ||
@@ -134,3 +134,3 @@ | ||
var value = raw[key]; | ||
var style = sx(value, scale); | ||
var style = sx(value, scale, _props); | ||
@@ -137,0 +137,0 @@ if (!breakpoint) { |
@@ -79,3 +79,3 @@ "use strict"; | ||
cache.media = !isCacheDisabled && cache.media || [null].concat(cache.breakpoints.map(createMediaQuery)); | ||
styles = merge(styles, parseResponsiveStyle(cache.media, sx, scale, raw)); | ||
styles = merge(styles, parseResponsiveStyle(cache.media, sx, scale, raw, props)); | ||
continue; | ||
@@ -85,3 +85,3 @@ } | ||
if (raw !== null) { | ||
styles = merge(styles, parseResponsiveObject(cache.breakpoints, sx, scale, raw)); | ||
styles = merge(styles, parseResponsiveObject(cache.breakpoints, sx, scale, raw, props)); | ||
shouldSort = true; | ||
@@ -93,3 +93,3 @@ } | ||
(0, _objectAssign["default"])(styles, sx(raw, scale)); | ||
(0, _objectAssign["default"])(styles, sx(raw, scale, props)); | ||
} // sort object-based responsive styles | ||
@@ -125,7 +125,7 @@ | ||
var parseResponsiveStyle = function parseResponsiveStyle(mediaQueries, sx, scale, raw) { | ||
var parseResponsiveStyle = function parseResponsiveStyle(mediaQueries, sx, scale, raw, _props) { | ||
var styles = {}; | ||
raw.slice(0, mediaQueries.length).forEach(function (value, i) { | ||
var media = mediaQueries[i]; | ||
var style = sx(value, scale); | ||
var style = sx(value, scale, _props); | ||
@@ -143,3 +143,3 @@ if (!media) { | ||
var parseResponsiveObject = function parseResponsiveObject(breakpoints, sx, scale, raw) { | ||
var parseResponsiveObject = function parseResponsiveObject(breakpoints, sx, scale, raw, _props) { | ||
var styles = {}; | ||
@@ -150,3 +150,3 @@ | ||
var value = raw[key]; | ||
var style = sx(value, scale); | ||
var style = sx(value, scale, _props); | ||
@@ -153,0 +153,0 @@ if (!breakpoint) { |
{ | ||
"name": "@styled-system/core", | ||
"version": "5.0.21", | ||
"version": "5.1.0", | ||
"main": "dist/index.js", | ||
@@ -8,3 +8,3 @@ "module": "dist/index.esm.js", | ||
"license": "MIT", | ||
"gitHead": "f97ef2c9369a4ce7e45409d78415e7e07829c214", | ||
"gitHead": "6477ac28b98015cea35c7b8c873b92cae453d910", | ||
"dependencies": { | ||
@@ -11,0 +11,0 @@ "object-assign": "^4.1.1" |
@@ -61,3 +61,3 @@ import assign from 'object-assign' | ||
styles, | ||
parseResponsiveStyle(cache.media, sx, scale, raw) | ||
parseResponsiveStyle(cache.media, sx, scale, raw, props) | ||
) | ||
@@ -69,3 +69,3 @@ continue | ||
styles, | ||
parseResponsiveObject(cache.breakpoints, sx, scale, raw) | ||
parseResponsiveObject(cache.breakpoints, sx, scale, raw, props) | ||
) | ||
@@ -77,3 +77,3 @@ shouldSort = true | ||
assign(styles, sx(raw, scale)) | ||
assign(styles, sx(raw, scale, props)) | ||
} | ||
@@ -102,7 +102,7 @@ | ||
const parseResponsiveStyle = (mediaQueries, sx, scale, raw) => { | ||
const parseResponsiveStyle = (mediaQueries, sx, scale, raw, _props) => { | ||
let styles = {} | ||
raw.slice(0, mediaQueries.length).forEach((value, i) => { | ||
const media = mediaQueries[i] | ||
const style = sx(value, scale) | ||
const style = sx(value, scale, _props) | ||
if (!media) { | ||
@@ -119,3 +119,3 @@ assign(styles, style) | ||
const parseResponsiveObject = (breakpoints, sx, scale, raw) => { | ||
const parseResponsiveObject = (breakpoints, sx, scale, raw, _props) => { | ||
let styles = {} | ||
@@ -125,3 +125,3 @@ for (let key in raw) { | ||
const value = raw[key] | ||
const style = sx(value, scale) | ||
const style = sx(value, scale, _props) | ||
if (!breakpoint) { | ||
@@ -128,0 +128,0 @@ assign(styles, 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
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
27276