@material-ui/system - npm Package Compare versions

Comparing version 4.11.2 to 4.11.3-deprecations.0

es/index.js

@@ -5,3 +5,4 @@ export { default as borders } from './borders';
 export { default as compose } from './compose';
-export { default as css } from './css';
+export { default as styleFunctionSx } from './styleFunctionSx';
+export * from './styleFunctionSx';
 export { default as display } from './display';
@@ -8,0 +9,0 @@ export { default as flexbox } from './flexbox';

es/spacing.js

@@ -81,3 +81,3 @@ import responsivePropType from './responsivePropType';
 function getValue(transformer, propValue) {
-  if (typeof propValue === 'string') {
+  if (typeof propValue === 'string' || propValue == null) {
     return propValue;
@@ -84,0 +84,0 @@ }

esm/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.11.2
+/** @license Material-UI v4.11.3-deprecations.0
  *
@@ -10,3 +10,4 @@ * This source code is licensed under the MIT license found in the
 export { default as compose } from './compose';
-export { default as css } from './css';
+export { default as styleFunctionSx } from './styleFunctionSx';
+export * from './styleFunctionSx';
 export { default as display } from './display';
@@ -13,0 +14,0 @@ export { default as flexbox } from './flexbox';

esm/spacing.js

@@ -90,3 +90,3 @@ import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 function getValue(transformer, propValue) {
-  if (typeof propValue === 'string') {
+  if (typeof propValue === 'string' || propValue == null) {
     return propValue;
@@ -93,0 +93,0 @@ }

index.d.ts

@@ -56,7 +56,16 @@ import * as CSS from 'csstype';
 
-// css.js
+// styleFunctionSx.js
+
+/**
+ * @deprecated
+ * The css style function is deprecated. Use the styleFunctionSx instead.
+ */
 export function css<Props>(
   styleFunction: StyleFunction<Props>
-): StyleFunction<Props & { css: Omit<Props, 'theme'> }>;
+): StyleFunction<Props & { css?: Omit<Props, 'theme'>; sx?: Omit<Props, 'theme'> }>;
 
+export function styleFunctionSx<Props>(
+  styleFunction: StyleFunction<Props>
+): StyleFunction<Props & { sx?: Omit<Props, 'theme'>; css?: Omit<Props, 'theme'> }>;
+
 export const display: SimpleStyleFunction<
@@ -63,0 +72,0 @@ 'display' | 'displayPrint' | 'overflow' | 'textOverflow' | 'visibility' | 'whiteSpace'

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.11.2
+/** @license Material-UI v4.11.3-deprecations.0
  *
@@ -19,3 +19,3 @@ * This source code is licensed under the MIT license found in the
   compose: true,
-  css: true,
+  styleFunctionSx: true,
   display: true,
@@ -50,6 +50,6 @@ flexbox: true,
 });
-Object.defineProperty(exports, "css", {
+Object.defineProperty(exports, "styleFunctionSx", {
   enumerable: true,
   get: function get() {
-    return _css.default;
+    return _styleFunctionSx.default;
   }
@@ -135,4 +135,15 @@ });
 
-var _css = _interopRequireDefault(require("./css"));
+var _styleFunctionSx = _interopRequireWildcard(require("./styleFunctionSx"));
 
+Object.keys(_styleFunctionSx).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _styleFunctionSx[key];
+    }
+  });
+});
+
 var _display = _interopRequireDefault(require("./display"));
@@ -139,0 +150,0 @@

package.json

 {
   "name": "@material-ui/system",
-  "version": "4.11.2",
+  "version": "4.11.3-deprecations.0",
   "private": false,
@@ -5,0 +5,0 @@ "author": "Material-UI Team",

spacing.js

@@ -106,3 +106,3 @@ "use strict";
 function getValue(transformer, propValue) {
-  if (typeof propValue === 'string') {
+  if (typeof propValue === 'string' || propValue == null) {
     return propValue;
@@ -109,0 +109,0 @@ }

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

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

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

Improved metrics

Total package byte prevSize

659921

increased by0.58%

Lines of code

2436

increased by4.06%

Worsened metrics

Number of low quality alerts

2

increased by100%

Number of low supply chain risk alerts

33

increased by10%

No dependency changes