Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@styled-system/core

Package Overview
Dependencies
Maintainers
1
Versions
25
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@styled-system/core - npm Package Compare versions

Comparing version 5.0.21 to 5.1.0

14

dist/index.esm.js

@@ -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)

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc