Replace warning with tiny-warning

.size-limit.js

@@ -40,7 +40,7 @@ module.exports = [
     name: 'The size of the color manipulator helpers',
     webpack: true,
     path: 'packages/material-ui/build/styles/colorManipulator.js',
-    limit: '900 B',
+    limit: '903 B',
   },
   {
     // vs https://bundlephobia.com/result?p=react-popper

docs/src/modules/components/AppTableOfContents.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import marked from 'marked';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import throttle from 'lodash/throttle';
 import EventListener from 'react-event-listener';
 import { withStyles } from '@material-ui/core/styles';

docs/src/modules/components/MarkdownDocs.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { connect } from 'react-redux';
 import compose from 'recompose/compose';
 import { withStyles } from '@material-ui/core/styles';

docs/src/modules/utils/helpers.js

@@ -1,4 +1,4 @@
-import warning from 'warning';
+import warning from 'tiny-warning';
 import upperFirst from 'lodash/upperFirst';
 import camelCase from 'lodash/camelCase';
 

modules/waterfall/metric.js

@@ -1,6 +1,6 @@
 // The API is inspired by console.time
 // The implementation is isomorphic.
-import warning from 'warning';
+import warning from 'tiny-warning';
 
 const times = new Map();
 

packages/material-ui-lab/package.json

@@ -42,7 +42,8 @@
     "@material-ui/utils": "^3.0.0-alpha.2",
     "classnames": "^2.2.5",
     "keycode": "^2.1.9",
-    "prop-types": "^15.6.0"
+    "prop-types": "^15.6.0",
+    "tiny-warning": "^1.0.2"
   },
   "devDependencies": {},
   "sideEffects": false,

packages/material-ui-lab/src/SpeedDial/SpeedDial.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import keycode from 'keycode';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { componentPropType } from '@material-ui/utils';
 import { withStyles } from '@material-ui/core/styles';
 import Zoom from '@material-ui/core/Zoom';

packages/material-ui-styles/package.json

@@ -51,7 +51,7 @@
     "jss-plugin-rule-value-function": "^10.0.0-alpha.7",
     "jss-plugin-vendor-prefixer": "^10.0.0-alpha.7",
     "prop-types": "^15.6.0",
