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

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/Tag/TagCommon.d.ts

@@ -7,8 +7,7 @@ export declare const tagVariants: {
     readonly neutral: "neutral";
 };
 export type TagVariants = keyof typeof tagVariants;
-type TagProps = ComponentProps<"div"> & {
+export type TagProps = ComponentProps<"div"> & {
     variant?: TagVariants;
 };
 export declare const Tag: ({ children, className, variant, ...divProps }: TagProps) => import("react/jsx-runtime").JSX.Element;
-export {};

package/dist/TimelineVertical/TimelineVerticalApollo.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.scss";
+import type { TimelineVerticalProps } from "./types";
+export type { TimelineVerticalProps } from "./types";
+export declare const TimelineVertical: ({ tag, tagProps, ...props }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TimelineVertical/TimelineVerticalApollo.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalApollo.scss";
+import { TimelineVertical as TimelineVerticalCommon } from "./TimelineVerticalCommon";
+import { Tag } from "../Tag/TagApollo";
+export const TimelineVertical = ({ tag, tagProps = {}, ...props }) => (_jsx(TimelineVerticalCommon, { tag: _jsx(Tag, { ...tagProps, children: tag }), ...props }));

package/dist/TimelineVertical/TimelineVerticalCommon.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren, ReactNode } from "react";
+export type TimelineVerticalProps = PropsWithChildren<{
+    title: string;
+    tag: ReactNode;
+    className?: string;
+}>;
+export declare const TimelineVertical: ({ title, children, tag, className, }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TimelineVertical/TimelineVerticalCommon.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from "classnames";
+export const TimelineVertical = ({ title, children, tag, className, }) => (_jsxs("section", { className: classNames("af-timeline-vertical", className), children: [_jsxs("header", { className: "af-timeline-vertical__header", children: [tag, _jsx("h4", { className: "af-timeline-vertical__title", children: title })] }), Boolean(children) && (_jsx("main", { className: "af-timeline-vertical__description", children: children }))] }));

package/dist/TimelineVertical/TimelineVerticalLF.d.ts

@@ -0,0 +1,4 @@
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.scss";
+import type { TimelineVerticalProps } from "./types";
+export type { TimelineVerticalProps } from "./types";
+export declare const TimelineVertical: ({ tag, tagProps, ...props }: TimelineVerticalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TimelineVertical/TimelineVerticalLF.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/TimelineVertical/TimelineVerticalLF.scss";
+import { TimelineVertical as TimelineVerticalCommon } from "./TimelineVerticalCommon";
+import { Tag } from "../Tag/TagLF";
+export const TimelineVertical = ({ tag, tagProps = {}, ...props }) => (_jsx(TimelineVerticalCommon, { tag: _jsx(Tag, { ...tagProps, children: tag }), ...props }));

package/dist/TimelineVertical/types.d.ts

@@ -0,0 +1,5 @@
+import { TagProps } from "../Tag/TagCommon";
+import type { TimelineVerticalProps as TimelineVerticalCommonProps } from "./TimelineVerticalCommon";
+export type TimelineVerticalProps = TimelineVerticalCommonProps & {
+    tagProps?: Omit<TagProps, "children">;
+};

package/dist/TimelineVertical/types.js

@@ -0,0 +1 @@
+export {};

package/dist/index.d.ts

@@ -19,7 +19,9 @@ 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";
 export { DateInput } from "./Form/DateInput/DateInputApollo";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";

package/dist/index.js

@@ -19,7 +19,9 @@ 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";
 export { DateInput } from "./Form/DateInput/DateInputApollo";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalApollo";

package/dist/indexLF.d.ts

@@ -18,7 +18,9 @@ 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";
 export { DateInput } from "./Form/DateInput/DateInputLF";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";

package/dist/indexLF.js

@@ -18,7 +18,9 @@ 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";
 export { DateInput } from "./Form/DateInput/DateInputLF";
+export { TimelineVertical } from "./TimelineVertical/TimelineVerticalLF";

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.241",
   "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.241",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.241",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },