@axa-fr/design-system-slash-react 2.0.5-alpha.3 → 2.0.5

package/dist/Form/Radio/Radio.js

@@ -1,5 +1,5 @@
 import { createElement as _createElement } from "react";
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, } from "react";
 import classNames from "classnames";
 import { RadioCardGroup } from "./RadioCardGroup";
@@ -29,9 +29,9 @@ const Radio = forwardRef(({ options, value = "", children, disabled, ...otherPro
     if (mode === "cardRadio") {
         return (_jsx(RadioCardGroup, { ...onlyNecessaryProps, options: options, disabled: disabled, value: value, children: children }));
     }
-    return (_jsx("div", { className: classNames("af-form__radio-group", [
-            { "af-form__radio-group-classic": mode === RadioModes.classic },
-        ]), children: options.map((option) => (_createElement(RadioItem, { ...onlyNecessaryProps, key: option.value, isChecked: option.value === value, disabled: option.disabled || disabled, className: classNameMode, ref: inputRef, ...option }, children))) }));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: classNames("af-form__radio-group", [
+                    { "af-form__radio-group-classic": mode === RadioModes.classic },
+                ]), children: options.map((option) => (_createElement(RadioItem, { ...onlyNecessaryProps, key: option.value, isChecked: option.value === value, disabled: option.disabled || disabled, className: classNameMode, ref: inputRef, ...option }))) }), children] }));
 });
 Radio.displayName = "EnhancedInputRadio";
 export { Radio };

package/dist/Form/Radio/RadioItem.js

@@ -2,12 +2,11 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Form/Radio/Radio.scss";
 import { forwardRef, useId } from "react";
 import { getOptionClassName } from "../core";
-const RadioItem = forwardRef(({ value = "", id, isChecked, children, label, classModifier = "", className = "", disabled = false, ...otherProps }, inputRef) => {
+const RadioItem = forwardRef(({ value = "", id, isChecked, label, classModifier = "", className = "", disabled = false, ...otherProps }, inputRef) => {
     const optionClassName = getOptionClassName(className, classModifier, "af-form__radio", disabled);
-    const newLabel = children || label;
     const generatedId = useId();
     const newId = id ?? generatedId;
-    return (_jsxs("div", { className: optionClassName, children: [_jsx("input", { ...otherProps, className: "af-form__input-radio", id: newId, type: "radio", value: value, checked: isChecked, ref: inputRef, disabled: disabled }), _jsx("label", { className: "af-form__label", htmlFor: newId, children: _jsx("span", { className: "af-form__description", children: newLabel }) })] }, value));
+    return (_jsxs("div", { className: optionClassName, children: [_jsx("input", { ...otherProps, className: "af-form__input-radio", id: newId, type: "radio", value: value, checked: isChecked, ref: inputRef, disabled: disabled }), _jsx("label", { className: "af-form__label", htmlFor: newId, children: _jsx("span", { className: "af-form__description", children: label }) })] }, value));
 });
 RadioItem.displayName = "RadioItem";
 export { RadioItem };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "2.0.5-alpha.3",
+  "version": "2.0.5",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,7 +47,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "2.0.5-alpha.3",
+    "@axa-fr/design-system-slash-css": "2.0.5",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"