Socket
Socket
Sign inDemoInstall

@emotion/styled-base

Package Overview
Dependencies
Maintainers
2
Versions
73
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@emotion/styled-base - npm Package Compare versions

Comparing version 10.0.0-beta.7 to 10.0.0-beta.8

21

dist/styled-base.browser.cjs.js

@@ -9,2 +9,3 @@ 'use strict';

var isPropValid = _interopDefault(require('@emotion/is-prop-valid'));
var _objectAssign = _interopDefault(require('object-assign'));
var core = require('@emotion/core');

@@ -14,20 +15,2 @@ var utils = require('@emotion/utils');

function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
var testOmitPropsOnStringTag = isPropValid;

@@ -156,3 +139,3 @@ var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {

Styled.withComponent = function (nextTag, nextOptions) {
return createStyled(nextTag, nextOptions !== undefined ? _extends({}, options || {}, nextOptions) : options).apply(void 0, styles);
return createStyled(nextTag, nextOptions !== undefined ? _objectAssign({}, options || {}, nextOptions) : options).apply(void 0, styles);
};

@@ -159,0 +142,0 @@

import { createElement } from 'react';
import isPropValid from '@emotion/is-prop-valid';
import _objectAssign from 'object-assign';
import { withEmotionCache, ThemeContext } from '@emotion/core';

@@ -7,20 +8,2 @@ import { getRegisteredStyles, insertStyles } from '@emotion/utils';

function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
var testOmitPropsOnStringTag = isPropValid;

@@ -149,3 +132,3 @@ var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {

Styled.withComponent = function (nextTag, nextOptions) {
return createStyled(nextTag, nextOptions !== undefined ? _extends({}, options || {}, nextOptions) : options).apply(void 0, styles);
return createStyled(nextTag, nextOptions !== undefined ? _objectAssign({}, options || {}, nextOptions) : options).apply(void 0, styles);
};

@@ -152,0 +135,0 @@

25

dist/styled-base.cjs.dev.js

@@ -9,2 +9,3 @@ 'use strict';

var isPropValid = _interopDefault(require('@emotion/is-prop-valid'));
var _objectAssign = _interopDefault(require('object-assign'));
var core = require('@emotion/core');

@@ -14,20 +15,2 @@ var utils = require('@emotion/utils');

function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
var testOmitPropsOnStringTag = isPropValid;

@@ -38,2 +21,4 @@ var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {

var isBrowser = typeof document !== 'undefined';
var createStyled = function createStyled(tag, options) {

@@ -136,3 +121,3 @@ if (process.env.NODE_ENV !== 'production') {

if (!utils.isBrowser && rules !== undefined) {
if (!isBrowser && rules !== undefined) {
var _ref;

@@ -174,3 +159,3 @@

Styled.withComponent = function (nextTag, nextOptions) {
return createStyled(nextTag, nextOptions !== undefined ? _extends({}, options || {}, nextOptions) : options).apply(void 0, styles);
return createStyled(nextTag, nextOptions !== undefined ? _objectAssign({}, options || {}, nextOptions) : options).apply(void 0, styles);
};

@@ -177,0 +162,0 @@

@@ -8,22 +8,11 @@ "use strict";

isPropValid = _interopDefault(require("@emotion/is-prop-valid")),
_objectAssign = _interopDefault(require("object-assign")),
core = require("@emotion/core"),
utils = require("@emotion/utils"),
serialize = require("@emotion/serialize");
function _extends() {
return (_extends =
Object.assign ||
function(target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source)
Object.prototype.hasOwnProperty.call(source, key) &&
(target[key] = source[key]);
}
return target;
}).apply(this, arguments);
}
var testOmitPropsOnStringTag = isPropValid,
serialize = require("@emotion/serialize"),
testOmitPropsOnStringTag = isPropValid,
testOmitPropsOnComponent = function(key) {
return "theme" !== key && "innerRef" !== key;
},
isBrowser = "undefined" != typeof document,
createStyled = function createStyled(tag, options) {

@@ -102,3 +91,3 @@ var identifierName, shouldForwardProp, targetClassName;

var ele = React.createElement(baseTag, newProps);
if (!utils.isBrowser && void 0 !== rules) {
if (!isBrowser && void 0 !== rules) {
for (

@@ -152,3 +141,3 @@ var _ref,

void 0 !== nextOptions
? _extends({}, options || {}, nextOptions)
? _objectAssign({}, options || {}, nextOptions)
: options

@@ -155,0 +144,0 @@ ).apply(void 0, styles);

import { createElement, Fragment } from 'react';
import isPropValid from '@emotion/is-prop-valid';
import _objectAssign from 'object-assign';
import { withEmotionCache, ThemeContext } from '@emotion/core';
import { getRegisteredStyles, insertStyles, isBrowser } from '@emotion/utils';
import { getRegisteredStyles, insertStyles } from '@emotion/utils';
import { serializeStyles } from '@emotion/serialize';
function _extends() {
_extends = Object.assign || function (target) {
for (var i = 1; i < arguments.length; i++) {
var source = arguments[i];
for (var key in source) {
if (Object.prototype.hasOwnProperty.call(source, key)) {
target[key] = source[key];
}
}
}
return target;
};
return _extends.apply(this, arguments);
}
var testOmitPropsOnStringTag = isPropValid;

@@ -30,2 +13,4 @@ var testOmitPropsOnComponent = function testOmitPropsOnComponent(key) {

var isBrowser = typeof document !== 'undefined';
var createStyled = function createStyled(tag, options) {

@@ -165,3 +150,3 @@ if (process.env.NODE_ENV !== 'production') {

Styled.withComponent = function (nextTag, nextOptions) {
return createStyled(nextTag, nextOptions !== undefined ? _extends({}, options || {}, nextOptions) : options).apply(void 0, styles);
return createStyled(nextTag, nextOptions !== undefined ? _objectAssign({}, options || {}, nextOptions) : options).apply(void 0, styles);
};

@@ -168,0 +153,0 @@

{
"name": "@emotion/styled-base",
"version": "10.0.0-beta.7",
"version": "10.0.0-beta.8",
"description": "base styled API for emotion",

@@ -19,4 +19,5 @@ "main": "dist/styled-base.cjs.js",

"@emotion/is-prop-valid": "^0.7.0",
"@emotion/serialize": "^0.10.2",
"@emotion/utils": "^0.10.1"
"@emotion/serialize": "^0.10.3",
"@emotion/utils": "^0.11.0",
"object-assign": "^4.1.1"
},

@@ -23,0 +24,0 @@ "devDependencies": {

@@ -11,5 +11,7 @@ // @flow

import { withEmotionCache, ThemeContext } from '@emotion/core'
import { getRegisteredStyles, insertStyles, isBrowser } from '@emotion/utils'
import { getRegisteredStyles, insertStyles } from '@emotion/utils'
import { serializeStyles } from '@emotion/serialize'
let isBrowser = typeof document !== 'undefined'
type StyledComponent = (

@@ -16,0 +18,0 @@ props: *

Sorry, the diff of this file is not supported yet

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