@axa-fr/design-system-apollo-react 1.0.5-alpha.390 → 1.0.5-alpha.391

package/dist/Form/Radio/CardRadio/CardRadioCommon.d.ts

@@ -1,8 +1,8 @@
 import { type ComponentProps, type ComponentType } from "react";
 import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-import type { RadioCommon } from "../Radio/RadioCommon";
+import type { Radio } from "../Radio/RadioCommon";
 import type { IconComponent, RadioComponent, TCardRadioItemOption } from "./types";
-export type CardRadioProps = Omit<ComponentProps<typeof RadioCommon>, "size"> & {
+export type CardRadioProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     type: "vertical" | "horizontal";
     labelGroup?: string;
     descriptionGroup?: string;

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

@@ -13,7 +13,7 @@ const CardRadioCommon = ({ className, labelGroup, descriptionGroup, RadioCompone
     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
+    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, isInvalid: Boolean(error), checked: value !== undefined
                         ? value === cardRadioItemProps.value
                         : undefined, ...inputProps, ...cardRadioItemProps }, `${name ?? cardRadioId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
 };

package/dist/Form/Radio/CardRadio/CardRadioItem.d.ts

@@ -1,13 +1,13 @@
 import { type ComponentProps, type ComponentType } from "react";
 import type { Icon as IconCommon } from "../../../Icon/IconCommon";
-import type { RadioCommon } from "../Radio/RadioCommon";
-export type TCardRadioItemProps = Omit<ComponentProps<typeof RadioCommon>, "size"> & {
+import type { Radio } from "../Radio/RadioCommon";
+export type TCardRadioItemProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     label: string;
     description?: string;
     subtitle?: string;
     icon?: ComponentProps<typeof IconCommon>["src"];
     size: ComponentProps<typeof IconCommon>["size"];
-    RadioComponent: ComponentType<ComponentProps<typeof RadioCommon>>;
+    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
     IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
 };
 export declare const CardRadioItem: ({ label, description, subtitle, icon, size, RadioComponent, IconComponent, ...inputProps }: TCardRadioItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Form/Radio/Radio/RadioApollo.d.ts

@@ -1,3 +1,2 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.scss";
-import { type RadioProps } from "./RadioCommon";
-export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioApollo.js

@@ -1,6 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioApollo.scss";
-import { RadioCommon } from "./RadioCommon";
-export const Radio = forwardRef((props, ref) => (_jsx(RadioCommon, { ...props, ref: ref })));
-Radio.displayName = "Radio";
+export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioCommon.d.ts

@@ -1,3 +1,5 @@
-import React from "react";
-export type RadioProps = Omit<React.InputHTMLAttributes<HTMLInputElement>, "disabled">;
-export declare const RadioCommon: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
+import { type ComponentProps } from "react";
+export type RadioProps = Omit<ComponentProps<"input">, "disabled" | "type"> & {
+    isInvalid?: boolean;
+};
+export declare const Radio: import("react").ForwardRefExoticComponent<Omit<RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Form/Radio/Radio/RadioCommon.js

@@ -1,4 +1,6 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
-export const RadioCommon = forwardRef((inputProps, ref) => (_jsxs("span", { className: "af-radio", children: [_jsx("input", { ...inputProps, type: "radio", ref: ref }), _jsx("span", { className: "af-radio__icons" })] })));
-RadioCommon.displayName = "RadioCommon";
+export const Radio = forwardRef(({ className, isInvalid, ...props }, ref) => (_jsx("input", { ...props, className: ["af-radio", isInvalid && "af-radio--invalid", className]
+        .filter(Boolean)
+        .join(" "), type: "radio", ref: ref })));
+Radio.displayName = "Radio";

package/dist/Form/Radio/Radio/RadioLF.d.ts

@@ -1,3 +1,2 @@
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.scss";
-import { type RadioProps } from "./RadioCommon";
-export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLInputElement>>;
+export { Radio } from "./RadioCommon";

package/dist/Form/Radio/Radio/RadioLF.js

@@ -1,6 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
 import "@axa-fr/design-system-apollo-css/dist/Form/Radio/Radio/RadioLF.scss";
-import { RadioCommon } from "./RadioCommon";
-export const Radio = forwardRef((props, ref) => (_jsx(RadioCommon, { ...props, ref: ref })));
-Radio.displayName = "Radio";
+export { Radio } from "./RadioCommon";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.5-alpha.390",
+  "version": "1.0.5-alpha.391",
   "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.390",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.390",
+    "@axa-fr/design-system-apollo-css": "1.0.5-alpha.391",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-alpha.391",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },