@deque/cauldron-react 5.4.0 → 5.4.1-canary.8e1074b0

package/lib/index.js

@@ -2776,7 +2776,7 @@ RadioCardGroup.propTypes = {
 RadioCardGroup.displayName = 'RadioCardGroup';
 
 var Checkbox = React.forwardRef(function (_a, ref) {
-    var id = _a.id, label = _a.label, labelDescription = _a.labelDescription, error = _a.error, checkboxRef = _a.checkboxRef, className = _a.className, onChange = _a.onChange, ariaDescribedby = _a["aria-describedby"], _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["id", "label", "labelDescription", "error", "checkboxRef", "className", "onChange", 'aria-describedby', "disabled", "checked"]);
+    var id = _a.id, label = _a.label, labelDescription = _a.labelDescription, error = _a.error, checkboxRef = _a.checkboxRef, className = _a.className, onChange = _a.onChange, onFocus = _a.onFocus, onBlur = _a.onBlur, ariaDescribedby = _a["aria-describedby"], _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.checked, checked = _c === void 0 ? false : _c, other = tslib.__rest(_a, ["id", "label", "labelDescription", "error", "checkboxRef", "className", "onChange", "onFocus", "onBlur", 'aria-describedby', "disabled", "checked"]);
     var _d = tslib.__read(React.useState(checked), 2), isChecked = _d[0], setIsChecked = _d[1];
     var _e = tslib.__read(React.useState(false), 2), focused = _e[0], setFocused = _e[1];
     var checkRef = React.useRef(null);
@@ -2802,7 +2802,17 @@ var Checkbox = React.forwardRef(function (_a, ref) {
     }
     return (React__default.createElement(React__default.Fragment, null,
         React__default.createElement("div", { className: classNames('Checkbox is--flex-row', className) },
-            React__default.createElement("input", tslib.__assign({ id: id, ref: typeof refProp === 'function' || !refProp ? checkRef : refProp, type: "checkbox", checked: isChecked, disabled: disabled, onFocus: function () { return setFocused(true); }, onBlur: function () { return setFocused(false); }, "aria-describedby": ariaDescribedbyId, onChange: function (e) {
+            React__default.createElement("input", tslib.__assign({ id: id, ref: typeof refProp === 'function' || !refProp ? checkRef : refProp, type: "checkbox", checked: isChecked, disabled: disabled, onFocus: function (e) {
+                    setFocused(true);
+                    if (typeof onFocus === 'function') {
+                        onFocus(e);
+                    }
+                }, onBlur: function (e) {
+                    setFocused(false);
+                    if (typeof onBlur === 'function') {
+                        onBlur(e);
+                    }
+                }, "aria-describedby": ariaDescribedbyId, onChange: function (e) {
                     setIsChecked(e.target.checked);
                     if (onChange) {
                         onChange(e);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@deque/cauldron-react",
-  "version": "5.4.0",
+  "version": "5.4.1-canary.8e1074b0",
   "description": "Fully accessible react components library for Deque Cauldron",
   "homepage": "https://cauldron.dequelabs.com/",
   "publishConfig": {
@@ -126,4 +126,4 @@
       "\\.svg$": "<rootDir>/__tests__/svgMock.js"
     }
   }
-}
+}