@material-ui/system - npm Package Compare versions

Comparing version 4.11.3 to 4.12.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';

esm/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.11.3
+/** @license Material-UI v4.12.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';

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.3
+/** @license Material-UI v4.12.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.3",
+  "version": "4.12.0",
   "private": false,
@@ -5,0 +5,0 @@ "author": "Material-UI Team",

README.md

@@ -0,0 +0,0 @@ # @material-ui/system

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

Improved metrics

Total package byte prevSize

680005

increased by3.41%

Lines of code

2436

increased by4.06%

Worsened metrics

Number of low supply chain risk alerts

33

increased by10%

No dependency changes