@axa-fr/canopee-react 1.1.1-alpha.1 → 1.1.1-alpha.10

package/dist/client.d.ts

@@ -58,3 +58,4 @@ export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVer
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
 export { Pagination } from "./prospect-client/Pagination/PaginationLF";
 export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
+export { Card, type CardProps } from "./prospect-client/Card/CardLF";

package/dist/client.js

@@ -57,3 +57,4 @@ export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVer
 export { Toggle } from "./prospect-client/Toggle/ToggleLF";
 export { Pagination } from "./prospect-client/Pagination/PaginationLF";
 export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationLF";
+export { Card } from "./prospect-client/Card/CardLF";

package/dist/prospect-client/Card/CardApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Card/CardApollo.css";
+export { type CardCommonProps as CardProps, CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Card/CardApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/prospect/Card/CardApollo.css";
+export { CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Card/CardCommon.d.ts

@@ -0,0 +1,4 @@
+import type { ComponentProps, ElementType } from "react";
+import { type PolymorphicComponent } from "../utilities/types/PolymorphicComponent";
+export type CardCommonProps<T extends ElementType> = PolymorphicComponent<T, ComponentProps<"div">>;
+export declare const CardCommon: <T extends ElementType = "div">({ as, children, className, ...props }: CardCommonProps<T>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Card/CardCommon.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { getClassName } from "../utilities/getClassName";
+export const CardCommon = ({ as, children, className, ...props }) => {
+    const Component = as || "div";
+    return (_jsx(Component, { className: getClassName({
+            baseClassName: "af-card",
+            className,
+        }), ...props, children: children }));
+};

package/dist/prospect-client/Card/CardLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Card/CardLF.css";
+export { type CardCommonProps as CardProps, CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Card/CardLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/canopee-css/client/Card/CardLF.css";
+export { CardCommon as Card, } from "./CardCommon";

package/dist/prospect-client/Form/Radio/CardRadioOption/CardRadioOptionCommon.d.ts

@@ -7,44 +7,15 @@ type BaseCardRadioOptionProps = Omit<ComponentProps<typeof Radio>, "size"> & {
     description?: ReactNode;
     subtitle?: ReactNode;
 };
-export type CardRadioOptionProps = (BaseCardRadioOptionProps & {
+export type CardRadioOptionProps = BaseCardRadioOptionProps & {
     type?: "vertical" | "horizontal";
     icon?: ComponentProps<typeof IconCommon>["src"];
-    src?: undefined;
-    basePictureProps?: undefined;
-}) | (BaseCardRadioOptionProps & {
-    type: "horizontal";
     src?: ComponentProps<typeof BasePicture>["src"];
     basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
-    icon?: undefined;
-});
+};
 export type CardRadioOptionCommonProps = CardRadioOptionProps & {
     RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
     IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
 };
-export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<(Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
-    label: ReactNode;
-    description?: ReactNode;
-    subtitle?: ReactNode;
-} & {
-    type?: "vertical" | "horizontal";
-    icon?: ComponentProps<typeof IconCommon>["src"];
-    src?: undefined;
-    basePictureProps?: undefined;
-} & {
-    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
-    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
-}, "ref"> | Omit<Omit<Omit<import("../Radio/RadioCommon").RadioProps, "ref"> & import("react").RefAttributes<HTMLInputElement>, "size"> & {
-    label: ReactNode;
-    description?: ReactNode;
-    subtitle?: ReactNode;
-} & {
-    type: "horizontal";
-    src?: ComponentProps<typeof BasePicture>["src"];
-    basePictureProps?: Omit<ComponentProps<typeof BasePicture>, "src">;
-    icon?: undefined;
-} & {
-    RadioComponent: ComponentType<ComponentProps<typeof Radio>>;
-    IconComponent: ComponentType<ComponentProps<typeof IconCommon>>;
-}, "ref">) & import("react").RefAttributes<HTMLInputElement>>;
+export declare const CardRadioOptionCommon: import("react").ForwardRefExoticComponent<Omit<CardRadioOptionCommonProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
 export {};

package/dist/prospect-client/Heading/types.d.ts

@@ -1,6 +1,6 @@
 import type { TagProps } from "../Tag/TagCommon";
 import type { HeadingCommonProps } from "./HeadingCommon";
-export type HeadingLevel = 1 | 2 | 3;
+export type HeadingLevel = 1 | 2 | 3 | 4;
 export type HeadingProps = HeadingCommonProps & {
     tagProps?: Omit<TagProps, "children">;
 };

package/dist/prospect.d.ts

@@ -54,3 +54,4 @@ export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVer
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ItemPagination, type ItemPaginationProps, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
+export { Card, type CardProps } from "./prospect-client/Card/CardApollo";

package/dist/prospect.js

@@ -53,3 +53,4 @@ export { TimelineVertical } from "./prospect-client/TimelineVertical/TimelineVer
 export { Toggle } from "./prospect-client/Toggle/ToggleApollo";
 export { Pagination } from "./prospect-client/Pagination/PaginationApollo";
 export { ItemPagination, } from "./prospect-client/Pagination/ItemPagination/ItemPaginationApollo";
+export { Card } from "./prospect-client/Card/CardApollo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.1.1-alpha.1",
+  "version": "1.1.1-alpha.10",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -21,6 +21,7 @@
   ],
   "scripts": {
     "prebuild": "rimraf dist",
+    "dev": "tsc -p tsconfig.build.json --watch",
     "build": "tsc -p tsconfig.build.json",
     "eslint": "eslint \"src/**/*.{js,jsx,ts,tsx}\"",
     "eslint:fix": "eslint src --ext js,jsx,ts,tsx --fix",
@@ -44,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.1.1-alpha.1",
+    "@axa-fr/canopee-css": "1.1.1-alpha.10",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"