@axa-fr/design-system-apollo-react 1.0.5-alpha.304 → 1.0.5-alpha.305

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

@@ -0,0 +1,6 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.scss";
+import { type CardRadioProps } from "./CardRadioCommon";
+export declare const CardRadio: {
+    (props: CardRadioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Form/Radio/{RadioCard/RadioCardApollo.js → CardRadio/CardRadioApollo.js}

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/RadioCard/RadioCardApollo.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioApollo.scss";
 import { Icon } from "../../../Icon/IconApollo";
-import { RadioCardCommon } from "./RadioCardCommon";
+import { CardRadioCommon } from "./CardRadioCommon";
 import { Radio } from "../Radio/RadioApollo";
 import { ItemMessage } from "../../ItemMessage/ItemMessageApollo";
-export const RadioCard = (props) => (_jsx(RadioCardCommon, { ...props, IconComponent: Icon, RadioComponent: Radio, ItemMessageComponent: ItemMessage }));
-RadioCard.displayName = "RadioCard";
+export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, IconComponent: Icon, RadioComponent: Radio, ItemMessageComponent: ItemMessage }));
+CardRadio.displayName = "CardRadio";

package/dist/Form/Radio/{RadioCard/RadioCardCommon.d.ts → CardRadio/CardRadioCommon.d.ts}

