@axa-fr/design-system-slash-react 1.2.1-alpha.119 → 1.2.1-alpha.122

package/dist/Link/Link.d.ts

@@ -1,4 +1,4 @@
-import "@axa-fr/design-system-slash-css/dist/Link/Link.scss";
+import "@axa-fr/design-system-slash-css/dist/Link/Link.css";
 import { type CustomLinkProps } from "./CustomLink";
 import { type LinkComponentProps } from "./LinkAnchor";
 export type LinkProps = LinkComponentProps | CustomLinkProps;

package/dist/Link/Link.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-slash-css/dist/Link/Link.scss";
+import "@axa-fr/design-system-slash-css/dist/Link/Link.css";
 import { forwardRef } from "react";
 import { CustomLink } from "./CustomLink";
 import { LinkAnchor } from "./LinkAnchor";

package/dist/Link/LinkAnchor.d.ts

@@ -1,9 +1,11 @@
-import { ComponentPropsWithRef, type ReactNode } from "react";
+import { ComponentPropsWithRef, ReactElement } from "react";
+import { Svg } from "../Svg";
 type AnchorLinkProps = {
-    leftIcon?: ReactNode;
-    rightIcon?: ReactNode;
+    leftIcon?: ReactElement<typeof Svg>;
+    rightIcon?: ReactElement<typeof Svg>;
     className?: string;
     disabled?: boolean;
+    variant?: "default" | "reverse";
 };
 type LinkComponentProps = ComponentPropsWithRef<"a"> & AnchorLinkProps;
 declare const LinkAnchor: import("react").ForwardRefExoticComponent<Omit<LinkComponentProps, "ref"> & import("react").RefAttributes<HTMLAnchorElement>>;

package/dist/Link/LinkAnchor.js

@@ -2,8 +2,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);
+const LinkAnchor = forwardRef(({ className, target, rel, leftIcon, children, rightIcon, disabled, variant, ...restProps }, ref) => {
+    const finalClassName = classnames(linkClassName, className, {
+        [`${linkClassName}--reverse`]: variant === "reverse",
+    });
     return (_jsxs("a", { className: finalClassName, rel: target === "_blank" ? "noopener noreferrer" : rel, "aria-disabled": disabled ?? restProps["aria-disabled"], ref: ref, target: target, ...restProps, children: [leftIcon, children, rightIcon] }));
 });
 LinkAnchor.displayName = "LinkAnchor";

package/package.json

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