-    "warning": "^4.0.1"
+    "tiny-warning": "^1.0.2"
   },
   "sideEffects": false,
   "publishConfig": {

packages/material-ui-styles/src/StylesProvider.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { exactProp } from '@material-ui/utils';
 import createGenerateClassName from './createGenerateClassName';
 import { create } from 'jss';

packages/material-ui-styles/src/ThemeProvider.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { exactProp } from '@material-ui/utils';
 import ThemeContext from './ThemeContext';
 

packages/material-ui-styles/src/createGenerateClassName.js

@@ -1,4 +1,4 @@
-import warning from 'warning';
+import warning from 'tiny-warning';
 import hash from '@emotion/hash';
 
 const escapeRegex = /([[\].#*$><+~=|^:(),"'`\s])/g;

packages/material-ui-styles/src/getStylesCreator.js

@@ -1,4 +1,4 @@
-import warning from 'warning';
+import warning from 'tiny-warning';
 import deepmerge from 'deepmerge'; // < 1kb payload overhead when lodash/merge is > 3kb.
 
 // Support for the jss-expand plugin.

packages/material-ui-styles/src/indexCounter.js

@@ -1,6 +1,6 @@
 /* eslint-disable import/prefer-default-export */
 
-import warning from 'warning';
+import warning from 'tiny-warning';
 
 // Global index counter to preserve source order.
 // We create the style sheet during at the creation of the component,

packages/material-ui-styles/src/mergeClasses.js

@@ -1,4 +1,4 @@
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { getDisplayName } from '@material-ui/utils';
 
 function mergeClasses(options = {}) {

packages/material-ui-styles/src/withStyles.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { getDynamicStyles } from 'jss';
 import { getDisplayName } from '@material-ui/utils';
 import { increment } from './indexCounter';

packages/material-ui-system/package.json

@@ -39,7 +39,7 @@
     "@babel/runtime": "7.1.2",
     "deepmerge": "^2.0.1",
     "prop-types": "^15.6.0",
-    "warning": "^4.0.1"
+    "tiny-warning": "^1.0.2"
   },
   "devDependencies": {},
   "sideEffects": false,

packages/material-ui-system/src/breakpoints.js

@@ -1,4 +1,4 @@
-import warning from 'warning';
+import warning from 'tiny-warning';
 import PropTypes from 'prop-types';
 import merge from './merge';
 

packages/material-ui-system/src/spacing.js

@@ -1,4 +1,4 @@
-import warning from 'warning';
+import warning from 'tiny-warning';
 import responsivePropType from './responsivePropType';
 import { handleBreakpoints } from './breakpoints';
 import merge from './merge';

packages/material-ui-system/src/spacing.test.js

@@ -1,5 +1,5 @@
 import { assert } from 'chai';
-import consoleErrorMock from 'test/utils/consoleErrorMock';
+import consoleWarnMock from 'test/utils/consoleWarnMock';
 import spacing from './spacing';
 
 describe('spacing', () => {
@@ -41,11 +41,11 @@ describe('spacing', () => {
 
   describe('warnings', () => {
     beforeEach(() => {
-      consoleErrorMock.spy();
+      consoleWarnMock.spy();
     });
 
     afterEach(() => {
-      consoleErrorMock.reset();
+      consoleWarnMock.reset();
     });
 
     it('should warn if the value overflow', () => {
@@ -56,10 +56,10 @@ describe('spacing', () => {
         p: 3,
       });
       assert.deepEqual(output, { padding: undefined });
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
-      assert.match(consoleErrorMock.args()[0][0], /the value provided \(3\) overflows\./);
-      assert.match(consoleErrorMock.args()[0][0], /The supported values are: \[0,3,5\]\./);
-      assert.match(consoleErrorMock.args()[0][0], /3 > 2, you need to add the missing values\./);
+      assert.strictEqual(consoleWarnMock.callCount(), 1);
+      assert.match(consoleWarnMock.args()[0][0], /the value provided \(3\) overflows\./);
+      assert.match(consoleWarnMock.args()[0][0], /The supported values are: \[0,3,5\]\./);
+      assert.match(consoleWarnMock.args()[0][0], /3 > 2, you need to add the missing values\./);
     });
 
     it('should warn if the theme transformer is invalid', () => {
@@ -70,15 +70,12 @@ describe('spacing', () => {
         p: 3,
       });
       assert.deepEqual(output, { padding: undefined });
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
+      assert.strictEqual(consoleWarnMock.callCount(), 1);
       assert.match(
-        consoleErrorMock.args()[0][0],
+        consoleWarnMock.args()[0][0],
         /the `theme.spacing` value \(\[object Object\]\) is invalid\./,
       );
-      assert.match(
-        consoleErrorMock.args()[0][0],
-        /It should be a number, an array or a function\./,
-      );
+      assert.match(consoleWarnMock.args()[0][0], /It should be a number, an array or a function\./);
     });
   });
 

packages/material-ui/.size-snapshot.json

@@ -1,7 +1,7 @@
 {
   "build/umd/material-ui.production.min.js": {
-    "bundled": 849608,
-    "minified": 312234,
-    "gzipped": 85103
+    "bundled": 849960,
+    "minified": 312386,
+    "gzipped": 85138
   }
 }

packages/material-ui/package.json

@@ -63,7 +63,7 @@
     "react-event-listener": "^0.6.2",
     "react-transition-group": "^2.2.1",
     "recompose": "0.28.0 - 0.30.0",
-    "warning": "^4.0.1"
+    "tiny-warning": "^1.0.2"
   },
   "sideEffects": false,
   "publishConfig": {

packages/material-ui/src/BottomNavigation/BottomNavigation.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import { componentPropType } from '@material-ui/utils';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import withStyles from '../styles/withStyles';
 
 export const styles = theme => ({

packages/material-ui/src/ButtonBase/focusVisible.js

@@ -1,5 +1,5 @@
 import keycode from 'keycode';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import ownerDocument from '../utils/ownerDocument';
 
 const internal = {

packages/material-ui/src/CardMedia/CardMedia.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { componentPropType } from '@material-ui/utils';
 import withStyles from '../styles/withStyles';
 

packages/material-ui/src/Chip/Chip.js

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
 import keycode from 'keycode';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { componentPropType } from '@material-ui/utils';
 import CancelIcon from '../internal/svg-icons/Cancel';
 import withStyles from '../styles/withStyles';

packages/material-ui/src/ExpansionPanel/ExpansionPanel.js

@@ -3,7 +3,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import Collapse from '../Collapse';
 import Paper from '../Paper';
 import withStyles from '../styles/withStyles';

packages/material-ui/src/GridList/GridList.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { componentPropType } from '@material-ui/utils';
 import withStyles from '../styles/withStyles';
 

packages/material-ui/src/Hidden/HiddenCss.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { keys as breakpointKeys } from '../styles/createBreakpoints';
 import { capitalize } from '../utils/helpers';
 import withStyles from '../styles/withStyles';

packages/material-ui/src/InputBase/InputBase.js

@@ -2,7 +2,7 @@
 
 import React from 'react';
 import PropTypes from 'prop-types';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import classNames from 'classnames';
 import { componentPropType } from '@material-ui/utils';
 import formControlState from '../FormControl/formControlState';

packages/material-ui/src/LinearProgress/LinearProgress.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import withStyles from '../styles/withStyles';
 import { lighten } from '../styles/colorManipulator';
 

packages/material-ui/src/LinearProgress/LinearProgress.test.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { assert } from 'chai';
-import consoleErrorMock from 'test/utils/consoleErrorMock';
+import consoleWarnMock from 'test/utils/consoleWarnMock';
 import { createShallow, getClasses } from '@material-ui/core/test-utils';
 import LinearProgress from './LinearProgress';
 
@@ -166,28 +166,28 @@ describe('<LinearProgress />', () => {
 
   describe('prop: value', () => {
     before(() => {
-      consoleErrorMock.spy();
+      consoleWarnMock.spy();
     });
 
     after(() => {
-      consoleErrorMock.reset();
+      consoleWarnMock.reset();
     });
 
     it('should warn when not used as expected', () => {
       shallow(<LinearProgress variant="determinate" value={undefined} />);
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
+      assert.strictEqual(consoleWarnMock.callCount(), 1);
       assert.match(
-        consoleErrorMock.args()[0][0],
+        consoleWarnMock.args()[0][0],
         /Warning: Material-UI: you need to provide a value property/,
       );
       shallow(<LinearProgress variant="buffer" value={undefined} />);
-      assert.strictEqual(consoleErrorMock.callCount(), 3);
+      assert.strictEqual(consoleWarnMock.callCount(), 3);
       assert.match(
-        consoleErrorMock.args()[1][0],
+        consoleWarnMock.args()[1][0],
         /Warning: Material-UI: you need to provide a value property/,
       );
       assert.match(
-        consoleErrorMock.args()[2][0],
+        consoleWarnMock.args()[2][0],
         /Warning: Material-UI: you need to provide a valueBuffer property/,
       );
     });

packages/material-ui/src/MenuList/MenuList.js

@@ -4,7 +4,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import ReactDOM from 'react-dom';
 import keycode from 'keycode';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import ownerDocument from '../utils/ownerDocument';
 import List from '../List';
 

packages/material-ui/src/Modal/Modal.js

@@ -2,7 +2,7 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import keycode from 'keycode';
 import { componentPropType } from '@material-ui/utils';
 import ownerDocument from '../utils/ownerDocument';

packages/material-ui/src/Modal/Modal.test.js

@@ -3,7 +3,7 @@ import { assert } from 'chai';
 import { spy, stub } from 'sinon';
 import PropTypes from 'prop-types';
 import keycode from 'keycode';
-import consoleErrorMock from 'test/utils/consoleErrorMock';
+import consoleWarnMock from 'test/utils/consoleWarnMock';
 import { createShallow, createMount, getClasses, unwrap } from '@material-ui/core/test-utils';
 import Fade from '../Fade';
 import Portal from '../Portal';
@@ -402,11 +402,11 @@ describe('<Modal />', () => {
       document.body.appendChild(focusContainer);
       focusContainer.focus();
       assert.strictEqual(document.activeElement, focusContainer);
-      consoleErrorMock.spy();
+      consoleWarnMock.spy();
     });
 
     afterEach(() => {
-      consoleErrorMock.reset();
+      consoleWarnMock.reset();
       wrapper.unmount();
       document.body.removeChild(focusContainer);
     });
@@ -489,8 +489,8 @@ describe('<Modal />', () => {
           <Dialog />
         </Modal>,
       );
-      assert.strictEqual(consoleErrorMock.callCount(), 1);
-      assert.match(consoleErrorMock.args()[0][0], /the modal content node does not accept focus/);
+      assert.strictEqual(consoleWarnMock.callCount(), 1);
+      assert.match(consoleWarnMock.args()[0][0], /the modal content node does not accept focus/);
     });
 
     it('should not attempt to focus nonexistent children', () => {

packages/material-ui/src/Paper/Paper.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import classNames from 'classnames';
-import warning from 'warning';
+import warning from 'tiny-warning';
 import { componentPropType } from '@material-ui/utils';
 import withStyles from '../styles/withStyles';