@axa-fr/design-system-apollo-react 1.0.3-alpha.206 → 1.0.3-alpha.208

package/dist/Link/LinkApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/Link/LinkApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkApollo.scss";
+export { Link, linkVariants } from "./LinkCommon";

package/dist/Link/LinkCommon.d.ts

@@ -0,0 +1,17 @@
+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;
+type LinkProps = {
+    variant?: LinkVariants;
+    openInNewTab?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    className?: string;
+    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;
+export {};

package/dist/Link/LinkCommon.js

@@ -0,0 +1,19 @@
+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";
+export const linkVariants = {
+    default: "default",
+    underline: "underline",
+    inverse: "inverse",
+};
+export const Link = ({ href, variant = "underline", 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)) &&
+                (rightIcon ?? _jsx(Svg, { src: openInNew }))] }));
+};

package/dist/Link/LinkLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.scss";
+export { Link, type LinkVariants, linkVariants } from "./LinkCommon";

package/dist/Link/LinkLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Link/LinkLF.scss";
+export { Link, linkVariants } from "./LinkCommon";

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
+export { Link, linkVariants, type LinkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";
 export { DebugGrid } from "./Grid/DebugGrid";

package/dist/index.js

@@ -3,6 +3,7 @@ import "@axa-fr/design-system-apollo-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, } from "./Button/ButtonApollo";
+export { Link, linkVariants } from "./Link/LinkApollo";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";
 export { DebugGrid } from "./Grid/DebugGrid";

package/dist/indexLF.d.ts

@@ -2,6 +2,7 @@ import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
+export { Link, linkVariants, type LinkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";
 export { DebugGrid } from "./Grid/DebugGrid";

package/dist/indexLF.js

@@ -2,6 +2,7 @@ import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@axa-fr/design-system-apollo-css/dist/Grid/Grid.scss";
 import "@fontsource/source-sans-pro";
 export { Button, buttonVariants } from "./Button/ButtonLF";
+export { Link, linkVariants } from "./Link/LinkLF";
 export { Svg } from "./Svg/Svg";
 export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";
 export { DebugGrid } from "./Grid/DebugGrid";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.3-alpha.206",
+  "version": "1.0.3-alpha.208",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -46,8 +46,8 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-apollo-css": "1.0.3-alpha.206",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.206",
+    "@axa-fr/design-system-apollo-css": "1.0.3-alpha.208",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.208",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },