@arc-ui/components 5.0.0 → 6.0.0

package/dist/index.es.js

@@ -967,7 +967,6 @@ var FormControl = function (_a) {
             }), id: id }, elementProps, filterDataAttrs(props)),
             React.createElement(LabelType, __assign({ className: "arc-FormControl-label" }, labelProps),
                 label,
-                " ",
                 requirementStatus === "optional" && (React.createElement("span", { className: "arc-FormControl-labelOptional" }, "(optional)"))),
             helper && (React.createElement("div", { className: "arc-FormControl-helper", id: idHelper }, helper)),
             children,
@@ -1008,7 +1007,6 @@ var Checkbox = forwardRef(function (_a, ref) {
             React.createElement("span", { className: "arc-Checkbox-box" }),
             React.createElement("span", null,
                 label,
-                " ",
                 !isRequired && requirementStatus !== "optional" ? (React.createElement("span", { className: "arc-Checkbox-labelOptional" }, "(optional)")) : null,
                 helper && React.createElement("span", { className: "arc-Checkbox-helper" }, helper))),
         errorMessage && (React.createElement("div", { id: idError, className: "arc-Checkbox-error" }, errorMessage))));
@@ -1249,9 +1247,6 @@ var RadioContext = createContext({});
 var Provider$2 = RadioContext.Provider;
 var useRadioContext = function () {
     var context = useContext(RadioContext);
-    if (!context) {
-        console.warn("Ensure to use <RadioGroup.RadioButton /> within the <RadioGroup /> or its branded version.");
-    }
     return context;
 };
 
@@ -1260,10 +1255,10 @@ var useRadioContext = function () {
  */
 var RadioButton = forwardRef(function (_a, ref) {
     var helper = _a.helper, id = _a.id, isDisabled = _a.isDisabled, label = _a.label, value = _a.value, props = __rest(_a, ["helper", "id", "isDisabled", "label", "value"]);
-    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, isChecked = _b.isChecked, labelSize = _b.labelSize, name = _b.name, size = _b.size;
+    var _b = useRadioContext(), blurEvent = _b.blurEvent, changeEvent = _b.changeEvent, groupDisabled = _b.groupDisabled, checkedValue = _b.checkedValue, labelSize = _b.labelSize, name = _b.name, size = _b.size;
     var surface = useContext(Context$3).surface;
     var idLabel = "".concat(id, "-label");
-    var checked = isChecked === value ? true : false;
+    var checked = checkedValue === value ? true : false;
     return (React.createElement("div", __assign({ className: classNames({
             "arc-RadioButton": true,
             "arc-RadioButton--disabled": isDisabled || groupDisabled,
@@ -1282,12 +1277,19 @@ var RadioButton = forwardRef(function (_a, ref) {
  * Use `RadioGroup` to wrap and control radio buttons and apply default values
  */
 var RadioGroup = function (_a) {
-    var children = _a.children, defaultValue = _a.defaultValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = __rest(_a, ["children", "defaultValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
+    var children = _a.children, checkedValue = _a.checkedValue, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, id = _a.id, helper = _a.helper, label = _a.label, _c = _a.labelSize, labelSize = _c === void 0 ? "l" : _c, name = _a.name, onBlur = _a.onBlur, onChange = _a.onChange, _d = _a.size, size = _d === void 0 ? "l" : _d, props = __rest(_a, ["children", "checkedValue", "isDisabled", "id", "helper", "label", "labelSize", "name", "onBlur", "onChange", "size"]);
+    useEffect(function () {
+        React.Children.map(children, function (item) {
+            if (item && item.type !== RadioButton) {
+                throw new Error("Illegal child passed to <RadioGroup />. Ensure to only use <RadioGroup.RadioButton />.");
+            }
+        });
+    }, [children]);
     return (React.createElement(Provider$2, { value: {
             blurEvent: onBlur,
             changeEvent: onChange,
             groupDisabled: isDisabled,
-            isChecked: defaultValue,
+            checkedValue: checkedValue,
             labelSize: labelSize,
             name: name,
             size: size