@axa-fr/design-system-look-and-feel-react 0.3.0-ci.290 → 0.3.0-ci.292

package/dist/Link/Link.d.ts

@@ -1,7 +1,10 @@
-import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
-import "@axa-fr/design-system-look-and-feel-css/dist/Link/Link.scss";
+import { ComponentPropsWithoutRef, PropsWithChildren, type ReactNode } from "react";
 type LinkProps = {
     openInNewTab?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+    className?: string;
+    classModifier?: string;
 } & ComponentPropsWithoutRef<"a">;
-export declare const Link: ({ href, openInNewTab, children, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const Link: ({ href, openInNewTab, leftIcon, rightIcon, children, className, classModifier, ...props }: PropsWithChildren<LinkProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Link/Link.js

@@ -1,11 +1,14 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "@axa-fr/design-system-look-and-feel-css/dist/Link/Link.scss";
 import openInNew from "@material-symbols/svg-400/outlined/open_in_new.svg";
+import { useMemo, } from "react";
 import { Svg } from "../Svg";
-export const Link = ({ href, openInNewTab, children, ...props }) => {
+import { getComponentClassName } from "../utilities";
+export const Link = ({ href, openInNewTab = false, leftIcon, rightIcon, children, className, classModifier = "", ...props }) => {
     const newTabProps = openInNewTab && {
         target: "_blank",
         rel: "noopener noreferrer",
     };
-    return (_jsxs("a", { className: `af-link ${openInNewTab ? " af-link--openInNewTab" : ""}`, href: href, ...newTabProps, ...props, children: [children, newTabProps && _jsx(Svg, { src: openInNew })] }));
+    const componentClassName = useMemo(() => getComponentClassName(className, `${classModifier}${!className && openInNewTab ? " openInNewTab" : ""}`, "af-link"), [classModifier, className, openInNewTab]);
+    return (_jsxs("a", { className: componentClassName, href: href, ...newTabProps, ...props, children: [leftIcon, children, (openInNewTab || Boolean(rightIcon)) &&
+                (rightIcon ?? _jsx(Svg, { src: openInNew }))] }));
 };

package/dist/Link/index.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-look-and-feel-css/dist/Link/Link.scss";
+export { Link } from "./Link";

package/dist/Link/index.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-look-and-feel-css/dist/Link/Link.scss";
+export { Link } from "./Link";

package/dist/List/ContentTabList/ContentTabItem/ContentTabItem.d.ts

@@ -2,5 +2,5 @@ import type { TContentTabItem } from "./types";
 type TContentTabItemProps = TContentTabItem & {
     isMobile?: boolean;
 };
-export declare const ContentTabItem: ({ title, subtitle, tag, tagProps, date, buttons, value, isMobile, }: TContentTabItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ContentTabItem: ({ title, subtitle, tag, tagProps, date, actions, value, isMobile, }: TContentTabItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/List/ContentTabList/ContentTabItem/ContentTabItem.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Button, Tag } from "../../..";
-export const ContentTabItem = ({ title, subtitle, tag, tagProps, date, buttons = [], value, isMobile = false, }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "af-list-item__left-container", children: [Boolean(value) && (Boolean(tag) || Boolean(date)) && (_jsxs("div", { className: "af-list-item__additional-data-container", children: [Boolean(tag) && (_jsx(Tag, { classModifier: "warning", ...tagProps, children: tag })), Boolean(date) && _jsx("span", { className: "af-list-item__date", children: date })] })), _jsxs("div", { className: "af-list-item__label", children: [_jsx("span", { className: "af-list-item-label__title", children: title }), Boolean(subtitle) && (_jsx("span", { className: "af-list-item-label__subtitle", children: subtitle }))] }), !value && isMobile && (Boolean(tag) || Boolean(date)) && (_jsxs("div", { className: "af-list-item__additional-data-container", children: [Boolean(tag) && (_jsx(Tag, { classModifier: "warning", ...tagProps, children: tag })), Boolean(date) && _jsx("span", { className: "af-list-item__date", children: date })] }))] }), (buttons.length > 0 ||
+import { Tag } from "../../..";
+export const ContentTabItem = ({ title, subtitle, tag, tagProps, date, actions = [], value, isMobile = false, }) => (_jsxs(_Fragment, { children: [_jsxs("div", { className: "af-list-item__left-container", children: [Boolean(value) && (Boolean(tag) || Boolean(date)) && (_jsxs("div", { className: "af-list-item__additional-data-container", children: [Boolean(tag) && (_jsx(Tag, { classModifier: "warning", ...tagProps, children: tag })), Boolean(date) && _jsx("span", { className: "af-list-item__date", children: date })] })), _jsxs("div", { className: "af-list-item__label", children: [_jsx("span", { className: "af-list-item-label__title", children: title }), Boolean(subtitle) && (_jsx("span", { className: "af-list-item-label__subtitle", children: subtitle }))] }), !value && isMobile && (Boolean(tag) || Boolean(date)) && (_jsxs("div", { className: "af-list-item__additional-data-container", children: [Boolean(tag) && (_jsx(Tag, { classModifier: "warning", ...tagProps, children: tag })), Boolean(date) && _jsx("span", { className: "af-list-item__date", children: date })] }))] }), (actions.length > 0 ||
             Boolean(tag) ||
             Boolean(date) ||
-            Boolean(value)) && (_jsxs("div", { className: "af-list-item__right-container", children: [!value && (Boolean(tag) || Boolean(date)) && !isMobile && (_jsxs("div", { className: "af-list-item__additional-data-container", children: [Boolean(tag) && (_jsx(Tag, { classModifier: "warning", ...tagProps, children: tag })), Boolean(date) && (_jsx("span", { className: "af-list-item__date", children: date }))] })), buttons.map((button) => (_jsx("div", { className: "af-list-item__button-container", children: _jsx(Button, { ...button }) }, button?.id))), Boolean(value) && _jsx("span", { className: "af-list-item__value", children: value })] }))] }));
+            Boolean(value)) && (_jsxs("div", { className: "af-list-item__right-container", children: [!value && (Boolean(tag) || Boolean(date)) && !isMobile && (_jsxs("div", { className: "af-list-item__additional-data-container", children: [Boolean(tag) && (_jsx(Tag, { classModifier: "warning", ...tagProps, children: tag })), Boolean(date) && (_jsx("span", { className: "af-list-item__date", children: date }))] })), actions.map(({ id, component }) => (_jsx("div", { className: "af-list-item__action-container", children: component }, id))), Boolean(value) && _jsx("span", { className: "af-list-item__value", children: value })] }))] }));

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export { Text as TextInput } from "./Form/Text";
 export { IconBg } from "./IconBg";
 export { Footer } from "./Layout/Footer/Footer";
 export { Header } from "./Layout/Header";
-export { Link } from "./Link/Link";
+export { Link } from "./Link";
 export { List } from "./List";
 export { ClickItem, ClickList } from "./List/ClickList";
 export { ContentItemDuo } from "./List/ContentItemDuo";

package/dist/index.js

@@ -13,7 +13,7 @@ export { Text as TextInput } from "./Form/Text";
 export { IconBg } from "./IconBg";
 export { Footer } from "./Layout/Footer/Footer";
 export { Header } from "./Layout/Header";
-export { Link } from "./Link/Link";
+export { Link } from "./Link";
 export { List } from "./List";
 export { ClickItem, ClickList } from "./List/ClickList";
 export { ContentItemDuo } from "./List/ContentItemDuo";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-look-and-feel-react",
-  "version": "0.3.0-ci.290",
+  "version": "0.3.0-ci.292",
   "description": "",
   "exports": {
     ".": {
@@ -45,7 +45,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-look-and-feel-css": "0.3.0-ci.290",
+    "@axa-fr/design-system-look-and-feel-css": "0.3.0-ci.292",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },