@material-ui/lab - npm Package Compare versions

Comparing version 4.0.0-alpha.14 to 4.0.0-alpha.15

es/Slider/Slider.js

@@ -597,4 +597,4 @@ import _extends from "@babel/runtime/helpers/extends";
     const percent = clamp((value - min) * 100 / (max - min));
-    const commonClasses = clsx(!disabled && [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], disabled && classes.disabled, vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
-    const className = clsx(classes.root, vertical && classes.vertical, disabled && classes.disabled, classNameProp);
+    const commonClasses = clsx(disabled ? classes.disabled : [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
+    const className = clsx(classes.root, classNameProp, vertical && classes.vertical, disabled && classes.disabled);
     const containerClasses = clsx(classes.container, vertical && classes.vertical);
@@ -618,3 +618,3 @@ const trackBeforeClasses = clsx(classes.track, classes.trackBefore, commonClasses);
     const thumbWrapperClasses = clsx(classes.thumbWrapper, commonClasses);
-    const thumbClasses = clsx(classes.thumb, thumbIcon && classes.thumbIconWrapper, commonClasses);
+    const thumbClasses = clsx(classes.thumb, commonClasses, thumbIcon && classes.thumbIconWrapper);
     return React.createElement(Component, _extends({
@@ -621,0 +621,0 @@ className: className,

es/SpeedDial/SpeedDial.js

@@ -264,3 +264,3 @@ import _extends from "@babel/runtime/helpers/extends";
     "aria-orientation": orientation,
-    className: clsx(classes.actions, !open && classes.actionsClosed, actionsPlacementClass)
+    className: clsx(classes.actions, actionsPlacementClass, !open && classes.actionsClosed)
   }, children));
@@ -267,0 +267,0 @@ });

es/ToggleButton/ToggleButton.js

@@ -9,3 +9,3 @@ import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/objectWithoutPropertiesLoose";
 import ButtonBase from '@material-ui/core/ButtonBase';
-import { capitalize } from '@material-ui/core/utils/helpers';
+import { capitalize } from '@material-ui/core/utils';
 export const styles = theme => ({
@@ -119,3 +119,3 @@ /* Styles applied to the root element. */
   return React.createElement(ButtonBase, _extends({
-    className: clsx(classes.root, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes[`size${capitalize(size)}`], className),
+    className: clsx(classes.root, className, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes[`size${capitalize(size)}`]),
     disabled: disabled,
@@ -122,0 +122,0 @@ focusRipple: !disableFocusRipple,

esm/index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.0.0-alpha.14
+/** @license Material-UI v4.0.0-alpha.15
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

esm/Slider/Slider.js

@@ -616,4 +616,4 @@ import _extends from "@babel/runtime/helpers/extends";
       var percent = clamp((value - min) * 100 / (max - min));
-      var commonClasses = clsx(!disabled && [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], disabled && classes.disabled, vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
-      var className = clsx(classes.root, vertical && classes.vertical, disabled && classes.disabled, classNameProp);
+      var commonClasses = clsx(disabled ? classes.disabled : [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
+      var className = clsx(classes.root, classNameProp, vertical && classes.vertical, disabled && classes.disabled);
       var containerClasses = clsx(classes.container, vertical && classes.vertical);
@@ -637,3 +637,3 @@ var trackBeforeClasses = clsx(classes.track, classes.trackBefore, commonClasses);
       var thumbWrapperClasses = clsx(classes.thumbWrapper, commonClasses);
-      var thumbClasses = clsx(classes.thumb, thumbIcon && classes.thumbIconWrapper, commonClasses);
+      var thumbClasses = clsx(classes.thumb, commonClasses, thumbIcon && classes.thumbIconWrapper);
       return React.createElement(Component, _extends({
@@ -640,0 +640,0 @@ className: className,

esm/SpeedDial/SpeedDial.js

@@ -265,3 +265,3 @@ import _extends from "@babel/runtime/helpers/extends";
     "aria-orientation": orientation,
-    className: clsx(classes.actions, !open && classes.actionsClosed, actionsPlacementClass)
+    className: clsx(classes.actions, actionsPlacementClass, !open && classes.actionsClosed)
   }, children));
@@ -268,0 +268,0 @@ });

esm/ToggleButton/ToggleButton.js

@@ -9,3 +9,3 @@ import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
 import ButtonBase from '@material-ui/core/ButtonBase';
-import { capitalize } from '@material-ui/core/utils/helpers';
+import { capitalize } from '@material-ui/core/utils';
 export var styles = function styles(theme) {
@@ -119,3 +119,3 @@ return {
   return React.createElement(ButtonBase, _extends({
-    className: clsx(classes.root, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes["size".concat(capitalize(size))], className),
+    className: clsx(classes.root, className, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes["size".concat(capitalize(size))]),
     disabled: disabled,
@@ -122,0 +122,0 @@ focusRipple: !disableFocusRipple,

index.js

@@ -1,2 +0,2 @@
-/** @license Material-UI v4.0.0-alpha.14
+/** @license Material-UI v4.0.0-alpha.15
  *
@@ -3,0 +3,0 @@ * This source code is licensed under the MIT license found in the

package.json

 {
   "name": "@material-ui/lab",
-  "version": "4.0.0-alpha.14",
+  "version": "4.0.0-alpha.15",
   "private": false,
@@ -26,3 +26,3 @@ "author": "Material-UI Team",
   "peerDependencies": {
-    "@material-ui/core": "^4.0.1",
+    "@material-ui/core": "^4.0.2",
     "react": "^16.8.0",
@@ -29,0 +29,0 @@ "react-dom": "^16.8.0"

Slider/Slider.js

@@ -643,4 +643,4 @@ "use strict";
       var percent = (0, _utils2.clamp)((value - min) * 100 / (max - min));
-      var commonClasses = (0, _clsx.default)(!disabled && [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], disabled && classes.disabled, vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
-      var className = (0, _clsx.default)(classes.root, vertical && classes.vertical, disabled && classes.disabled, classNameProp);
+      var commonClasses = (0, _clsx.default)(disabled ? classes.disabled : [currentState === 'jumped' && classes.jumped, currentState === 'focused' && classes.focused, currentState === 'activated' && classes.activated], vertical && classes.vertical, theme.direction === 'rtl' && classes.rtl);
+      var className = (0, _clsx.default)(classes.root, classNameProp, vertical && classes.vertical, disabled && classes.disabled);
       var containerClasses = (0, _clsx.default)(classes.container, vertical && classes.vertical);
@@ -664,3 +664,3 @@ var trackBeforeClasses = (0, _clsx.default)(classes.track, classes.trackBefore, commonClasses);
       var thumbWrapperClasses = (0, _clsx.default)(classes.thumbWrapper, commonClasses);
-      var thumbClasses = (0, _clsx.default)(classes.thumb, thumbIcon && classes.thumbIconWrapper, commonClasses);
+      var thumbClasses = (0, _clsx.default)(classes.thumb, commonClasses, thumbIcon && classes.thumbIconWrapper);
       return _react.default.createElement(Component, (0, _extends2.default)({
@@ -667,0 +667,0 @@ className: className,

SpeedDial/SpeedDial.js

@@ -293,3 +293,3 @@ "use strict";
     "aria-orientation": orientation,
-    className: (0, _clsx.default)(classes.actions, !open && classes.actionsClosed, actionsPlacementClass)
+    className: (0, _clsx.default)(classes.actions, actionsPlacementClass, !open && classes.actionsClosed)
   }, children));
@@ -296,0 +296,0 @@ });

ToggleButton/ToggleButton.js

@@ -24,3 +24,3 @@ "use strict";
 
-var _helpers = require("@material-ui/core/utils/helpers");
+var _utils = require("@material-ui/core/utils");
 
@@ -139,3 +139,3 @@ // @inheritedComponent ButtonBase
   return _react.default.createElement(_ButtonBase.default, (0, _extends2.default)({
-    className: (0, _clsx.default)(classes.root, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes["size".concat((0, _helpers.capitalize)(size))], className),
+    className: (0, _clsx.default)(classes.root, className, disabled && classes.disabled, selected && classes.selected, size !== 'medium' && classes["size".concat((0, _utils.capitalize)(size))]),
     disabled: disabled,
@@ -142,0 +142,0 @@ focusRipple: !disableFocusRipple,

No alert changes

Improved metrics

Total package byte prevSize

614829

increased by0.61%

Worsened metrics

Lines of code

5212

decreased by-0.04%

No dependency changes