@react-md/app-bar - npm Package Compare versions

Comparing version 3.1.0 to 4.0.0

CHANGELOG.md

@@ -6,2 +6,28 @@ # 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))
+* **stylelint:** Updated to use `stylelint` ([22d1598](https://github.com/mlaursen/react-md/commit/22d15985061df76d827d4ca9319198526e320f11))
+
+
+### 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)
@@ -8,0 +34,0 @@

es/AppBar.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";
@@ -59,5 +60,3 @@ import { bem } from "@react-md/utils";
     }
-    return (React.createElement(ParentContext.Provider, { value: true },
-        React.createElement(InheritContext.Provider, { value: inherit },
-            React.createElement(Component, __assign({}, remaining, { className: cn(block((_b = {},
+    return (_jsx(ParentContext.Provider, __assign({ value: true }, { children: _jsx(InheritContext.Provider, __assign({ value: inherit }, { children: _jsx(Component, __assign({}, remaining, { className: cn(block((_b = {},
                     _b[theme] = theme !== "clear",
@@ -69,33 +68,4 @@ _b[height] = height !== "none",
                     _b["fixed-elevation"] = fixed && fixedElevation,
-                    _b)), className), ref: ref }), children))));
+                    _b)), className), ref: ref }, { children: children }), void 0) }), void 0) }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        AppBar.propTypes = {
-            className: PropTypes.string,
-            component: PropTypes.oneOfType([
-                PropTypes.string,
-                PropTypes.func,
-                PropTypes.object,
-            ]),
-            height: PropTypes.oneOf([
-                "none",
-                "normal",
-                "dense",
-                "prominent",
-                "prominent-dense",
-            ]),
-            flexWrap: PropTypes.bool,
-            children: PropTypes.node,
-            fixed: PropTypes.bool,
-            fixedPosition: PropTypes.oneOf(["top", "bottom"]),
-            fixedElevation: PropTypes.bool,
-            inheritColor: PropTypes.bool,
-            theme: PropTypes.oneOf(["primary", "secondary", "default", "clear"]),
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=AppBar.js.map

es/AppBarAction.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 { Button } from "@react-md/button";
@@ -36,32 +37,4 @@ import { useActionClassName, } from "./useActionClassName";
     var className = _a.className, _b = _a.first, first = _b === void 0 ? false : _b, _c = _a.last, last = _c === void 0 ? false : _c, children = _a.children, inheritColor = _a.inheritColor, floating = _a.floating, _d = _a.theme, theme = _d === void 0 ? floating ? "secondary" : "clear" : _d, _e = _a.buttonType, buttonType = _e === void 0 ? "icon" : _e, props = __rest(_a, ["className", "first", "last", "children", "inheritColor", "floating", "theme", "buttonType"]);
-    return (React.createElement(Button, __assign({}, props, { theme: theme, buttonType: buttonType, floating: floating, ref: ref, className: useActionClassName({ first: first, last: last, inheritColor: inheritColor, className: className }) }), children));
+    return (_jsx(Button, __assign({}, props, { theme: theme, buttonType: buttonType, floating: floating, ref: ref, className: useActionClassName({ first: first, last: last, inheritColor: inheritColor, className: className }) }, { children: children }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        AppBarAction.propTypes = {
-            className: PropTypes.string,
-            children: PropTypes.node,
-            first: PropTypes.bool,
-            last: PropTypes.bool,
-            theme: PropTypes.oneOf([
-                "primary",
-                "secondary",
-                "warning",
-                "error",
-                "clear",
-            ]),
-            buttonType: PropTypes.oneOf(["text", "icon"]),
-            floating: PropTypes.oneOf([
-                "top-left",
-                "top-right",
-                "bottom-left",
-                "bottom-right",
-            ]),
-            inheritColor: PropTypes.bool,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=AppBarAction.js.map

es/AppBarNav.js

@@ -23,4 +23,4 @@ var __assign = (this && this.__assign) || function () {
 };
-/* eslint-disable react/prop-types */
-import React, { forwardRef } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from "react";
 import cn from "classnames";
@@ -44,6 +44,6 @@ import { Button } from "@react-md/button";
     var className = _a.className, children = _a.children, inheritColor = _a.inheritColor, floating = _a.floating, _b = _a.theme, theme = _b === void 0 ? floating ? "secondary" : "clear" : _b, _c = _a.buttonType, buttonType = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "children", "inheritColor", "floating", "theme", "buttonType"]);
-    return (React.createElement(Button, __assign({}, props, { theme: theme, floating: floating, buttonType: buttonType, ref: ref, className: cn(block("nav", {
+    return (_jsx(Button, __assign({}, props, { theme: theme, floating: floating, buttonType: buttonType, ref: ref, className: cn(block("nav", {
             inherit: useInheritContext(inheritColor),
-        }), className) }), children));
+        }), className) }, { children: children }), void 0));
 });
 //# sourceMappingURL=AppBarNav.js.map

es/AppBarTitle.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";
@@ -36,22 +37,8 @@ import { bem } from "@react-md/utils";
     var _b = _a.noWrap, noWrap = _b === void 0 ? true : _b, _c = _a.keyline, keyline = _c === void 0 ? false : _c, className = _a.className, children = _a.children, inheritColor = _a.inheritColor, props = __rest(_a, ["noWrap", "keyline", "className", "children", "inheritColor"]);
-    return (React.createElement("h6", __assign({}, props, { ref: ref, className: cn(block("title", {
+    return (_jsx("h6", __assign({}, props, { ref: ref, className: cn(block("title", {
             "no-wrap": noWrap,
             keyline: keyline,
             inherit: useInheritContext(inheritColor),
-        }), className) }), children));
+        }), className) }, { children: children }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        AppBarTitle.propTypes = {
-            className: PropTypes.string,
-            children: PropTypes.node,
-            keyline: PropTypes.bool,
-            noWrap: PropTypes.bool,
-            inheritColor: PropTypes.bool,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=AppBarTitle.js.map

lib/AppBar.d.ts

@@ -1,2 +0,2 @@
-import React, { ElementType, HTMLAttributes } from "react";
+import { ElementType, HTMLAttributes } from "react";
 export declare type AppBarPosition = "top" | "bottom";
@@ -83,2 +83,2 @@ export declare type AppBarTheme = "clear" | "primary" | "secondary" | "default";
  */
-export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AppBar: import("react").ForwardRefExoticComponent<AppBarProps & import("react").RefAttributes<HTMLDivElement>>;

lib/AppBar.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.AppBar = 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"));
@@ -85,5 +67,3 @@ var utils_1 = require("@react-md/utils");
     }
-    return (react_1.default.createElement(useInheritContext_1.ParentContext.Provider, { value: true },
-        react_1.default.createElement(useInheritContext_1.InheritContext.Provider, { value: inherit },
-            react_1.default.createElement(Component, __assign({}, remaining, { className: (0, classnames_1.default)(block((_b = {},
+    return ((0, jsx_runtime_1.jsx)(useInheritContext_1.ParentContext.Provider, __assign({ value: true }, { children: (0, jsx_runtime_1.jsx)(useInheritContext_1.InheritContext.Provider, __assign({ value: inherit }, { children: (0, jsx_runtime_1.jsx)(Component, __assign({}, remaining, { className: (0, classnames_1.default)(block((_b = {},
                     _b[theme] = theme !== "clear",
@@ -95,33 +75,4 @@ _b[height] = height !== "none",
                     _b["fixed-elevation"] = fixed && fixedElevation,
-                    _b)), className), ref: ref }), children))));
+                    _b)), className), ref: ref }, { children: children }), void 0) }), void 0) }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.AppBar.propTypes = {
-            className: PropTypes.string,
-            component: PropTypes.oneOfType([
-                PropTypes.string,
-                PropTypes.func,
-                PropTypes.object,
-            ]),
-            height: PropTypes.oneOf([
-                "none",
-                "normal",
-                "dense",
-                "prominent",
-                "prominent-dense",
-            ]),
-            flexWrap: PropTypes.bool,
-            children: PropTypes.node,
-            fixed: PropTypes.bool,
-            fixedPosition: PropTypes.oneOf(["top", "bottom"]),
-            fixedElevation: PropTypes.bool,
-            inheritColor: PropTypes.bool,
-            theme: PropTypes.oneOf(["primary", "secondary", "default", "clear"]),
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=AppBar.js.map

lib/AppBarAction.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+/// <reference types="react" />
 import { ButtonProps } from "@react-md/button";
@@ -13,2 +13,2 @@ import { AppBarActionClassNameProps } from "./useActionClassName";
  */
-export declare const AppBarAction: React.ForwardRefExoticComponent<AppBarActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AppBarAction: import("react").ForwardRefExoticComponent<AppBarActionProps & import("react").RefAttributes<HTMLButtonElement>>;

lib/AppBarAction.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,3 +27,4 @@ var t = {};
 exports.AppBarAction = void 0;
-var react_1 = __importStar(require("react"));
+var jsx_runtime_1 = require("react/jsx-runtime");
+var react_1 = require("react");
 var button_1 = require("@react-md/button");
@@ -59,32 +41,4 @@ var useActionClassName_1 = require("./useActionClassName");
     var className = _a.className, _b = _a.first, first = _b === void 0 ? false : _b, _c = _a.last, last = _c === void 0 ? false : _c, children = _a.children, inheritColor = _a.inheritColor, floating = _a.floating, _d = _a.theme, theme = _d === void 0 ? floating ? "secondary" : "clear" : _d, _e = _a.buttonType, buttonType = _e === void 0 ? "icon" : _e, props = __rest(_a, ["className", "first", "last", "children", "inheritColor", "floating", "theme", "buttonType"]);
-    return (react_1.default.createElement(button_1.Button, __assign({}, props, { theme: theme, buttonType: buttonType, floating: floating, ref: ref, className: (0, useActionClassName_1.useActionClassName)({ first: first, last: last, inheritColor: inheritColor, className: className }) }), children));
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, __assign({}, props, { theme: theme, buttonType: buttonType, floating: floating, ref: ref, className: (0, useActionClassName_1.useActionClassName)({ first: first, last: last, inheritColor: inheritColor, className: className }) }, { children: children }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.AppBarAction.propTypes = {
-            className: PropTypes.string,
-            children: PropTypes.node,
-            first: PropTypes.bool,
-            last: PropTypes.bool,
-            theme: PropTypes.oneOf([
-                "primary",
-                "secondary",
-                "warning",
-                "error",
-                "clear",
-            ]),
-            buttonType: PropTypes.oneOf(["text", "icon"]),
-            floating: PropTypes.oneOf([
-                "top-left",
-                "top-right",
-                "bottom-left",
-                "bottom-right",
-            ]),
-            inheritColor: PropTypes.bool,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=AppBarAction.js.map

lib/AppBarNav.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+/// <reference types="react" />
 import { ButtonProps } from "@react-md/button";
@@ -17,2 +17,2 @@ import { AppBarColorInherit } from "./useInheritContext";
  */
-export declare const AppBarNav: React.ForwardRefExoticComponent<AppBarNavProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AppBarNav: import("react").ForwardRefExoticComponent<AppBarNavProps & import("react").RefAttributes<HTMLButtonElement>>;

lib/AppBarNav.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.AppBarNav = 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"));
@@ -70,6 +51,6 @@ var button_1 = require("@react-md/button");
     var className = _a.className, children = _a.children, inheritColor = _a.inheritColor, floating = _a.floating, _b = _a.theme, theme = _b === void 0 ? floating ? "secondary" : "clear" : _b, _c = _a.buttonType, buttonType = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "children", "inheritColor", "floating", "theme", "buttonType"]);
-    return (react_1.default.createElement(button_1.Button, __assign({}, props, { theme: theme, floating: floating, buttonType: buttonType, ref: ref, className: (0, classnames_1.default)(block("nav", {
+    return ((0, jsx_runtime_1.jsx)(button_1.Button, __assign({}, props, { theme: theme, floating: floating, buttonType: buttonType, ref: ref, className: (0, classnames_1.default)(block("nav", {
             inherit: (0, useInheritContext_1.useInheritContext)(inheritColor),
-        }), className) }), children));
+        }), className) }, { children: children }), void 0));
 });
 //# sourceMappingURL=AppBarNav.js.map

lib/AppBarTitle.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 import { AppBarColorInherit } from "./useInheritContext";
@@ -20,2 +20,2 @@ export interface AppBarTitleProps extends HTMLAttributes<HTMLHeadingElement>, AppBarColorInherit {
  */
-export declare const AppBarTitle: React.ForwardRefExoticComponent<AppBarTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AppBarTitle: import("react").ForwardRefExoticComponent<AppBarTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

lib/AppBarTitle.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.AppBarTitle = 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"));
@@ -62,22 +44,8 @@ var utils_1 = require("@react-md/utils");
     var _b = _a.noWrap, noWrap = _b === void 0 ? true : _b, _c = _a.keyline, keyline = _c === void 0 ? false : _c, className = _a.className, children = _a.children, inheritColor = _a.inheritColor, props = __rest(_a, ["noWrap", "keyline", "className", "children", "inheritColor"]);
-    return (react_1.default.createElement("h6", __assign({}, props, { ref: ref, className: (0, classnames_1.default)(block("title", {
+    return ((0, jsx_runtime_1.jsx)("h6", __assign({}, props, { ref: ref, className: (0, classnames_1.default)(block("title", {
             "no-wrap": noWrap,
             keyline: keyline,
             inherit: (0, useInheritContext_1.useInheritContext)(inheritColor),
-        }), className) }), children));
+        }), className) }, { children: children }), void 0));
 });
-/* istanbul ignore next */
-if (process.env.NODE_ENV !== "production") {
-    try {
-        var PropTypes = require("prop-types");
-        exports.AppBarTitle.propTypes = {
-            className: PropTypes.string,
-            children: PropTypes.node,
-            keyline: PropTypes.bool,
-            noWrap: PropTypes.bool,
-            inheritColor: PropTypes.bool,
-        };
-    }
-    catch (e) { }
-}
 //# sourceMappingURL=AppBarTitle.js.map

package.json

 {
   "name": "@react-md/app-bar",
-  "version": "3.1.0",
+  "version": "4.0.0",
   "description": "This small package implments the AppBar spec in material design.",
@@ -32,8 +32,8 @@ "main": "./lib/index.js",
   "dependencies": {
-    "@react-md/button": "^3.1.0",
-    "@react-md/elevation": "^3.1.0",
-    "@react-md/icon": "^3.1.0",
-    "@react-md/theme": "^3.1.0",
-    "@react-md/typography": "^3.1.0",
-    "@react-md/utils": "^3.1.0",
+    "@react-md/button": "^4.0.0",
+    "@react-md/elevation": "^4.0.0",
+    "@react-md/icon": "^4.0.0",
+    "@react-md/theme": "^4.0.0",
+    "@react-md/typography": "^4.0.0",
+    "@react-md/utils": "^4.0.0",
     "classnames": "^2.3.1"
@@ -46,12 +46,9 @@ },
   "peerDependencies": {
-    "react": ">= 16.8",
-    "react-dom": ">= 16.8.0"
+    "react": ">= 16.14",
+    "react-dom": ">= 16.14"
   },
-  "optionalDependencies": {
-    "prop-types": ">= 15.6"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "5891a3255f12fb34d2cc82d81d10f85f712a21e8"
+  "gitHead": "a9f2d64a777698fa65bb3196f6063cdd8321f5cb"
 }

README.md

@@ -42,3 +42,2 @@ # @react-md/app-bar
 ```tsx
-import React from "react";
 import { render } from "react-dom";
@@ -45,0 +44,0 @@ import {

types/AppBar.d.ts

@@ -1,2 +0,2 @@
-import React, { ElementType, HTMLAttributes } from "react";
+import { ElementType, HTMLAttributes } from "react";
 export declare type AppBarPosition = "top" | "bottom";
@@ -83,2 +83,2 @@ export declare type AppBarTheme = "clear" | "primary" | "secondary" | "default";
  */
-export declare const AppBar: React.ForwardRefExoticComponent<AppBarProps & React.RefAttributes<HTMLDivElement>>;
+export declare const AppBar: import("react").ForwardRefExoticComponent<AppBarProps & import("react").RefAttributes<HTMLDivElement>>;

types/AppBarAction.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+/// <reference types="react" />
 import { ButtonProps } from "@react-md/button";
@@ -13,2 +13,2 @@ import { AppBarActionClassNameProps } from "./useActionClassName";
  */
-export declare const AppBarAction: React.ForwardRefExoticComponent<AppBarActionProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AppBarAction: import("react").ForwardRefExoticComponent<AppBarActionProps & import("react").RefAttributes<HTMLButtonElement>>;

types/AppBarNav.d.ts

@@ -1,2 +0,2 @@
-import React from "react";
+/// <reference types="react" />
 import { ButtonProps } from "@react-md/button";
@@ -17,2 +17,2 @@ import { AppBarColorInherit } from "./useInheritContext";
  */
-export declare const AppBarNav: React.ForwardRefExoticComponent<AppBarNavProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const AppBarNav: import("react").ForwardRefExoticComponent<AppBarNavProps & import("react").RefAttributes<HTMLButtonElement>>;

types/AppBarTitle.d.ts

@@ -1,2 +0,2 @@
-import React, { HTMLAttributes } from "react";
+import { HTMLAttributes } from "react";
 import { AppBarColorInherit } from "./useInheritContext";
@@ -20,2 +20,2 @@ export interface AppBarTitleProps extends HTMLAttributes<HTMLHeadingElement>, AppBarColorInherit {
  */
-export declare const AppBarTitle: React.ForwardRefExoticComponent<AppBarTitleProps & React.RefAttributes<HTMLHeadingElement>>;
+export declare const AppBarTitle: import("react").ForwardRefExoticComponent<AppBarTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;

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

Dependency count

9

decreased by-10%

Number of low supply chain risk alerts

2

decreased by-75%

Worsened metrics

Total package byte prevSize

138468

decreased by-7.81%

Lines of code

1632

decreased by-14.82%

Number of lines in readme file

77

decreased by-1.28%

Dependency changes

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

• + 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/button@3.1.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/button@^4.0.0

• Updated@react-md/elevation@^4.0.0

• Updated@react-md/icon@^4.0.0

• Updated@react-md/theme@^4.0.0

• Updated@react-md/typography@^4.0.0

• Updated@react-md/utils@^4.0.0