@axa-fr/design-system-apollo-react 1.0.3-alpha.239 → 1.0.3-alpha.240

package/dist/CardMessage/CardMessageApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageApollo.scss";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessageCommon";

package/dist/CardMessage/CardMessageApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageApollo.scss";
+export { CardMessage, cardMessageVariants, } from "./CardMessageCommon";

package/dist/CardMessage/CardMessageCommon.d.ts

@@ -0,0 +1,14 @@
+import { ComponentPropsWithoutRef } from "react";
+export declare const cardMessageVariants: {
+    readonly info: "info";
+    readonly warning: "warning";
+    readonly error: "error";
+    readonly neutral: "neutral";
+};
+export type CardMessageVariants = keyof typeof cardMessageVariants;
+export type CardMessageProps = ComponentPropsWithoutRef<"div"> & {
+    variant?: CardMessageVariants;
+    title?: string;
+    text: string;
+};
+export declare const CardMessage: ({ variant, title, text, className, ...props }: CardMessageProps) => import("react/jsx-runtime").JSX.Element;

package/dist/CardMessage/CardMessageCommon.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const cardMessageVariants = {
+    info: "info",
+    warning: "warning",
+    error: "error",
+    neutral: "neutral",
+};
+export const CardMessage = ({ variant = "info", title, text, className, ...props }) => {
+    const componentClassName = useMemo(() => {
+        return getComponentClassName("af-card-message", className, variant);
+    }, [className, variant]);
+    return (_jsxs("div", { ...props, className: componentClassName, children: [title && _jsx("span", { className: "af-card-message--title", children: title }), _jsx("span", { className: "af-card-message--text", children: text })] }));
+};

package/dist/CardMessage/CardMessageLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageLF.scss";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessageCommon";

package/dist/CardMessage/CardMessageLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/CardMessage/CardMessageLF.scss";
+export { CardMessage, cardMessageVariants, } from "./CardMessageCommon";

package/dist/index.d.ts

@@ -19,6 +19,7 @@ export { ClickIcon } from "./ClickIcon/ClickIconApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
 export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageApollo";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";

package/dist/index.js

@@ -19,6 +19,7 @@ export { ClickIcon } from "./ClickIcon/ClickIconApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
 export { BasePicture } from "./BasePicture/BasePictureApollo";
 export { Message, messageVariants, } from "./Message/MessageApollo";
+export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageApollo";
 export { ProgressBar } from "./ProgressBar/ProgressBarApollo";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupApollo";
 export { Stepper } from "./Stepper/StepperApollo";

package/dist/indexLF.d.ts

@@ -18,6 +18,7 @@ export { ClickIcon } from "./ClickIcon/ClickIconLF";
 export { Toggle } from "./Toggle/ToggleLF";
 export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Message, messageVariants, type MessageVariants, } from "./Message/MessageLF";
+export { CardMessage, cardMessageVariants, type CardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";

package/dist/indexLF.js

@@ -18,6 +18,7 @@ export { ClickIcon } from "./ClickIcon/ClickIconLF";
 export { Toggle } from "./Toggle/ToggleLF";
 export { BasePicture } from "./BasePicture/BasePictureLF";
 export { Message, messageVariants, } from "./Message/MessageLF";
+export { CardMessage, cardMessageVariants, } from "./CardMessage/CardMessageLF";
 export { ProgressBar } from "./ProgressBar/ProgressBarLF";
 export { ProgressBarGroup } from "./ProgressBarGroup/ProgressBarGroupLF";
 export { Stepper } from "./Stepper/StepperLF";

package/package.json

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