@mui/system - npm Package Compare versions

Comparing version 5.0.5 to 5.0.6

Box/Box.spec.d.ts

 export {};

createStyled.js

@@ -137,3 +137,7 @@ "use strict";
       const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-        return typeof stylesArg === 'function' ? _ref => {
+        // On the server emotion doesn't use React.forwardRef for creating components, so the created
+        // component stays as a function. This condition makes sure that we do not interpolate functions
+        // which are basically components used as a selectors.
+        // eslint-disable-next-line no-underscore-dangle
+        return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? _ref => {
           let {
@@ -140,0 +144,0 @@ theme: themeInput

createTheme/createSpacing.d.ts

@@ -0,0 +0,0 @@ export declare type SpacingOptions = number | Spacing | ((abs: number) => number | string) | ((abs: number | string) => number | string) | ReadonlyArray<string | number>;

cssVars/createCssVarsProvider.spec.d.ts

 export {};

cssVars/cssVarsParser.d.ts

@@ -0,0 +0,0 @@ declare type NestedRecord<V = any> = {

cssVars/getInitColorSchemeScript.d.ts

@@ -0,0 +0,0 @@ /// <reference types="react" />

cssVars/index.d.ts

 export { default } from './createCssVarsProvider';
 export type { BuildCssVarsTheme } from './createCssVarsProvider';

esm/createStyled.js

@@ -118,3 +118,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
       const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-        return typeof stylesArg === 'function' ? _ref => {
+        // On the server emotion doesn't use React.forwardRef for creating components, so the created
+        // component stays as a function. This condition makes sure that we do not interpolate functions
+        // which are basically components used as a selectors.
+        // eslint-disable-next-line no-underscore-dangle
+        return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? _ref => {
           let {
@@ -121,0 +125,0 @@ theme: themeInput

index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.0.5
+/** @license MUI v5.0.6
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

index.spec.d.ts

 export {};

legacy/createStyled.js

@@ -121,3 +121,7 @@ import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
       var expressionsWithDefaultTheme = expressions ? expressions.map(function (stylesArg) {
-        return typeof stylesArg === 'function' ? function (_ref) {
+        // On the server emotion doesn't use React.forwardRef for creating components, so the created
+        // component stays as a function. This condition makes sure that we do not interpolate functions
+        // which are basically components used as a selectors.
+        // eslint-disable-next-line no-underscore-dangle
+        return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? function (_ref) {
           var themeInput = _ref.theme,
@@ -124,0 +128,0 @@ other = _objectWithoutProperties(_ref, ["theme"]);

legacy/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.0.5
+/** @license MUI v5.0.6
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

modern/createStyled.js

@@ -116,3 +116,7 @@ import _extends from "@babel/runtime/helpers/esm/extends";
       const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => {
-        return typeof stylesArg === 'function' ? _ref => {
+        // On the server emotion doesn't use React.forwardRef for creating components, so the created
+        // component stays as a function. This condition makes sure that we do not interpolate functions
+        // which are basically components used as a selectors.
+        // eslint-disable-next-line no-underscore-dangle
+        return typeof stylesArg === 'function' && stylesArg.__emotion_real !== stylesArg ? _ref => {
           let {
@@ -119,0 +123,0 @@ theme: themeInput

modern/index.js

@@ -1,2 +0,2 @@
-/** @license MUI v5.0.5
+/** @license MUI v5.0.6
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

package.json

 {
   "name": "@mui/system",
-  "version": "5.0.5",
+  "version": "5.0.6",
   "private": false,
@@ -48,3 +48,3 @@ "author": "MUI Team",
     "@mui/private-theming": "^5.0.1",
-    "@mui/styled-engine": "^5.0.1",
+    "@mui/styled-engine": "^5.0.2",
     "@mui/types": "^7.0.0",
@@ -51,0 +51,0 @@ "@mui/utils": "^5.0.1",

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

672451

increased by0.37%

Lines of code

9512

increased by0.17%

Number of medium supply chain risk alerts

0

decreased by-100%

Dependency changes

• Updated@mui/styled-engine@^5.0.2