@axa-fr/design-system-slash-react 1.1.1-alpha.2 → 1.1.1-alpha.4

package/dist/Accordion/CollapseCard.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
+import type { DetailsHTMLAttributes, ReactNode } from "react";
 export type CollapseProps = {
     id: string;
     title: ReactNode;
-    children?: React.ReactNode;
+    children?: ReactNode;
     open?: boolean;
     name?: string;
-    onToggle?: React.DetailsHTMLAttributes<HTMLDetailsElement>["onToggle"];
+    onToggle?: DetailsHTMLAttributes<HTMLDetailsElement>["onToggle"];
     className?: string;
     classModifier?: string;
 };

package/dist/Link/Link.d.ts

@@ -0,0 +1,10 @@
+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>>;

package/dist/Link/Link.js

@@ -0,0 +1,8 @@
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import classnames from "classnames";
+import { forwardRef, } from "react";
+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] }));
+});
+Link.displayName = "Link";

package/dist/index.d.ts

@@ -27,6 +27,7 @@ export { Svg } from "./Svg";
 export { Tabs } from "./Tabs/Tabs";
 export { Title } from "./Title/Title";
 export { getComponentClassName } from "./utilities";
+export { Link, type LinkProps } from "./Link/Link";
 export * from "./Accordion";
 export * from "./Popover";
 export * from "./Table";

package/dist/index.js

@@ -27,6 +27,7 @@ export { Svg } from "./Svg";
 export { Tabs } from "./Tabs/Tabs";
 export { Title } from "./Title/Title";
 export { getComponentClassName } from "./utilities";
+export { Link } from "./Link/Link";
 export * from "./Accordion";
 export * from "./Popover";
 export * from "./Table";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.1.1-alpha.2",
+  "version": "1.1.1-alpha.4",
   "description": "",
   "exports": {
     ".": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "1.1.1-alpha.2",
+    "@axa-fr/design-system-slash-css": "1.1.1-alpha.4",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },