@axa-fr/design-system-slash-react 1.1.1-alpha.142 → 1.1.1-alpha.145

package/dist/Title/Title.d.ts

@@ -1,9 +1,11 @@
 import "@axa-fr/design-system-slash-css/dist/Title/Title.scss";
-import { ComponentPropsWithRef, PropsWithChildren } from "react";
+import { ComponentPropsWithRef, PropsWithChildren, ReactElement } from "react";
 type Headings = "h2" | "h3" | "h4";
 type TitleProps = ComponentPropsWithRef<"h2"> & {
     classModifier?: string;
     heading?: Headings;
+    contentLeft?: ReactElement;
+    contentRight?: ReactElement;
 };
 export declare const Title: import("react").ForwardRefExoticComponent<Omit<PropsWithChildren<TitleProps>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
 export {};

package/dist/Title/Title.js

@@ -1,9 +1,10 @@
-import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Title/Title.scss";
-import { forwardRef } from "react";
+import { forwardRef, } from "react";
 import { getComponentClassName } from "../utilities";
-export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", ...otherProps }, ref) => {
-    const componentClassName = getComponentClassName(className, classModifier, "af-title");
-    return (_jsx(Heading, { ref: ref, className: componentClassName, ...otherProps, children: children }));
+const baseClass = "af-title";
+export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", contentLeft, contentRight, ...otherProps }, ref) => {
+    const componentClassName = getComponentClassName(className, classModifier, baseClass);
+    return (_jsxs("div", { className: `${baseClass}--container`, children: [_jsxs(Heading, { ref: ref, className: componentClassName, ...otherProps, children: [children, contentLeft] }), contentRight ? (_jsx("div", { className: "content-right", children: contentRight })) : null] }));
 });
 Title.displayName = "Title";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.1.1-alpha.142",
+  "version": "1.1.1-alpha.145",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,7 +47,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "1.1.1-alpha.142",
+    "@axa-fr/design-system-slash-css": "1.1.1-alpha.145",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },