@axa-fr/canopee-react 1.6.1-alpha.5 → 1.6.1-alpha.6

package/dist/distributeur/Tag/Tag.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Tag/Tag.css";
 import { forwardRef, } from "react";
-import { getComponentClassNameWithUserClassname } from "../utilities/helpers/getComponentClassName";
+import { getClassName } from "../utilities/helpers/getClassName";
 /**
  * Tag component to display a label with various styles.
  *
@@ -16,16 +16,16 @@ import { getComponentClassNameWithUserClassname } from "../utilities/helpers/get
  */
 export const Tag = forwardRef(({ children, className, classModifier, variant, ...otherProps }, ref) => {
     const actualModifier = variant || classModifier || "default";
-    const componentClassName = getComponentClassNameWithUserClassname({
-        userClassName: className,
-        classModifier: actualModifier,
-        componentClassName: "af-tag",
+    const componentClassName = getClassName({
+        baseClassName: "af-tag",
+        modifiers: [actualModifier],
+        className,
     });
     // Kept for backward compatibility. May be removed in a future version
-    const badgeClassName = getComponentClassNameWithUserClassname({
-        userClassName: className,
-        classModifier: actualModifier,
-        componentClassName: "af-badge",
+    const badgeClassName = getClassName({
+        baseClassName: "af-badge",
+        modifiers: [actualModifier],
+        className,
     });
     return (_jsx("span", { ref: ref, className: `${componentClassName} ${badgeClassName}`, ...otherProps, children: children }));
 });

package/dist/distributeur/Title/Title.d.ts

@@ -2,6 +2,7 @@ import "@axa-fr/canopee-css/distributeur/Title/Title.css";
 import { type ComponentPropsWithRef, type PropsWithChildren, type ReactElement, type ReactNode } from "react";
 type Headings = "h2" | "h3" | "h4";
 type TitleProps = ComponentPropsWithRef<"h2"> & {
+    /** @deprecated Use `className` instead. */
     classModifier?: string;
     heading?: Headings;
     contentLeft?: ReactElement;

package/dist/distributeur/Title/Title.js

@@ -1,10 +1,14 @@
 import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/canopee-css/distributeur/Title/Title.css";
 import { forwardRef, } from "react";
-import { getComponentClassName } from "../utilities";
+import { getClassName } from "../utilities/helpers/getClassName";
 const baseClass = "af-title";
 export const Title = forwardRef(({ className, classModifier, children, heading: Heading = "h2", contentLeft, contentRight, ...otherProps }, ref) => {
-    const componentClassName = getComponentClassName(className, classModifier, baseClass);
+    const componentClassName = getClassName({
+        baseClassName: baseClass,
+        modifiers: classModifier?.split(" "),
+        className,
+    });
     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/canopee-react",
-  "version": "1.6.1-alpha.5",
+  "version": "1.6.1-alpha.6",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -49,7 +49,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.6.1-alpha.5",
+    "@axa-fr/canopee-css": "1.6.1-alpha.6",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"