@react-md/button - npm Package Compare versions

Comparing version 3.1.0 to 4.0.0

CHANGELOG.md

@@ -6,2 +6,27 @@ # Change Log
 
+# [4.0.0](https://github.com/mlaursen/react-md/compare/v3.1.1...v4.0.0) (2021-11-24)
+
+
+### Features
+
+* Update to use new JSX Transform and latest `eslint` ([8111cd3](https://github.com/mlaursen/react-md/commit/8111cd31e45bf60c1b92509264af1b71dfba5696))
+
+
+### Other Internal Changes
+
+* always skip lib check ([229cef1](https://github.com/mlaursen/react-md/commit/229cef1e3d338ea362c1a2eaac06204c84ff21a6))
+* **react-md:** Remove prop-types package and usage ([2637a6f](https://github.com/mlaursen/react-md/commit/2637a6f43d681a06054e3a4518f692cf51baf997))
+
+
+### Breaking Changes
+
+* Minimum React version is now 16.14 instead of 16.8
+* **react-md:** There will no longer be run-time prop validation with
+the `prop-types` package.
+
+
+
+
+
+
 # [3.1.0](https://github.com/mlaursen/react-md/compare/v3.0.1...v3.1.0) (2021-09-10)
@@ -445,3 +470,2 @@
 ```tsx
-import React from "react";
 import { Button } from "@react-md/button";
@@ -448,0 +472,0 @@ import { TextIconSpacing } from "@react-md/icon";

es/Button.js

@@ -23,4 +23,5 @@ var __assign = (this && this.__assign) || function () {
 };
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 /* eslint-disable react/button-has-type */
-import React, { forwardRef } from "react";
+import { forwardRef } from "react";
 import { useInteractionStates, } from "@react-md/states";
@@ -74,73 +75,4 @@ import { buttonThemeClassNames, } from "./buttonThemeClassNames";
     }), ripples = _h.ripples, className = _h.className, handlers = _h.handlers;
-    return (React.createElement(FAB, __assign({ position: floating }, floatingProps),
-        React.createElement("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }),
-            children,
-            ripples)));
+    return (_jsx(FAB, __assign({ position: floating }, floatingProps, { children: _jsxs("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }, { children: [children, ripples] }), void 0) }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        Button.propTypes = {
-            type: PropTypes.oneOf(["button", "reset", "submit"]),
-            className: PropTypes.string,
-            theme: PropTypes.oneOf([
-                "clear",
-                "primary",
-                "secondary",
-                "warning",
-                "error",
-                "disabled",
-            ]),
-            themeType: PropTypes.oneOf(["flat", "outline", "contained"]),
-            buttonType: PropTypes.oneOf(["text", "icon"]),
-            disabled: PropTypes.bool,
-            children: PropTypes.node,
-            disableRipple: PropTypes.bool,
-            disableProgrammaticRipple: PropTypes.bool,
-            disablePressedFallback: PropTypes.bool,
-            rippleTimeout: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.shape({
-                    appear: PropTypes.number,
-                    enter: PropTypes.number,
-                    exit: PropTypes.number,
-                }),
-            ]),
-            rippleClassNames: PropTypes.oneOfType([
-                PropTypes.string,
-                PropTypes.shape({
-                    appear: PropTypes.string,
-                    appearActive: PropTypes.string,
-                    enter: PropTypes.string,
-                    enterActive: PropTypes.string,
-                    enterDone: PropTypes.string,
-                    exit: PropTypes.string,
-                    exitActive: PropTypes.string,
-                    exitDone: PropTypes.string,
-                }),
-            ]),
-            rippleClassName: PropTypes.string,
-            rippleContainerClassName: PropTypes.string,
-            enablePressedAndRipple: PropTypes.bool,
-            floating: PropTypes.oneOf([
-                "top-left",
-                "top-right",
-                "bottom-left",
-                "bottom-right",
-            ]),
-            floatingProps: PropTypes.object,
-            onClick: PropTypes.func,
-            onKeyUp: PropTypes.func,
-            onKeyDown: PropTypes.func,
-            onMouseUp: PropTypes.func,
-            onMouseDown: PropTypes.func,
-            onMouseLeave: PropTypes.func,
-            onTouchStart: PropTypes.func,
-            onTouchMove: PropTypes.func,
-            onTouchEnd: PropTypes.func,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=Button.js.map

es/buttonThemeClassNames.js

@@ -31,6 +31,6 @@ import cn from "classnames";
         _b[theme] = !disabled && !clear && contained,
-        _b["text-" + theme] = !disabled && !clear && !contained,
-        _b["outline-" + theme] = !disabled && !clear && outline,
+        _b["text-".concat(theme)] = !disabled && !clear && !contained,
+        _b["outline-".concat(theme)] = !disabled && !clear && outline,
         _b)), className);
 }
 //# sourceMappingURL=buttonThemeClassNames.js.map

es/FAB.js

@@ -23,4 +23,4 @@ var __assign = (this && this.__assign) || function () {
 };
-/* eslint-disable react/prop-types */
-import React, { forwardRef } from "react";
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import cn from "classnames";
@@ -42,5 +42,5 @@ import { bem } from "@react-md/utils";
     if (!position) {
-        return React.createElement(React.Fragment, null, children);
+        return _jsx(_Fragment, { children: children }, void 0);
     }
-    return (React.createElement("span", __assign({}, props, { ref: ref, className: cn(styles({
+    return (_jsx("span", __assign({}, props, { ref: ref, className: cn(styles({
             tl: position === "top-left",
@@ -50,4 +50,4 @@ tr: position === "top-right",
             br: position === "bottom-right",
-        }), className) }), children));
+        }), className) }, { children: children }), void 0));
 });
 //# sourceMappingURL=FAB.js.map

es/UnstyledButton.js

@@ -23,3 +23,4 @@ var __assign = (this && this.__assign) || function () {
 };
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import cn from "classnames";
@@ -32,16 +33,4 @@ /**
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (React.createElement("button", __assign({}, props, { type: "button", ref: ref, className: cn("rmd-button-unstyled", className) }), children));
+    return (_jsx("button", __assign({}, props, { type: "button", ref: ref, className: cn("rmd-button-unstyled", className) }, { children: children }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        UnstyledButton.propTypes = {
-            className: PropTypes.string,
-            disabled: PropTypes.bool,
-            children: PropTypes.node,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=UnstyledButton.js.map

lib/Button.d.ts

@@ -1,2 +0,2 @@
-import React, { ButtonHTMLAttributes, ReactNode } from "react";
+import { ButtonHTMLAttributes, ReactNode } from "react";
 import { InteractionStatesOptions } from "@react-md/states";
@@ -46,2 +46,2 @@ import { PropsWithRef } from "@react-md/utils";
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

lib/Button.js

@@ -13,21 +13,2 @@ "use strict";
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -46,4 +27,5 @@ var t = {};
 exports.Button = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 /* eslint-disable react/button-has-type */
-var react_1 = __importStar(require("react"));
+var react_1 = require("react");
 var states_1 = require("@react-md/states");
@@ -97,73 +79,4 @@ var buttonThemeClassNames_1 = require("./buttonThemeClassNames");
     }), ripples = _h.ripples, className = _h.className, handlers = _h.handlers;
-    return (react_1.default.createElement(FAB_1.FAB, __assign({ position: floating }, floatingProps),
-        react_1.default.createElement("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }),
-            children,
-            ripples)));
+    return ((0, jsx_runtime_1.jsx)(FAB_1.FAB, __assign({ position: floating }, floatingProps, { children: (0, jsx_runtime_1.jsxs)("button", __assign({ "aria-disabled": isDisabledTheme || undefined }, props, (isDisabledTheme ? undefined : handlers), { ref: ref, type: type, className: className, disabled: disabled }, { children: [children, ripples] }), void 0) }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.Button.propTypes = {
-            type: PropTypes.oneOf(["button", "reset", "submit"]),
-            className: PropTypes.string,
-            theme: PropTypes.oneOf([
-                "clear",
-                "primary",
-                "secondary",
-                "warning",
-                "error",
-                "disabled",
-            ]),
-            themeType: PropTypes.oneOf(["flat", "outline", "contained"]),
-            buttonType: PropTypes.oneOf(["text", "icon"]),
-            disabled: PropTypes.bool,
-            children: PropTypes.node,
-            disableRipple: PropTypes.bool,
-            disableProgrammaticRipple: PropTypes.bool,
-            disablePressedFallback: PropTypes.bool,
-            rippleTimeout: PropTypes.oneOfType([
-                PropTypes.number,
-                PropTypes.shape({
-                    appear: PropTypes.number,
-                    enter: PropTypes.number,
-                    exit: PropTypes.number,
-                }),
-            ]),
-            rippleClassNames: PropTypes.oneOfType([
-                PropTypes.string,
-                PropTypes.shape({
-                    appear: PropTypes.string,
-                    appearActive: PropTypes.string,
-                    enter: PropTypes.string,
-                    enterActive: PropTypes.string,
-                    enterDone: PropTypes.string,
-                    exit: PropTypes.string,
-                    exitActive: PropTypes.string,
-                    exitDone: PropTypes.string,
-                }),
-            ]),
-            rippleClassName: PropTypes.string,
-            rippleContainerClassName: PropTypes.string,
-            enablePressedAndRipple: PropTypes.bool,
-            floating: PropTypes.oneOf([
-                "top-left",
-                "top-right",
-                "bottom-left",
-                "bottom-right",
-            ]),
-            floatingProps: PropTypes.object,
-            onClick: PropTypes.func,
-            onKeyUp: PropTypes.func,
-            onKeyDown: PropTypes.func,
-            onMouseUp: PropTypes.func,
-            onMouseDown: PropTypes.func,
-            onMouseLeave: PropTypes.func,
-            onTouchStart: PropTypes.func,
-            onTouchMove: PropTypes.func,
-            onTouchEnd: PropTypes.func,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=Button.js.map

lib/buttonThemeClassNames.js

@@ -37,4 +37,4 @@ "use strict";
         _b[theme] = !disabled && !clear && contained,
-        _b["text-" + theme] = !disabled && !clear && !contained,
-        _b["outline-" + theme] = !disabled && !clear && outline,
+        _b["text-".concat(theme)] = !disabled && !clear && !contained,
+        _b["outline-".concat(theme)] = !disabled && !clear && outline,
         _b)), className);
@@ -41,0 +41,0 @@ }

lib/FAB.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 /**
@@ -23,2 +23,2 @@ * The position within the viewport for the floating action button.
  */
-export declare const FAB: React.ForwardRefExoticComponent<FABProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const FAB: import("react").ForwardRefExoticComponent<FABProps & import("react").RefAttributes<HTMLSpanElement>>;

lib/FAB.js

@@ -13,21 +13,2 @@ "use strict";
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -49,4 +30,4 @@ var t = {};
 exports.FAB = void 0;
-/* eslint-disable react/prop-types */
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
@@ -68,5 +49,5 @@ var utils_1 = require("@react-md/utils");
     if (!position) {
-        return react_1.default.createElement(react_1.default.Fragment, null, children);
+        return (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }, void 0);
     }
-    return (react_1.default.createElement("span", __assign({}, props, { ref: ref, className: (0, classnames_1.default)(styles({
+    return ((0, jsx_runtime_1.jsx)("span", __assign({}, props, { ref: ref, className: (0, classnames_1.default)(styles({
             tl: position === "top-left",
@@ -76,4 +57,4 @@ tr: position === "top-right",
             br: position === "bottom-right",
-        }), className) }), children));
+        }), className) }, { children: children }), void 0));
 });
 //# sourceMappingURL=FAB.js.map

lib/UnstyledButton.d.ts

@@ -1,2 +0,2 @@
-import React, { ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes } from "react";
 /**
@@ -12,2 +12,2 @@ * The props for the unstyled button are just all the normal button html
  */
-export declare const UnstyledButton: React.ForwardRefExoticComponent<UnstyledButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const UnstyledButton: import("react").ForwardRefExoticComponent<UnstyledButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

lib/UnstyledButton.js

@@ -13,21 +13,2 @@ "use strict";
 };
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
 var __rest = (this && this.__rest) || function (s, e) {
@@ -49,3 +30,4 @@ var t = {};
 exports.UnstyledButton = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var classnames_1 = __importDefault(require("classnames"));
@@ -58,16 +40,4 @@ /**
     var className = _a.className, children = _a.children, props = __rest(_a, ["className", "children"]);
-    return (react_1.default.createElement("button", __assign({}, props, { type: "button", ref: ref, className: (0, classnames_1.default)("rmd-button-unstyled", className) }), children));
+    return ((0, jsx_runtime_1.jsx)("button", __assign({}, props, { type: "button", ref: ref, className: (0, classnames_1.default)("rmd-button-unstyled", className) }, { children: children }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.UnstyledButton.propTypes = {
-            className: PropTypes.string,
-            disabled: PropTypes.bool,
-            children: PropTypes.node,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=UnstyledButton.js.map

package.json

 {
   "name": "@react-md/button",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "This package is used to create buttons with the material design spec. There is built-in support to be able to render accessible clickable divs that look like buttons, or even apply button styles to any element.",
@@ -33,9 +33,9 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/elevation": "^3.1.0",
-    "@react-md/icon": "^3.1.0",
-    "@react-md/states": "^3.1.0",
-    "@react-md/theme": "^3.1.0",
-    "@react-md/transition": "^3.1.0",
-    "@react-md/typography": "^3.1.0",
-    "@react-md/utils": "^3.1.0",
+    "@react-md/elevation": "^4.0.0",
+    "@react-md/icon": "^4.0.0",
+    "@react-md/states": "^4.0.0",
+    "@react-md/theme": "^4.0.0",
+    "@react-md/transition": "^4.0.0",
+    "@react-md/typography": "^4.0.0",
+    "@react-md/utils": "^4.0.0",
     "classnames": "^2.3.1"
@@ -48,12 +48,9 @@ },
   "peerDependencies": {
-    "react": ">= 16.8",
-    "react-dom": ">= 16.8"
+    "react": ">= 16.14",
+    "react-dom": ">= 16.14"
   },
-  "optionalDependencies": {
-    "prop-types": ">= 15.6"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5891a3255f12fb34d2cc82d81d10f85f712a21e8"
+  "gitHead": "a9f2d64a777698fa65bb3196f6063cdd8321f5cb"
 }

README.md

@@ -44,3 +44,2 @@ # @react-md/button
 ```tsx
-import React from "react";
 import { render } from "react-dom";
@@ -79,3 +78,2 @@ import { Button } from "@react-md/button";
 ```tsx
-import React from "react";
 import { render } from "react-dom";
@@ -127,3 +125,2 @@ import { Button } from "@react-md/button";
 ```tsx
-import React from "react";
 import { render } from "react-dom";
@@ -130,0 +127,0 @@ import { Button } from "@react-md/button";

types/Button.d.ts

@@ -1,2 +0,2 @@
-import React, { ButtonHTMLAttributes, ReactNode } from "react";
+import { ButtonHTMLAttributes, ReactNode } from "react";
 import { InteractionStatesOptions } from "@react-md/states";
@@ -46,2 +46,2 @@ import { PropsWithRef } from "@react-md/utils";
  */
-export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

types/FAB.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 /**
@@ -23,2 +23,2 @@ * The position within the viewport for the floating action button.
  */
-export declare const FAB: React.ForwardRefExoticComponent<FABProps & React.RefAttributes<HTMLSpanElement>>;
+export declare const FAB: import("react").ForwardRefExoticComponent<FABProps & import("react").RefAttributes<HTMLSpanElement>>;

types/UnstyledButton.d.ts

@@ -1,2 +0,2 @@
-import React, { ButtonHTMLAttributes } from "react";
+import { ButtonHTMLAttributes } from "react";
 /**
@@ -12,2 +12,2 @@ * The props for the unstyled button are just all the normal button html
  */
-export declare const UnstyledButton: React.ForwardRefExoticComponent<UnstyledButtonProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const UnstyledButton: import("react").ForwardRefExoticComponent<UnstyledButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

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

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Improved metrics

Dependency count

10

decreased by-9.09%

Number of low supply chain risk alerts

0

decreased by-100%

Worsened metrics

Total package byte prevSize

120061

decreased by-10.28%

Lines of code

1222

decreased by-19.18%

Number of lines in readme file

152

decreased by-1.94%

Dependency changes

• + Added@react-md/elevation@4.0.3(transitive)

• + Added@react-md/icon@4.0.3(transitive)

• + Added@react-md/portal@4.0.3(transitive)

• + Added@react-md/states@4.0.3(transitive)

• + Added@react-md/theme@4.0.3(transitive)

• + Added@react-md/transition@4.0.3(transitive)

• + Added@react-md/typography@4.0.3(transitive)

• + Added@react-md/utils@4.0.3(transitive)

• - Removed@babel/runtime@7.26.0(transitive)

• - Removed@react-md/elevation@3.1.0(transitive)

• - Removed@react-md/icon@3.1.0(transitive)

• - Removed@react-md/portal@3.1.0(transitive)

• - Removed@react-md/states@3.1.0(transitive)

• - Removed@react-md/theme@3.1.0(transitive)

• - Removed@react-md/transition@3.1.0(transitive)

• - Removed@react-md/typography@3.1.0(transitive)

• - Removed@react-md/utils@3.1.0(transitive)

• - Removed@types/prop-types@15.7.13(transitive)

• - Removed@types/react@18.3.12(transitive)

• - Removed@types/react-transition-group@4.4.11(transitive)

• - Removedcsstype@3.1.3(transitive)

• - Removeddom-helpers@5.2.1(transitive)

• - Removedobject-assign@4.1.1(transitive)

• - Removedprop-types@15.8.1(transitive)

• - Removedreact-is@16.13.1(transitive)

• - Removedreact-transition-group@4.4.5(transitive)

• - Removedregenerator-runtime@0.14.1(transitive)

• Updated@react-md/elevation@^4.0.0

• Updated@react-md/icon@^4.0.0

• Updated@react-md/states@^4.0.0

• Updated@react-md/theme@^4.0.0

• Updated@react-md/transition@^4.0.0

• Updated@react-md/typography@^4.0.0

• Updated@react-md/utils@^4.0.0