@axa-fr/design-system-apollo-react 1.0.5-alpha.379 → 1.0.5-alpha.380

package/dist/Form/Radio/CardRadio/CardRadioCommon.js

@@ -7,14 +7,15 @@ import { CardRadioItem } from "./CardRadioItem";
 const CardRadioCommon = ({ className, labelGroup, descriptionGroup, RadioComponent, IconComponent, isRequired, options, type = "vertical", error, name, value, onChange, ItemMessageComponent, ...inputProps }) => {
     const componentClassName = getComponentClassName("af-card-radio__container", className);
     const RadioGroupClassName = getComponentClassName("af-card-radio-group", className, type);
-    const errorId = useId();
+    const cardRadioId = useId();
+    const errorId = `${cardRadioId}:error`;
     const isMobile = useIsSmallScreen(BREAKPOINT.SM);
     const size = isMobile
         ? "M"
         : "L";
     return (_jsxs("fieldset", { className: componentClassName, "aria-invalid": Boolean(error), "aria-errormessage": error ? errorId : undefined, children: [labelGroup && (_jsxs("legend", { className: "af-card-radio__legend", children: [_jsxs("p", { children: [labelGroup, isRequired && _jsx("span", { "aria-hidden": true, children: "\u00A0*" })] }), descriptionGroup && (_jsx("p", { className: "af-card-radio__description", children: descriptionGroup }))] })), _jsx("div", { className: RadioGroupClassName, children: options.map((cardRadioItemProps) => (_jsx(CardRadioItem, { name: name, onChange: onChange, size: size, RadioComponent: RadioComponent, IconComponent: IconComponent, checked: value !== undefined
                         ? value === cardRadioItemProps.value
-                        : undefined, ...inputProps, ...cardRadioItemProps }, `${name}-${crypto.randomUUID()}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
+                        : undefined, ...inputProps, ...cardRadioItemProps }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
 };
 CardRadioCommon.displayName = "CardRadioCommon";
 export { CardRadioCommon };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.379",
+  "version": "1.0.5-alpha.380",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.379",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.379",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.380",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.380",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },