@axa-fr/canopee-react 1.3.1-alpha.17 → 1.3.1-alpha.18

package/dist/prospect-client/Link/LinkCommon.d.ts

@@ -1,7 +1,5 @@
 import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
 export declare const linkVariants: {
-    readonly default: "default";
-    readonly underline: "underline";
     readonly inverse: "inverse";
 };
 export type LinkVariants = keyof typeof linkVariants;
@@ -11,6 +9,9 @@ type LinkProps = {
     leftIcon?: ReactNode;
     rightIcon?: ReactNode;
     className?: string;
+    /**
+     * @deprecated Use variant instead
+     */
     classModifier?: string;
 } & ComponentPropsWithoutRef<"a">;
 export declare const Link: ({ href, variant, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/prospect-client/Link/LinkCommon.js

@@ -1,20 +1,20 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import openInNew from "@material-symbols/svg-400/outlined/open_in_new.svg";
-import { useMemo, } from "react";
 import { Svg } from "../Svg/Svg";
-import { getComponentClassName } from "../utilities/getComponentClassName";
+import { getClassName } from "../utilities/getClassName";
 export const linkVariants = {
-    default: "default",
-    underline: "underline",
     inverse: "inverse",
 };
-export const Link = ({ href, variant = "underline", openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
+export const Link = ({ href, variant, openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
     const newTabProps = openInNewTab && {
         target: "_blank",
         rel: "noopener noreferrer",
     };
-    const componentClassName = useMemo(() => getComponentClassName("af-link", className, `${classModifier}${!className && openInNewTab ? " openInNewTab" : ""} ${variant}`), [classModifier, className, openInNewTab, variant]);
-    return (_jsxs("a", { className: componentClassName, href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
+    return (_jsxs("a", { className: getClassName({
+            baseClassName: "af-link",
+            modifiers: [classModifier, variant, openInNewTab && "openInNewTab"],
+            className,
+        }), href: href, ...newTabProps, ...props, children: [leftIcon, children, openInNewTab || Boolean(rightIcon)
                 ? (rightIcon ?? _jsx(Svg, { src: openInNew }))
                 : null] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "1.3.1-alpha.17",
+  "version": "1.3.1-alpha.18",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "1.3.1-alpha.17",
+    "@axa-fr/canopee-css": "1.3.1-alpha.18",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 18"