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

Comparing version 2.0.0-beta.1 to 2.0.0-beta.2

es/AppBarAction.js

@@ -34,4 +34,4 @@ var __assign = (this && this.__assign) || function () {
 var AppBarAction = forwardRef(function AppBarAction(_a, ref) {
-    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, _d = _a.buttonType, buttonType = _d === void 0 ? "icon" : _d, _e = _a.theme, theme = _e === void 0 ? "clear" : _e, props = __rest(_a, ["className", "first", "last", "children", "inheritColor", "buttonType", "theme"]);
-    return (React.createElement(Button, __assign({}, props, { buttonType: buttonType, theme: theme, ref: ref, className: useActionClassName({ first: first, last: last, inheritColor: inheritColor, className: className }) }), children));
+    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));
 });
@@ -46,3 +46,2 @@ if (process.env.NODE_ENV !== "production") {
             last: PropTypes.bool,
-            buttonType: PropTypes.oneOf(["text", "icon"]),
             theme: PropTypes.oneOf([
@@ -55,2 +54,9 @@ "primary",
             ]),
+            buttonType: PropTypes.oneOf(["text", "icon"]),
+            floating: PropTypes.oneOf([
+                "top-left",
+                "top-right",
+                "bottom-left",
+                "bottom-right",
+            ]),
             inheritColor: PropTypes.bool,
@@ -57,0 +63,0 @@ };

es/AppBarNav.js

@@ -42,4 +42,4 @@ var __assign = (this && this.__assign) || function () {
 var AppBarNav = forwardRef(function AppBarNav(_a, ref) {
-    var className = _a.className, children = _a.children, inheritColor = _a.inheritColor, _b = _a.theme, theme = _b === void 0 ? "clear" : _b, _c = _a.buttonType, buttonType = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "children", "inheritColor", "theme", "buttonType"]);
-    return (React.createElement(Button, __assign({}, props, { theme: theme, buttonType: buttonType, ref: ref, className: cn(block("nav", {
+    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", {
             inherit: useInheritContext(inheritColor),
@@ -46,0 +46,0 @@ }), className) }), children));

lib/AppBarAction.js

@@ -58,4 +58,4 @@ "use strict";
 var AppBarAction = react_1.forwardRef(function AppBarAction(_a, ref) {
-    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, _d = _a.buttonType, buttonType = _d === void 0 ? "icon" : _d, _e = _a.theme, theme = _e === void 0 ? "clear" : _e, props = __rest(_a, ["className", "first", "last", "children", "inheritColor", "buttonType", "theme"]);
-    return (react_1.default.createElement(button_1.Button, __assign({}, props, { buttonType: buttonType, theme: theme, ref: ref, className: useActionClassName_1.default({ first: first, last: last, inheritColor: inheritColor, className: className }) }), children));
+    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: useActionClassName_1.default({ first: first, last: last, inheritColor: inheritColor, className: className }) }), children));
 });
@@ -70,3 +70,2 @@ if (process.env.NODE_ENV !== "production") {
             last: PropTypes.bool,
-            buttonType: PropTypes.oneOf(["text", "icon"]),
             theme: PropTypes.oneOf([
@@ -79,2 +78,9 @@ "primary",
             ]),
+            buttonType: PropTypes.oneOf(["text", "icon"]),
+            floating: PropTypes.oneOf([
+                "top-left",
+                "top-right",
+                "bottom-left",
+                "bottom-right",
+            ]),
             inheritColor: PropTypes.bool,
@@ -81,0 +87,0 @@ };

lib/AppBarNav.js

@@ -66,4 +66,4 @@ "use strict";
 var AppBarNav = react_1.forwardRef(function AppBarNav(_a, ref) {
-    var className = _a.className, children = _a.children, inheritColor = _a.inheritColor, _b = _a.theme, theme = _b === void 0 ? "clear" : _b, _c = _a.buttonType, buttonType = _c === void 0 ? "icon" : _c, props = __rest(_a, ["className", "children", "inheritColor", "theme", "buttonType"]);
-    return (react_1.default.createElement(button_1.Button, __assign({}, props, { theme: theme, buttonType: buttonType, ref: ref, className: classnames_1.default(block("nav", {
+    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: classnames_1.default(block("nav", {
             inherit: useInheritContext_1.useInheritContext(inheritColor),
@@ -70,0 +70,0 @@ }), className) }), children));

lib/index.js

@@ -11,3 +11,3 @@ "use strict";
     for (var p in m) if (p !== "default" && !exports.hasOwnProperty(p)) __createBinding(exports, m, p);
-}
+};
 Object.defineProperty(exports, "__esModule", { value: true });
@@ -14,0 +14,0 @@ var AppBar_1 = require("./AppBar");

package.json

 {
   "name": "@react-md/app-bar",
-  "version": "2.0.0-beta.1",
+  "version": "2.0.0-beta.2",
   "description": "This small package implments the AppBar spec in material design.",
@@ -39,8 +39,8 @@ "scripts": {
   "dependencies": {
-    "@react-md/button": "^2.0.0-beta.1",
-    "@react-md/elevation": "^2.0.0-beta.1",
-    "@react-md/icon": "^2.0.0-beta.1",
-    "@react-md/theme": "^2.0.0-beta.1",
-    "@react-md/typography": "^2.0.0-beta.1",
-    "@react-md/utils": "^2.0.0-beta.1",
+    "@react-md/button": "^2.0.0-beta.2",
+    "@react-md/elevation": "^2.0.0-beta.2",
+    "@react-md/icon": "^2.0.0-beta.2",
+    "@react-md/theme": "^2.0.0-beta.2",
+    "@react-md/typography": "^2.0.0-beta.2",
+    "@react-md/utils": "^2.0.0-beta.2",
     "classnames": "^2.2.6"
@@ -57,3 +57,7 @@ },
   },
-  "gitHead": "76642fca0cf36307a5431d67a8eb4abe0a7b18a6"
+  "devDependencies": {
+    "react": "^16.13.1",
+    "react-dom": "^16.13.1"
+  },
+  "gitHead": "cf3a082e89a038dd4cc60974874938af6480b289"
 }

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

186602

increased by0.82%

Lines of code

2324

increased by1.04%

Worsened metrics

Dev dependency count

2

increased byInfinity%

Dependency changes

• Updated@react-md/button@^2.0.0-beta.2

• Updated@react-md/elevation@^2.0.0-beta.2

• Updated@react-md/icon@^2.0.0-beta.2

• Updated@react-md/theme@^2.0.0-beta.2

• Updated@react-md/typography@^2.0.0-beta.2

• Updated@react-md/utils@^2.0.0-beta.2