🚀 Big News: Socket Acquires Coana to Bring Reachability Analysis to Every Appsec Team.Learn more →
Socket
Book a DemoInstallSign in
Socket
Book a DemoInstallSign in

@emotion/react

Package Overview
Dependencies
Maintainers
4
Versions
42
Alerts
File Explorer

Advanced tools

License
Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@emotion/react - npm Package Compare versions

Comparing version

11.11.3
to
11.11.4

dist/emotion-element-3ac3b1d0.worker.esm.js
dist/emotion-element-43c6fea0.browser.esm.js
dist/emotion-element-c16c303e.esm.js
dist/emotion-element-eec0d725.cjs.prod.js
dist/emotion-element-f93e57b0.cjs.dev.js

8

dist/emotion-react.browser.esm.js

@@ -1,3 +0,3 @@

import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-c39617d8.browser.esm.js';
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-c39617d8.browser.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-43c6fea0.browser.esm.js';
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-43c6fea0.browser.esm.js';
import * as React from 'react';

@@ -15,3 +15,3 @@ import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';

name: "@emotion/react",
version: "11.11.3",
version: "11.11.4",
main: "dist/emotion-react.cjs.js",

@@ -149,3 +149,3 @@ module: "dist/emotion-react.esm.js",

if (props == null || !hasOwnProperty.call(props, 'css')) {
if (props == null || !hasOwn.call(props, 'css')) {
// $FlowFixMe

@@ -152,0 +152,0 @@ return React.createElement.apply(undefined, args);

6

dist/emotion-react.cjs.dev.js

@@ -5,3 +5,3 @@ 'use strict';

var emotionElement = require('./emotion-element-48d2c2e4.cjs.dev.js');
var emotionElement = require('./emotion-element-f93e57b0.cjs.dev.js');
var React = require('react');

@@ -39,3 +39,3 @@ var utils = require('@emotion/utils');

name: "@emotion/react",
version: "11.11.3",
version: "11.11.4",
main: "dist/emotion-react.cjs.js",

@@ -173,3 +173,3 @@ module: "dist/emotion-react.esm.js",

if (props == null || !emotionElement.hasOwnProperty.call(props, 'css')) {
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
// $FlowFixMe

@@ -176,0 +176,0 @@ return React__namespace.createElement.apply(undefined, args);

4

dist/emotion-react.cjs.prod.js

@@ -5,3 +5,3 @@ 'use strict';

var emotionElement = require('./emotion-element-4300ad44.cjs.prod.js');
var emotionElement = require('./emotion-element-eec0d725.cjs.prod.js');
var React = require('react');

@@ -40,3 +40,3 @@ var utils = require('@emotion/utils');

if (props == null || !emotionElement.hasOwnProperty.call(props, 'css')) {
if (props == null || !emotionElement.hasOwn.call(props, 'css')) {
// $FlowFixMe

@@ -43,0 +43,0 @@ return React__namespace.createElement.apply(undefined, args);

8

dist/emotion-react.esm.js

@@ -1,3 +0,3 @@

import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-6bdfffb2.esm.js';
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-6bdfffb2.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-c16c303e.esm.js';
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-c16c303e.esm.js';
import * as React from 'react';

@@ -15,3 +15,3 @@ import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';

name: "@emotion/react",
version: "11.11.3",
version: "11.11.4",
main: "dist/emotion-react.cjs.js",

@@ -149,3 +149,3 @@ module: "dist/emotion-react.esm.js",

if (props == null || !hasOwnProperty.call(props, 'css')) {
if (props == null || !hasOwn.call(props, 'css')) {
// $FlowFixMe

@@ -152,0 +152,0 @@ return React.createElement.apply(undefined, args);

8

dist/emotion-react.worker.esm.js

@@ -1,3 +0,3 @@

import { h as hasOwnProperty, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-2408c5fb.worker.esm.js';
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-2408c5fb.worker.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps, w as withEmotionCache, T as ThemeContext, i as isBrowser$1 } from './emotion-element-3ac3b1d0.worker.esm.js';
export { C as CacheProvider, T as ThemeContext, a as ThemeProvider, _ as __unsafe_useEmotionCache, u as useTheme, w as withEmotionCache, b as withTheme } from './emotion-element-3ac3b1d0.worker.esm.js';
import * as React from 'react';

@@ -15,3 +15,3 @@ import { insertStyles, registerStyles, getRegisteredStyles } from '@emotion/utils';

name: "@emotion/react",
version: "11.11.3",
version: "11.11.4",
main: "dist/emotion-react.cjs.js",

@@ -149,3 +149,3 @@ module: "dist/emotion-react.esm.js",

if (props == null || !hasOwnProperty.call(props, 'css')) {
if (props == null || !hasOwn.call(props, 'css')) {
// $FlowFixMe

@@ -152,0 +152,0 @@ return React.createElement.apply(undefined, args);

4

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.browser.esm.js
import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-c39617d8.browser.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-43c6fea0.browser.esm.js';
import 'react';

@@ -15,3 +15,3 @@ import '@emotion/cache';

function jsxDEV(type, props, key, isStaticChildren, source, self) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);

@@ -18,0 +18,0 @@ }

4

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.dev.js

@@ -6,3 +6,3 @@ 'use strict';

var ReactJSXRuntimeDev = require('react/jsx-dev-runtime');
var emotionElement = require('../../dist/emotion-element-48d2c2e4.cjs.dev.js');
var emotionElement = require('../../dist/emotion-element-f93e57b0.cjs.dev.js');
require('react');

@@ -40,3 +40,3 @@ require('@emotion/cache');

function jsxDEV(type, props, key, isStaticChildren, source, self) {
if (!emotionElement.hasOwnProperty.call(props, 'css')) {
if (!emotionElement.hasOwn.call(props, 'css')) {
return ReactJSXRuntimeDev__namespace.jsxDEV(type, props, key, isStaticChildren, source, self);

@@ -43,0 +43,0 @@ }

4

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.cjs.prod.js

@@ -6,3 +6,3 @@ 'use strict';

var ReactJSXRuntimeDev = require('react/jsx-dev-runtime');
var emotionElement = require('../../dist/emotion-element-4300ad44.cjs.prod.js');
var emotionElement = require('../../dist/emotion-element-eec0d725.cjs.prod.js');
require('react');

@@ -40,3 +40,3 @@ require('@emotion/cache');

function jsxDEV(type, props, key, isStaticChildren, source, self) {
if (!emotionElement.hasOwnProperty.call(props, 'css')) {
if (!emotionElement.hasOwn.call(props, 'css')) {
return ReactJSXRuntimeDev__namespace.jsxDEV(type, props, key, isStaticChildren, source, self);

@@ -43,0 +43,0 @@ }

4

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.esm.js
import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-6bdfffb2.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-c16c303e.esm.js';
import 'react';

@@ -15,3 +15,3 @@ import '@emotion/cache';

function jsxDEV(type, props, key, isStaticChildren, source, self) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);

@@ -18,0 +18,0 @@ }

4

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.worker.esm.js
import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime';
import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-2408c5fb.worker.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-3ac3b1d0.worker.esm.js';
import 'react';

@@ -15,3 +15,3 @@ import '@emotion/cache';

function jsxDEV(type, props, key, isStaticChildren, source, self) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntimeDev.jsxDEV(type, props, key, isStaticChildren, source, self);

@@ -18,0 +18,0 @@ }

6

jsx-runtime/dist/emotion-react-jsx-runtime.browser.esm.js
import * as ReactJSXRuntime from 'react/jsx-runtime';
import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-c39617d8.browser.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-43c6fea0.browser.esm.js';
import 'react';

@@ -15,3 +15,3 @@ import '@emotion/cache';

function jsx(type, props, key) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsx(type, props, key);

@@ -23,3 +23,3 @@ }

function jsxs(type, props, key) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsxs(type, props, key);

@@ -26,0 +26,0 @@ }

6

jsx-runtime/dist/emotion-react-jsx-runtime.cjs.dev.js

@@ -6,3 +6,3 @@ 'use strict';

var ReactJSXRuntime = require('react/jsx-runtime');
var emotionElement = require('../../dist/emotion-element-48d2c2e4.cjs.dev.js');
var emotionElement = require('../../dist/emotion-element-f93e57b0.cjs.dev.js');
require('react');

@@ -40,3 +40,3 @@ require('@emotion/cache');

function jsx(type, props, key) {
if (!emotionElement.hasOwnProperty.call(props, 'css')) {
if (!emotionElement.hasOwn.call(props, 'css')) {
return ReactJSXRuntime__namespace.jsx(type, props, key);

@@ -48,3 +48,3 @@ }

function jsxs(type, props, key) {
if (!emotionElement.hasOwnProperty.call(props, 'css')) {
if (!emotionElement.hasOwn.call(props, 'css')) {
return ReactJSXRuntime__namespace.jsxs(type, props, key);

@@ -51,0 +51,0 @@ }

6

jsx-runtime/dist/emotion-react-jsx-runtime.cjs.prod.js

@@ -6,3 +6,3 @@ 'use strict';

var ReactJSXRuntime = require('react/jsx-runtime');
var emotionElement = require('../../dist/emotion-element-4300ad44.cjs.prod.js');
var emotionElement = require('../../dist/emotion-element-eec0d725.cjs.prod.js');
require('react');

@@ -40,3 +40,3 @@ require('@emotion/cache');

function jsx(type, props, key) {
if (!emotionElement.hasOwnProperty.call(props, 'css')) {
if (!emotionElement.hasOwn.call(props, 'css')) {
return ReactJSXRuntime__namespace.jsx(type, props, key);

@@ -48,3 +48,3 @@ }

function jsxs(type, props, key) {
if (!emotionElement.hasOwnProperty.call(props, 'css')) {
if (!emotionElement.hasOwn.call(props, 'css')) {
return ReactJSXRuntime__namespace.jsxs(type, props, key);

@@ -51,0 +51,0 @@ }

6

jsx-runtime/dist/emotion-react-jsx-runtime.esm.js
import * as ReactJSXRuntime from 'react/jsx-runtime';
import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-6bdfffb2.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-c16c303e.esm.js';
import 'react';

@@ -15,3 +15,3 @@ import '@emotion/cache';

function jsx(type, props, key) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsx(type, props, key);

@@ -23,3 +23,3 @@ }

function jsxs(type, props, key) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsxs(type, props, key);

@@ -26,0 +26,0 @@ }

6

jsx-runtime/dist/emotion-react-jsx-runtime.worker.esm.js
import * as ReactJSXRuntime from 'react/jsx-runtime';
import { h as hasOwnProperty, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-2408c5fb.worker.esm.js';
import { h as hasOwn, E as Emotion, c as createEmotionProps } from '../../dist/emotion-element-3ac3b1d0.worker.esm.js';
import 'react';

@@ -15,3 +15,3 @@ import '@emotion/cache';

function jsx(type, props, key) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsx(type, props, key);

@@ -23,3 +23,3 @@ }

function jsxs(type, props, key) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsxs(type, props, key);

@@ -26,0 +26,0 @@ }

2

package.json
{
"name": "@emotion/react",
"version": "11.11.3",
"version": "11.11.4",
"main": "dist/emotion-react.cjs.js",

@@ -5,0 +5,0 @@ "module": "dist/emotion-react.esm.js",

6

src/emotion-element.js

@@ -10,3 +10,3 @@ // @flow

} from '@emotion/utils'
import { hasOwnProperty, isBrowser } from './utils'
import { hasOwn, isBrowser } from './utils'
import { serializeStyles } from '@emotion/serialize'

@@ -35,3 +35,3 @@ import { getLabelFromStackTrace } from './get-label-from-stack-trace'

for (let key in props) {
if (hasOwnProperty.call(props, key)) {
if (hasOwn.call(props, key)) {
newProps[key] = props[key]

@@ -138,3 +138,3 @@ }

if (
hasOwnProperty.call(props, key) &&
hasOwn.call(props, key) &&
key !== 'css' &&

@@ -141,0 +141,0 @@ key !== typePropName &&

4

src/jsx-dev-runtime.js
// @flow
import * as ReactJSXRuntimeDev from 'react/jsx-dev-runtime'
import Emotion, { createEmotionProps } from './emotion-element'
import { hasOwnProperty } from './utils'
import { hasOwn } from './utils'

@@ -16,3 +16,3 @@ export const Fragment = ReactJSXRuntimeDev.Fragment

) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntimeDev.jsxDEV(

@@ -19,0 +19,0 @@ type,

6

src/jsx-runtime.js
// @flow
import * as ReactJSXRuntime from 'react/jsx-runtime'
import Emotion, { createEmotionProps } from './emotion-element'
import { hasOwnProperty } from './utils'
import { hasOwn } from './utils'

@@ -9,3 +9,3 @@ export const Fragment = ReactJSXRuntime.Fragment

export function jsx(type: any, props: any, key: any) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsx(type, props, key)

@@ -18,3 +18,3 @@ }

export function jsxs(type: any, props: any, key: any) {
if (!hasOwnProperty.call(props, 'css')) {
if (!hasOwn.call(props, 'css')) {
return ReactJSXRuntime.jsxs(type, props, key)

@@ -21,0 +21,0 @@ }

4

src/jsx.js
// @flow
import * as React from 'react'
import Emotion, { createEmotionProps } from './emotion-element'
import { hasOwnProperty } from './utils'
import { hasOwn } from './utils'

@@ -13,3 +13,3 @@ // $FlowFixMe

if (props == null || !hasOwnProperty.call(props, 'css')) {
if (props == null || !hasOwn.call(props, 'css')) {
// $FlowFixMe

@@ -16,0 +16,0 @@ return React.createElement.apply(undefined, args)

2

src/utils.js
// @flow
export let isBrowser = typeof document !== 'undefined'
export const hasOwnProperty = {}.hasOwnProperty
export const hasOwn = {}.hasOwnProperty
dist/emotion-element-2408c5fb.worker.esm.js
dist/emotion-element-4300ad44.cjs.prod.js
dist/emotion-element-48d2c2e4.cjs.dev.js
dist/emotion-element-6bdfffb2.esm.js
dist/emotion-element-c39617d8.browser.esm.js
dist/emotion-react.umd.min.js.map

Sorry, the diff of this file is not supported yet

jsx-dev-runtime/dist/emotion-react-jsx-dev-runtime.umd.min.js.map

Sorry, the diff of this file is not supported yet

jsx-runtime/dist/emotion-react-jsx-runtime.umd.min.js.map

Sorry, the diff of this file is not supported yet