@axa-fr/canopee-react 2.0.0-alpha.6 → 2.0.0-alpha.8

package/dist/client.d.ts

@@ -36,6 +36,7 @@ InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";

package/dist/client.js

@@ -36,6 +36,7 @@ InputText as TextInput, } from "./prospect-client/Form/InputText/InputTextLF";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomLF";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelLF";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageLF";
+export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioLF";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupLF";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioLF";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
+import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
+export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
+export declare const ItemMultiSelect: {
+    (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/prospect/Form/ItemMultiSelect/ItemMultiSelectApollo.css";
+import { Checkbox } from "../Checkbox/Checkbox/CheckboxApollo";
+import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
+export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
+ItemMultiSelect.displayName = "ItemMultiSelect";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.d.ts

@@ -0,0 +1,8 @@
+import { type ComponentProps, type ComponentType, type FC, type ReactNode } from "react";
+export type ItemMultiSelectVariant = "primary" | "secondary";
+export type ItemMultiSelectCommonProps = Omit<ComponentProps<"input">, "type"> & {
+    label: ReactNode;
+    variant?: ItemMultiSelectVariant;
+    Checkbox: ComponentType<ComponentProps<"input">>;
+};
+export declare const ItemMultiSelectCommon: FC<ItemMultiSelectCommonProps>;

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectCommon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import {} from "react";
+import { getClassName } from "../../utilities/getClassName";
+export const ItemMultiSelectCommon = ({ label, variant = "primary", className = "", id, Checkbox, ...inputProps }) => (_jsxs("label", { className: getClassName({
+        baseClassName: "af-item-multi-select",
+        modifiers: [variant],
+        className: className ?? "",
+    }), htmlFor: id, children: [_jsx("span", { className: "af-item-multi-select__checkbox", children: _jsx(Checkbox, { id: id, ...inputProps }) }), _jsx("span", { className: "af-item-multi-select__label", children: label })] }));
+ItemMultiSelectCommon.displayName = "ItemMultiSelectCommon";

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.d.ts

@@ -0,0 +1,7 @@
+import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
+import { type ItemMultiSelectCommonProps } from "./ItemMultiSelectCommon";
+export type ItemMultiSelectProps = Omit<ItemMultiSelectCommonProps, "Checkbox">;
+export declare const ItemMultiSelect: {
+    (props: ItemMultiSelectProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};

package/dist/prospect-client/Form/ItemMultiSelect/ItemMultiSelectLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/canopee-css/client/Form/ItemMultiSelect/ItemMultiSelectLF.css";
+import { Checkbox } from "../Checkbox/Checkbox/CheckboxLF";
+import { ItemMultiSelectCommon, } from "./ItemMultiSelectCommon";
+export const ItemMultiSelect = (props) => (_jsx(ItemMultiSelectCommon, { ...props, Checkbox: Checkbox }));
+ItemMultiSelect.displayName = "ItemMultiSelect";

package/dist/prospect.d.ts

@@ -32,6 +32,7 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, type ItemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMultiSelect, type ItemMultiSelectProps, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";

package/dist/prospect.js

@@ -32,6 +32,7 @@ export { InputText } from "./prospect-client/Form/InputText/InputTextApollo";
 export { InputTextAtom } from "./prospect-client/Form/InputTextAtom/InputTextAtomApollo";
 export { ItemLabel } from "./prospect-client/Form/ItemLabel/ItemLabelApollo";
 export { ItemMessage, itemMessageVariants, } from "./prospect-client/Form/ItemMessage/ItemMessageApollo";
+export { ItemMultiSelect, } from "./prospect-client/Form/ItemMultiSelect/ItemMultiSelectApollo";
 export { CardRadio } from "./prospect-client/Form/Radio/CardRadio/CardRadioApollo";
 export { CardRadioGroup } from "./prospect-client/Form/Radio/CardRadioGroup/CardRadioGroupApollo";
 export { Radio } from "./prospect-client/Form/Radio/Radio/RadioApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.6",
+  "version": "2.0.0-alpha.8",
   "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.6",
+    "@axa-fr/canopee-css": "2.0.0-alpha.8",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"