@axa-fr/canopee-react 2.0.0-alpha.25 → 2.0.0-alpha.27

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.d.ts

@@ -22,7 +22,7 @@ export type CardRadioCommonProps = CardRadioProps & {
     IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
 };
 export declare const CardRadioCommon: {
-    ({ label, position, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
+    ({ label, position, type, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export {};

package/dist/prospect-client/Form/Radio/CardRadio/CardRadioCommon.js

@@ -2,15 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import {} from "react";
 import { BasePicture } from "../../../BasePicture/BasePicture";
 import { getClassName } from "../../../utilities/getClassName";
-export const CardRadioCommon = ({ label, position, type, description, subtitle, icon, src, basePictureProps, isInvalid, className, RadioComponent, IconComponent, ...inputProps }) => {
+export const CardRadioCommon = ({ label, position, type, description, subtitle, icon, src, basePictureProps, variant, className, RadioComponent, IconComponent, ...inputProps }) => {
     const isCardRadioHorizontal = [position, type].includes("horizontal");
     return (_jsxs("label", { className: getClassName({
             baseClassName: "af-card-radio",
             modifiers: [
-                isInvalid && "invalid",
+                variant === "error" && "invalid",
                 isCardRadioHorizontal && "horizontal",
             ],
             className,
-        }), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, isCardRadioHorizontal && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio__content", children: [_jsx("p", { className: "af-card-radio__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, isInvalid: isInvalid })] }));
+        }), children: [icon ? _jsx(IconComponent, { src: icon, role: "presentation" }) : null, isCardRadioHorizontal && src ? (_jsx(BasePicture, { src: src, ...basePictureProps })) : null, _jsxs("div", { className: "af-card-radio__content", children: [_jsx("p", { className: "af-card-radio__label", children: label }), Boolean(description) && (_jsx("p", { className: "af-card-radio__description", children: description })), Boolean(subtitle) && (_jsx("p", { className: "af-card-radio__subtitle", children: subtitle }))] }), _jsx(RadioComponent, { ...inputProps, variant: variant })] }));
 };
 CardRadioCommon.displayName = "CardRadioCommon";

package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.d.ts

@@ -2,8 +2,8 @@ import { type ComponentProps, type ComponentType, type PropsWithChildren, type R
 import type { GridContainerProps } from "../../../utilities/types/GridContainerProps";
 import { ItemMessage, type ItemMessageProps } from "../../ItemMessage/ItemMessageCommon";
 import { type CardRadioProps } from "../CardRadio/CardRadioCommon";
-type RadioOption = Omit<CardRadioProps, "name" | "type" | "isInvalid">;
-export type CardRadioGroupProps = Omit<CardRadioProps, "value" | "label" | "type" | "isInvalid" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
+type RadioOption = Omit<CardRadioProps, "name" | "type" | "variant">;
+export type CardRadioGroupProps = Omit<CardRadioProps, "value" | "label" | "type" | "variant" | "icon" | "src" | "basePictureProps" | "description" | "subtitle" | "children" | "position"> & {
     /**
      * @deprecated Use `position` and `cardStyle` instead.
      */

package/dist/prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupCommon.js

@@ -12,7 +12,7 @@ const CardRadioGroupCommon = ({ className, labelGroup, descriptionGroup, label,
                     `af-card-radio-group__options--${position}`,
                 ].join(" "), children: options.map((cardRadioItemProps) => (_jsx(CardRadioComponent, { id: `${cardRadioGroupId}-${cardRadioItemProps.value}`, checked: value !== undefined
                         ? value === cardRadioItemProps.value
-                        : undefined, required: required, position: cardStyle ?? type, ...inputProps, ...cardRadioItemProps, isInvalid: hasError, name: name }, `${name ?? cardRadioGroupId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
+                        : undefined, required: required, position: cardStyle ?? type, ...inputProps, ...cardRadioItemProps, variant: hasError ? "error" : undefined, name: name }, `${name ?? cardRadioGroupId}-${cardRadioItemProps.label}`))) }), _jsx(ItemMessageComponent, { id: messageId, message: message || error, messageType: messageType })] }));
 };
 CardRadioGroupCommon.displayName = "CardRadioGroupCommon";
 export { CardRadioGroupCommon };

package/dist/prospect-client/Form/Radio/Radio/RadioCommon.d.ts

@@ -1,8 +1,5 @@
 import { type ComponentProps } from "react";
 export type RadioProps = Omit<ComponentProps<"input">, "disabled" | "type"> & {
-    isInvalid?: boolean;
-};
-export declare const Radio: {
-    ({ className, isInvalid, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
+    variant?: "error" | "warning";
 };
+export declare const Radio: ({ variant, className, ref, ...inputProps }: RadioProps) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Form/Radio/Radio/RadioCommon.js

@@ -1,6 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import {} from "react";
-export const Radio = ({ className, isInvalid, ...props }) => (_jsx("input", { ...props, className: ["af-radio", isInvalid && "af-radio--invalid", className]
-        .filter(Boolean)
-        .join(" "), type: "radio" }));
-Radio.displayName = "Radio";
+import { getClassName } from "../../../utilities/getClassName";
+export const Radio = ({ variant, className, ref, ...inputProps }) => (_jsx("input", { ...inputProps, className: getClassName({
+        baseClassName: "af-radio",
+        modifiers: [variant],
+        className,
+    }), ref: ref, type: "radio" }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.25",
+  "version": "2.0.0-alpha.27",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.25",
+    "@axa-fr/canopee-css": "2.0.0-alpha.27",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"