@axa-fr/design-system-slash-react 1.2.1-alpha.105 → 1.2.1-alpha.107

package/dist/Layout/Header/AnchorNavBar/AnchorNavBar.d.ts

@@ -2,15 +2,37 @@ import { ReactNode } from "react";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/AnchorNavBar/AnchorNavBar.css";
 import "@axa-fr/design-system-slash-css/dist/common/breakpoints.css";
 export type AnchorNavBarItem = {
+    /**
+     * name - The display name of the navigation item.
+     */
     name: string;
+    /**
+     * isActive - If true, the item is highlighted as active.
+     */
     isActive?: boolean;
+    /**
+     * onClick - Optional click handler for the navigation item.
+     */
     onClick?: () => void;
+    /**
+     * link - The URL or anchor to navigate to when the item is clicked.
+     */
     link?: string;
+    /**
+     * externalLink - If true, the link will open in a new tab and show an external link icon.
+     */
     externalLink?: boolean;
+    /**
+     * render - Optional custom render function for the navigation item. If provided, it overrides the default rendering.
+     */
     render?: (props: {
         className: string;
     }) => ReactNode;
 };
+/**
+ * Props for the AnchorNavBar component.
+ * items - An array of navigation items to display in the navigation bar.
+ */
 export type AnchorNavBarProps = {
     items: AnchorNavBarItem[];
 };

package/dist/Layout/Header/AnchorNavBar/AnchorNavBar.js

@@ -16,6 +16,6 @@ export const AnchorNavBar = ({ items }) => {
                 }
                 return (_jsx("li", { children: _jsxs(Link, { href: item.link, "aria-current": item.isActive ? "page" : undefined, onClick: item.onClick, className: classNames(`${defaultClassName}-link`, {
                             [`${defaultClassName}-link--active`]: item.isActive,
-                        }), children: [item.name, item.externalLink ? (_jsx(Svg, { role: "presentation", src: externalLinkIcon, className: `${defaultClassName}-external-link-svg` })) : null] }) }, `nav-item-${item.name}`));
+                        }), target: item.externalLink ? "_blank" : undefined, children: [item.name, item.externalLink ? (_jsx(Svg, { role: "presentation", src: externalLinkIcon, className: `${defaultClassName}-external-link-svg` })) : null] }) }, `nav-item-${item.name}`));
             }) }) }));
 };

package/dist/Layout/Header/Infos/Infos.js

@@ -1,12 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Fragment } from "react";
+import infoIcon from "@material-symbols/svg-400/outlined/info-fill.svg";
 import { getComponentClassName } from "../../../utilities";
 import { generateId } from "../../../utilities/helpers/generateId";
 import "@axa-fr/design-system-slash-css/dist/Layout/Header/Infos/Infos.scss";
+import { Svg } from "../../../Svg";
 const defaultClassName = "af-contrat";
 const Infos = ({ infos, className, classModifier }) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);
-    return (_jsxs("div", { className: componentClassName, children: [_jsx("i", { className: "glyphicon glyphicon-info-sign" }), _jsx("dl", { className: `${defaultClassName}__list`, children: infos.map((info) => {
+    return (_jsxs("div", { className: componentClassName, children: [_jsx(Svg, { className: "af-contrat__icon", src: infoIcon, "aria-hidden": "true" }), _jsx("dl", { className: `${defaultClassName}__list`, children: infos.map((info) => {
                     const idTerm = info.id ?? `info-${generateId(info)}`;
                     return (_jsxs(Fragment, { children: [_jsx("dt", { id: idTerm, className: `${defaultClassName}__word`, children: info.word }), _jsx("dd", { className: `${defaultClassName}__def`, "aria-labelledby": idTerm, children: info.definition })] }, idTerm));
                 }) })] }));

package/dist/Link/LinkAnchor.js

@@ -4,7 +4,7 @@ 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] }));
+    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";
 export { LinkAnchor };

package/package.json

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