@axa-fr/design-system-slash-react 1.1.1-alpha.239 → 1.1.1-alpha.241

package/dist/Link/CustomLink.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from "react";
+type CustomLinkProps = {
+    render: (props: {
+        className: string;
+    }) => ReactNode;
+};
+declare const CustomLink: (props: CustomLinkProps) => ReactNode;
+export { CustomLink, type CustomLinkProps };

package/dist/Link/CustomLink.js

@@ -0,0 +1,6 @@
+import { linkClassName } from "./linkClassName";
+const CustomLink = (props) => {
+    const { render } = props;
+    return render({ className: linkClassName, ...props });
+};
+export { CustomLink };

package/dist/Link/Link.d.ts

@@ -1,10 +1,5 @@
-import { type ComponentProps, type ElementType, type ReactNode } from "react";
 import "@axa-fr/design-system-slash-css/dist/Link/Link.scss";
-export type LinkProps<C extends ElementType> = {
-    component?: C;
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
-    className?: string;
-    disabled?: boolean;
-} & ComponentProps<C>;
-export declare const Link: import("react").ForwardRefExoticComponent<Omit<any, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+import { type CustomLinkProps } from "./CustomLink";
+import { type LinkComponentProps } from "./LinkAnchor";
+export type LinkProps = LinkComponentProps | CustomLinkProps;
+export declare const Link: import("react").ForwardRefExoticComponent<(CustomLinkProps | Omit<LinkComponentProps, "ref">) & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/Link/Link.js

@@ -1,8 +1,12 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
-import classnames from "classnames";
-import { forwardRef, } from "react";
+import { jsx as _jsx } from "react/jsx-runtime";
 import "@axa-fr/design-system-slash-css/dist/Link/Link.scss";
-export const Link = forwardRef(({ className, component: Component = "a", leftIcon, rightIcon, target, rel, disabled, children, ...props }, ref) => {
-    return (_jsxs(Component, { className: classnames("af-slash-link", className), target: target, rel: target === "_blank" ? "noopener noreferrer" : rel, "aria-disabled": disabled ?? props["aria-disabled"], ...props, ref: ref, children: [leftIcon, children, rightIcon] }));
+import { forwardRef } from "react";
+import { CustomLink } from "./CustomLink";
+import { LinkAnchor } from "./LinkAnchor";
+export const Link = forwardRef((props, ref) => {
+    if ("render" in props) {
+        return _jsx(CustomLink, { ...props });
+    }
+    return _jsx(LinkAnchor, { ...props, ref: ref });
 });
 Link.displayName = "Link";

package/dist/Link/LinkAnchor.d.ts

@@ -0,0 +1,10 @@
+import { ComponentPropsWithRef, type ReactNode } from "react";
+type AnchorLinkProps = {
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    className?: string;
+    disabled?: boolean;
+};
+type LinkComponentProps = ComponentPropsWithRef<"a"> & AnchorLinkProps;
+declare const LinkAnchor: import("react").ForwardRefExoticComponent<Omit<LinkComponentProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;
+export { LinkAnchor, type LinkComponentProps };

package/dist/Link/LinkAnchor.js

@@ -0,0 +1,10 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { forwardRef } from "react";
+import { linkClassName } from "./linkClassName";
+const LinkAnchor = forwardRef(({ className, target, rel, leftIcon, children, rightIcon, disabled, ...restProps }, ref) => {
+    const finalClassName = classnames(linkClassName, className);
+    return (_jsxs("a", { className: finalClassName, rel: target === "_blank" ? "noopener noreferrer" : rel, "aria-disabled": disabled ?? restProps["aria-disabled"], ref: ref, ...restProps, children: [leftIcon, children, rightIcon] }));
+});
+LinkAnchor.displayName = "LinkAnchor";
+export { LinkAnchor };

package/dist/Link/linkClassName.d.ts

@@ -0,0 +1 @@
+export declare const linkClassName = "af-slash-link";

package/dist/Link/linkClassName.js

@@ -0,0 +1 @@
+export const linkClassName = "af-slash-link";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.1.1-alpha.239",
+  "version": "1.1.1-alpha.241",
   "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.239",
+    "@axa-fr/design-system-slash-css": "1.1.1-alpha.241",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },