@react-md/form - npm Package Compare versions

Comparing version 2.8.0 to 2.8.1

CHANGELOG.md

@@ -6,2 +6,15 @@ # Change Log
 
+## [2.8.1](https://github.com/mlaursen/react-md/compare/v2.8.0...v2.8.1) (2021-04-23)
+
+
+### Bug Fixes
+
+* **@react-md/form:** `MenuItemSwitch` spacing styles ([8ac8299](https://github.com/mlaursen/react-md/commit/8ac82999841c87aef307c56266fd29095e36c868)), closes [#1126](https://github.com/mlaursen/react-md/issues/1126)
+* **@react-md/form:** Checkbox, Radio, and `Switch` color ([9315eff](https://github.com/mlaursen/react-md/commit/9315efffa1a6f9b1e4e5d4a7932995467d626bc9))
+
+
+
+
+
+
 # [2.8.0](https://github.com/mlaursen/react-md/compare/v2.7.1...v2.8.0) (2021-04-22)
@@ -8,0 +21,0 @@

es/menu/MenuItemInputToggle.js

@@ -72,3 +72,3 @@ var __assign = (this && this.__assign) || function () {
             onCheckedChange(!checked, event);
-        }, ref: ref, className: cn(styles(), className), tabIndex: tabIndex, leftAddon: leftAddon, leftAddonType: leftAddonType, leftAddonPosition: leftAddonPosition, rightAddon: rightAddon, rightAddonType: rightAddonType, rightAddonPosition: rightAddonPosition }), children));
+        }, ref: ref, className: cn(styles({ switch: type === "switch" }), className), tabIndex: tabIndex, leftAddon: leftAddon, leftAddonType: leftAddonType, leftAddonPosition: leftAddonPosition, rightAddon: rightAddon, rightAddonType: rightAddonType, rightAddonPosition: rightAddonPosition }), children));
 });
@@ -75,0 +75,0 @@ /* istanbul ignore next */

es/toggle/SwitchTrack.js

@@ -35,5 +35,5 @@ var __assign = (this && this.__assign) || function () {
     var id = _a.id, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, className = _a.className, ballStyle = _a.ballStyle, ballClassName = _a.ballClassName, containerProps = _a.containerProps, children = _a.children, props = __rest(_a, ["id", "disabled", "checked", "className", "ballStyle", "ballClassName", "containerProps", "children"]);
-    return (React.createElement("span", __assign({}, containerProps, { className: cn(styles(), containerProps === null || containerProps === void 0 ? void 0 : containerProps.className) }),
+    return (React.createElement("span", __assign({}, containerProps, { className: cn(styles(), className, containerProps === null || containerProps === void 0 ? void 0 : containerProps.className) }),
         id && (React.createElement(React.Fragment, null,
-            React.createElement("input", __assign({}, props, { id: id, ref: ref, type: "checkbox", className: cn(styles("input"), className), disabled: disabled })),
+            React.createElement("input", __assign({}, props, { id: id, ref: ref, type: "checkbox", className: cn(styles("input")), disabled: disabled })),
             React.createElement("label", { htmlFor: id, "aria-hidden": true, style: ballStyle, className: cn(styles("ball"), ballClassName) }, children))),
@@ -40,0 +40,0 @@ !id && (React.createElement("span", { style: ballStyle, className: cn(styles("ball", { checked: checked }), ballClassName) }))));

lib/menu/MenuItemInputToggle.js

@@ -97,3 +97,3 @@ "use strict";
             onCheckedChange(!checked, event);
-        }, ref: ref, className: classnames_1.default(styles(), className), tabIndex: tabIndex, leftAddon: leftAddon, leftAddonType: leftAddonType, leftAddonPosition: leftAddonPosition, rightAddon: rightAddon, rightAddonType: rightAddonType, rightAddonPosition: rightAddonPosition }), children));
+        }, ref: ref, className: classnames_1.default(styles({ switch: type === "switch" }), className), tabIndex: tabIndex, leftAddon: leftAddon, leftAddonType: leftAddonType, leftAddonPosition: leftAddonPosition, rightAddon: rightAddon, rightAddonType: rightAddonType, rightAddonPosition: rightAddonPosition }), children));
 });
@@ -100,0 +100,0 @@ /* istanbul ignore next */

lib/toggle/SwitchTrack.js

@@ -60,5 +60,5 @@ "use strict";
     var id = _a.id, _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, className = _a.className, ballStyle = _a.ballStyle, ballClassName = _a.ballClassName, containerProps = _a.containerProps, children = _a.children, props = __rest(_a, ["id", "disabled", "checked", "className", "ballStyle", "ballClassName", "containerProps", "children"]);
-    return (react_1.default.createElement("span", __assign({}, containerProps, { className: classnames_1.default(styles(), containerProps === null || containerProps === void 0 ? void 0 : containerProps.className) }),
+    return (react_1.default.createElement("span", __assign({}, containerProps, { className: classnames_1.default(styles(), className, containerProps === null || containerProps === void 0 ? void 0 : containerProps.className) }),
         id && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement("input", __assign({}, props, { id: id, ref: ref, type: "checkbox", className: classnames_1.default(styles("input"), className), disabled: disabled })),
+            react_1.default.createElement("input", __assign({}, props, { id: id, ref: ref, type: "checkbox", className: classnames_1.default(styles("input")), disabled: disabled })),
             react_1.default.createElement("label", { htmlFor: id, "aria-hidden": true, style: ballStyle, className: classnames_1.default(styles("ball"), ballClassName) }, children))),
@@ -65,0 +65,0 @@ !id && (react_1.default.createElement("span", { style: ballStyle, className: classnames_1.default(styles("ball", { checked: checked }), ballClassName) }))));

package.json

 {
   "name": "@react-md/form",
-  "version": "2.8.0",
+  "version": "2.8.1",
   "description": "This package is for creating all the different form input types.",
@@ -72,3 +72,3 @@ "main": "./lib/index.js",
   },
-  "gitHead": "20e013ae17ebccaaac74e246b9cde88df11d5c84"
+  "gitHead": "e61bb1f3afda1ec7f65866eea1a21247e680d407"
 }

No alert changes

Improved metrics

Total package byte prevSize

1889496

increased by0.1%

Lines of code

31242

No dependency changes