@deque/cauldron-react 5.5.0-canary.720bc9bd → 5.5.1

package/lib/index.js

@@ -2648,24 +2648,25 @@ var RadioGroup = function (_a) {
         var label = radio.label, disabled = radio.disabled, radioValue = radio.value, labelDescription = radio.labelDescription, id = radio.id, className = radio.className, other = tslib.__rest(radio, ["label", "disabled", "value", "labelDescription", "id", "className"]);
         var isChecked = currentValue === radioValue;
         var isFocused = focusIndex === index;
-        return (React__default.createElement("div", { className: classNames('Radio is--flex-row', className), key: id },
-            React__default.createElement("input", tslib.__assign({ type: "radio", name: name, value: radioValue, id: id, ref: function (input) {
-                    if (!input) {
-                        return;
-                    }
-                    inputs.current.push(input);
-                }, onFocus: function () { return onRadioFocus(index); }, onBlur: function () { return onRadioBlur(); }, onChange: function () {
-                    var _a;
-                    handleChange(radioValue);
-                    onChange(radio, (_a = inputs.current) === null || _a === void 0 ? void 0 : _a[index]);
-                }, disabled: disabled, checked: isChecked, "aria-describedby": labelDescription ? "".concat(id, "Desc") : undefined }, other)),
-            React__default.createElement("label", { htmlFor: id, className: classNames('Field__label', {
-                    'Field__label--disabled': disabled
-                }) }, label),
-            React__default.createElement(Icon, { className: classNames('Radio__overlay', {
-                    'Radio__overlay--focused': isFocused,
-                    'Radio__overlay--disabled': disabled
-                }), type: isChecked ? 'radio-checked' : 'radio-unchecked', "aria-hidden": "true", onClick: function () { return onRadioClick(index); } }),
+        return (React__default.createElement("div", { className: "Radio__wrap", key: id },
+            React__default.createElement("div", { className: classNames('Radio is--flex-row', className) },
+                React__default.createElement("input", tslib.__assign({ type: "radio", name: name, value: radioValue, id: id, ref: function (input) {
+                        if (!input) {
+                            return;
+                        }
+                        inputs.current.push(input);
+                    }, onFocus: function () { return onRadioFocus(index); }, onBlur: function () { return onRadioBlur(); }, onChange: function () {
+                        var _a;
+                        handleChange(radioValue);
+                        onChange(radio, (_a = inputs.current) === null || _a === void 0 ? void 0 : _a[index]);
+                    }, disabled: disabled, checked: isChecked, "aria-describedby": labelDescription ? "".concat(id, "Desc") : undefined }, other)),
+                React__default.createElement("label", { htmlFor: id, className: classNames('Radio__label', {
+                        'Field__label--disabled': disabled
+                    }) }, label),
+                React__default.createElement(Icon, { className: classNames('Radio__overlay', {
+                        'Radio__overlay--focused': isFocused,
+                        'Radio__overlay--disabled': disabled
+                    }), type: isChecked ? 'radio-checked' : 'radio-unchecked', "aria-hidden": "true", onClick: function () { return onRadioClick(index); } })),
             labelDescription && (React__default.createElement("span", { id: "".concat(id, "Desc"), className: classNames('Field__labelDescription', {
                     'Field__labelDescription--disabled': disabled
                 }) }, labelDescription))));
@@ -2839,7 +2840,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
     if (labelDescription) {
         ariaDescribedbyId = tokenList(labelDescriptionId, ariaDescribedbyId);
     }
-    return (React__default.createElement(React__default.Fragment, null,
+    return (React__default.createElement("div", { className: "Checkbox__wrap" },
         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 (e) {
                     setFocused(true);
@@ -2857,7 +2858,7 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                         onChange(e);
                     }
                 } }, other)),
-            React__default.createElement("label", { className: classNames('Field__label', {
+            React__default.createElement("label", { className: classNames('Checkbox__label', {
                     'Field__label--disabled': disabled
                 }), htmlFor: id }, label),
             React__default.createElement(Icon, { className: classNames('Checkbox__overlay', {
@@ -2872,9 +2873,9 @@ var Checkbox = React.forwardRef(function (_a, ref) {
                     else {
                         (_b = checkRef.current) === null || _b === void 0 ? void 0 : _b.click();
                     }
-                } }),
-            labelDescription && (React__default.createElement("span", { id: labelDescriptionId, className: "Field__labelDescription" }, labelDescription)),
-            error && (React__default.createElement("div", { id: errorId, className: "Error" }, error)))));
+                } })),
+        labelDescription && (React__default.createElement("span", { id: labelDescriptionId, className: "Field__labelDescription" }, labelDescription)),
+        error && (React__default.createElement("div", { id: errorId, className: "Error" }, error))));
 });
 Checkbox.displayName = 'Checkbox';
 

package/package.json

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