@@ -8,7 +8,7 @@ type RadioComponent = {
 type IconComponent = {
     IconComponent: ComponentType<ComponentProps<typeof Icon>>;
 };
-export type RadioCardProps = ComponentPropsWithRef<"input"> & {
+export type CardRadioProps = ComponentPropsWithRef<"input"> & {
     type: "vertical" | "horizontal";
     labelGroup?: string;
     descriptionGroup?: string;
@@ -24,11 +24,11 @@ export type RadioCardProps = ComponentPropsWithRef<"input"> & {
     onChange?: React.ChangeEventHandler;
     error?: string;
 };
-export type RadioCardCommonProps = RadioCardProps & RadioComponent & IconComponent & {
+export type CardRadioCommonProps = CardRadioProps & RadioComponent & IconComponent & {
     ItemMessageComponent: ComponentType<ComponentProps<typeof ItemMessage>>;
 };
-declare const RadioCardCommon: {
-    ({ className, labelGroup, descriptionGroup, RadioComponent, IconComponent, isRequired, options, type, error, name, onChange, ItemMessageComponent, }: RadioCardCommonProps): import("react/jsx-runtime").JSX.Element;
+declare const CardRadioCommon: {
+    ({ className, labelGroup, descriptionGroup, RadioComponent, IconComponent, isRequired, options, type, error, name, onChange, ItemMessageComponent, }: CardRadioCommonProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export { RadioCardCommon };
+export { CardRadioCommon };

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

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useId, } from "react";
+import { getComponentClassName } from "../../../utilities/getComponentClassName";
+import { useIsSmallScreen } from "../../../utilities/hook/useIsSmallScreen";
+import { BREAKPOINT } from "../../../utilities/constants";
+const CardRadioCommon = ({ className, labelGroup, descriptionGroup, RadioComponent, IconComponent, isRequired, options, type = "vertical", error, name, onChange, ItemMessageComponent, }) => {
+    const componentClassName = getComponentClassName("af-card-radio__container", className);
+    const RadioGroupClassName = getComponentClassName("af-card-radio-group", className, type);
+    const errorId = useId();
+    const isMobile = useIsSmallScreen(BREAKPOINT.SM);
+    const size = isMobile ? "M" : "L";
+    return (_jsxs("fieldset", { className: componentClassName, 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(({ label, description, subtitle, icon, hasError, ...inputProps }, index) => (_jsxs("label", { "aria-invalid": Boolean(error) || hasError, htmlFor: `id-${name ?? inputProps.name}-${index}`, className: "af-card-radio-label", children: [_jsx(RadioComponent, { id: `id-${name ?? inputProps.name}-${index}`, errorId: errorId, hasError: Boolean(error) || hasError, ...inputProps, name: name ?? inputProps.name, onChange: onChange }), _jsxs("div", { className: "af-card-radio-content", children: [icon && _jsx(IconComponent, { src: icon, size: size }), _jsxs("div", { className: "af-card-radio-content-description", children: [_jsx("span", { children: label }), description && _jsx("span", { children: description }), subtitle && _jsx("span", { children: subtitle })] })] })] }, `${name ?? inputProps.name}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
+};
+CardRadioCommon.displayName = "CardRadioCommon";
+export { CardRadioCommon };

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

@@ -0,0 +1,6 @@
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.scss";
+import { type CardRadioProps } from "./CardRadioCommon";
+export declare const CardRadio: {
+    (props: CardRadioProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/Form/Radio/{RadioCard/RadioCardLF.js → CardRadio/CardRadioLF.js}

@@ -1,8 +1,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/RadioCard/RadioCardLF.scss";
+import "@axa-fr/design-system-apollo-css/dist/Form/Radio/CardRadio/CardRadioLF.scss";
 import { Icon } from "../../../Icon/IconLF";
-import { RadioCardCommon } from "./RadioCardCommon";
+import { CardRadioCommon } from "./CardRadioCommon";
 import { Radio } from "../Radio/RadioLF";
 import { ItemMessage } from "../../ItemMessage/ItemMessageLF";
-export const RadioCard = (props) => (_jsx(RadioCardCommon, { ...props, IconComponent: Icon, RadioComponent: Radio, ItemMessageComponent: ItemMessage }));
-RadioCard.displayName = "RadioCard";
+export const CardRadio = (props) => (_jsx(CardRadioCommon, { ...props, IconComponent: Icon, RadioComponent: Radio, ItemMessageComponent: ItemMessage }));
+CardRadio.displayName = "CardRadio";

package/dist/index.d.ts

@@ -16,7 +16,7 @@ export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { Radio } from "./Form/Radio/Radio/RadioApollo";
-export { RadioCard } from "./Form/Radio/RadioCard/RadioCardApollo";
+export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
 export { InputText } from "./Form/InputText/InputTextApollo";
 export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";

package/dist/index.js

@@ -16,7 +16,7 @@ export { ItemLabel } from "./Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageApollo";
 export { TextArea } from "./Form/TextArea/TextAreaApollo";
 export { Radio } from "./Form/Radio/Radio/RadioApollo";
-export { RadioCard } from "./Form/Radio/RadioCard/RadioCardApollo";
+export { CardRadio } from "./Form/Radio/CardRadio/CardRadioApollo";
 export { InputText } from "./Form/InputText/InputTextApollo";
 export { DebugGrid } from "./Grid/DebugGridApollo";
 export { Heading } from "./Heading/HeadingApollo";

package/dist/indexLF.d.ts

@@ -15,7 +15,7 @@ export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { Radio } from "./Form/Radio/Radio/RadioLF";
-export { RadioCard } from "./Form/Radio/RadioCard/RadioCardLF";
+export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
 export { InputText, InputText as TextInput, } from "./Form/InputText/InputTextLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading, type HeadingLevel } from "./Heading/HeadingLF";

package/dist/indexLF.js

@@ -15,7 +15,7 @@ export { ItemLabel } from "./Form/ItemLabel/ItemLabelLF";
 export { ItemMessage } from "./Form/ItemMessage/ItemMessageLF";
 export { TextArea } from "./Form/TextArea/TextAreaLF";
 export { Radio } from "./Form/Radio/Radio/RadioLF";
-export { RadioCard } from "./Form/Radio/RadioCard/RadioCardLF";
+export { CardRadio } from "./Form/Radio/CardRadio/CardRadioLF";
 export { InputText, InputText as TextInput, } from "./Form/InputText/InputTextLF";
 export { DebugGrid } from "./Grid/DebugGridLF";
 export { Heading } from "./Heading/HeadingLF";

package/package.json

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

package/dist/Form/Radio/RadioCard/RadioCardApollo.d.ts

@@ -1,6 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/RadioCard/RadioCardApollo.scss";
-import { RadioCardProps } from "./RadioCardCommon";
-export declare const RadioCard: {
-    (props: RadioCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};

package/dist/Form/Radio/RadioCard/RadioCardCommon.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useId, } from "react";
-import { getComponentClassName } from "../../../utilities/getComponentClassName";
-import { useIsSmallScreen } from "../../../utilities/hook/useIsSmallScreen";
-import { BREAKPOINT } from "../../../utilities/constants";
-const RadioCardCommon = ({ className, labelGroup, descriptionGroup, RadioComponent, IconComponent, isRequired, options, type = "vertical", error, name, onChange, ItemMessageComponent, }) => {
-    const componentClassName = getComponentClassName("af-radio-card__container", className);
-    const RadioGroupClassName = getComponentClassName("af-radio-card-group", className, type);
-    const errorId = useId();
-    const isMobile = useIsSmallScreen(BREAKPOINT.SM);
-    const size = isMobile ? "M" : "L";
-    return (_jsxs("fieldset", { className: componentClassName, children: [_jsx("div", { className: "af-radio-card__label-container", children: _jsxs("legend", { children: [labelGroup && (_jsxs("span", { className: "af-radio-card__label", children: [labelGroup, isRequired && _jsx("span", { "aria-hidden": true, children: "\u00A0*" })] })), descriptionGroup && (_jsx("p", { className: "af-radio-card__description", children: descriptionGroup }))] }) }), _jsx("div", { className: RadioGroupClassName, children: options.map(({ label, description, subtitle, icon, hasError, ...inputProps }, index) => (_jsxs("label", { "aria-invalid": Boolean(error) || hasError, htmlFor: `id-${name ?? inputProps.name}-${index}`, className: "af-radio-card-label", children: [_jsx(RadioComponent, { id: `id-${name ?? inputProps.name}-${index}`, errorId: errorId, hasError: Boolean(error) || hasError, ...inputProps, name: name ?? inputProps.name, onChange: onChange }), _jsxs("div", { className: "af-radio-card-content", children: [icon && _jsx(IconComponent, { src: icon, size: size }), _jsxs("div", { className: "af-radio-card-content-description", children: [_jsx("span", { children: label }), description && _jsx("span", { children: description }), subtitle && _jsx("span", { children: subtitle })] })] })] }, `${name ?? inputProps.name}`))) }), _jsx(ItemMessageComponent, { id: errorId, message: error, messageType: "error" })] }));
-};
-RadioCardCommon.displayName = "RadioCardCommon";
-export { RadioCardCommon };

package/dist/Form/Radio/RadioCard/RadioCardLF.d.ts

@@ -1,6 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Form/Radio/RadioCard/RadioCardLF.scss";
-import { RadioCardProps } from "./RadioCardCommon";
-export declare const RadioCard: {
-    (props: RadioCardProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};