@axa-fr/design-system-apollo-react 1.0.5-alpha.261 → 1.0.5-alpha.262

package/dist/ContentItemMono/ContentItemMonoApollo.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
+import { ContentItemProps } from "./ContentItemMonoCommon";
+export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoApollo.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoApollo.scss";
+import { BasePicture } from "../BasePicture/BasePictureApollo";
+import { Icon } from "../Icon/IconApollo";
+import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, BasePictureComponent: BasePicture, IconComponent: Icon }));

package/dist/ContentItemMono/ContentItemMonoCommon.d.ts

@@ -0,0 +1,31 @@
+import { ComponentProps, ComponentType } from "react";
+import { Icon } from "../Icon/IconCommon";
+import { BasePicture } from "../BasePicture/BasePictureCommon";
+import { ContentItemCoreProps } from "./ContentItemMonoCore";
+export type ContentMonoItemSize = "medium" | "large";
+export type ContentMonoItemPictureProps = {
+    type: "picture";
+    size?: ContentMonoItemSize;
+    picture: string;
+    title: string;
+    subtitle: string;
+};
+export type ContentMonoItemIconProps = {
+    type: "icon";
+    icon: string;
+    title: string;
+    subtitle1?: string;
+    subtitle2?: string;
+};
+export type ContentMonoItemStickProps = {
+    type: "stick";
+    title: string;
+    subtitle?: string;
+};
+export type ContentItemProps = ContentMonoItemPictureProps | ContentMonoItemIconProps | ContentMonoItemStickProps;
+export type ContentItemCommonProps = ContentItemProps & {
+    IconComponent: ComponentType<ComponentProps<typeof Icon>>;
+    BasePictureComponent: ComponentType<ComponentProps<typeof BasePicture>>;
+};
+export declare const getContentItemCoreProps: ({ IconComponent, BasePictureComponent, type, ...props }: ContentItemCommonProps) => ContentItemCoreProps;
+export declare const ContentItemMonoCommon: (props: ContentItemCommonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoCommon.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContentItemMonoCore, } from "./ContentItemMonoCore";
+export const getContentItemCoreProps = ({ IconComponent, BasePictureComponent, type, ...props }) => {
+    if (type === "icon") {
+        const { icon, title, subtitle1, subtitle2 } = props;
+        return {
+            title,
+            primarySubtitle: subtitle1,
+            subtitle: subtitle2,
+            leftComponent: _jsx(IconComponent, { "data-testid": "icon", src: icon }),
+        };
+    }
+    if (type === "picture") {
+        return {
+            ...props,
+            leftComponent: (_jsx(BasePictureComponent, { src: props.picture, alt: props.title })),
+        };
+    }
+    return props;
+};
+export const ContentItemMonoCommon = (props) => {
+    return _jsx(ContentItemMonoCore, { ...getContentItemCoreProps(props) });
+};

package/dist/ContentItemMono/ContentItemMonoCore.d.ts

@@ -0,0 +1,9 @@
+export type ContentMonoItemSize = "medium" | "large";
+export type ContentItemCoreProps = {
+    size?: ContentMonoItemSize;
+    title?: string;
+    primarySubtitle?: string;
+    subtitle?: string;
+    leftComponent?: React.ReactNode;
+};
+export declare const ContentItemMonoCore: ({ size, leftComponent, title, primarySubtitle, subtitle, }: ContentItemCoreProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoCore.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const ContentItemMonoCore = ({ size = "medium", leftComponent, title, primarySubtitle, subtitle, }) => {
+    return (_jsxs("div", { "data-testid": "container", className: `af-content-item-mono ${size}`, children: [leftComponent ?? _jsx("div", { className: "stick" }), _jsxs("div", { className: "text-content", children: [_jsx("span", { className: "title", children: title }), primarySubtitle && (_jsx("span", { className: "subtitle-primary", children: primarySubtitle })), subtitle && _jsx("span", { className: "subtitle", children: subtitle })] })] }));
+};

package/dist/ContentItemMono/ContentItemMonoLF.d.ts

@@ -0,0 +1,3 @@
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
+import { ContentItemProps } from "./ContentItemMonoCommon";
+export declare const ContentItemMono: (props: ContentItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ContentItemMono/ContentItemMonoLF.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import "@axa-fr/design-system-apollo-css/dist/ContentItemMono/ContentItemMonoLF.scss";
+import { BasePicture } from "../BasePicture/BasePictureLF";
+import { Icon } from "../Icon/IconLF";
+import { ContentItemMonoCommon, } from "./ContentItemMonoCommon";
+export const ContentItemMono = (props) => (_jsx(ContentItemMonoCommon, { ...props, BasePictureComponent: BasePicture, IconComponent: Icon }));

package/dist/index.d.ts

@@ -31,3 +31,4 @@ export { Heading, type HeadingLevel } from "./Heading/HeadingApollo";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextApollo";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardApollo";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";

package/dist/index.js

@@ -31,3 +31,4 @@ export { Heading } from "./Heading/HeadingApollo";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxApollo";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextApollo";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardApollo";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoApollo";

package/dist/indexLF.d.ts

@@ -30,3 +30,4 @@ export { Heading, type HeadingLevel } from "./Heading/HeadingLF";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxLf";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextLF";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardLF";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";

package/dist/indexLF.js

@@ -30,3 +30,4 @@ export { Heading } from "./Heading/HeadingLF";
 export { Checkbox } from "./Form/checkbox/checkbox/CheckboxLf";
 export { CheckboxText } from "./Form/checkbox/checkboxText/CheckboxTextLF";
 export { CheckboxCard } from "./Form/checkbox/checkboxCard/CheckboxCardLF";
+export { ContentItemMono } from "./ContentItemMono/ContentItemMonoLF";

package/package.json

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