@axa-fr/design-system-look-and-feel-react 1.0.5-alpha.253 → 1.0.5-alpha.254

package/dist/List/ContentItemDuo/ContentItemDuo.d.ts

@@ -1,14 +1 @@
-import { type ReactNode } from "react";
-type ContentItemDuoProps = {
-    label: string;
-    value: ReactNode;
-    isVertical?: boolean;
-    className?: string;
-    classModifier?: string;
-    isShowingDoneIcon?: boolean;
-    isShowingCloseIcon?: boolean;
-    buttonText?: string;
-    onButtonClick?: () => void;
-};
-export declare const ContentItemDuo: ({ label, value, isVertical, className, classModifier, isShowingDoneIcon, isShowingCloseIcon, buttonText, onButtonClick, }: ContentItemDuoProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+export { ContentItemDuo } from "@axa-fr/design-system-apollo-react/lf";

package/dist/List/ContentItemDuo/ContentItemDuo.js

@@ -1,17 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import checkIcon from "@material-symbols/svg-400/outlined/check.svg";
-import closeIcon from "@material-symbols/svg-400/outlined/close.svg";
-import { useMemo } from "react";
-import { Button, Svg } from "../..";
-import { getComponentClassName } from "../../utilities";
-export const ContentItemDuo = ({ label, value, isVertical = false, className, classModifier, isShowingDoneIcon = false, isShowingCloseIcon = false, buttonText, onButtonClick, }) => {
-    const componentClassName = useMemo(() => {
-        const classModifiers = [classModifier];
-        if (isVertical) {
-            classModifiers.push("vertical");
-        }
-        return getComponentClassName("af-content-item-duo", className, classModifiers.filter(Boolean).join(" "));
-    }, [classModifier, className, isVertical]);
-    const iconContainerModifier = useMemo(() => ` af-content-item-duo__icon--${isShowingDoneIcon ? "done" : "close"}`, [isShowingDoneIcon]);
-    return (_jsxs("div", { className: componentClassName, children: [(isShowingDoneIcon || isShowingCloseIcon) && (_jsxs("div", { className: `af-content-item-duo__icon${iconContainerModifier}`, children: [isShowingDoneIcon && _jsx(Svg, { src: checkIcon }), isShowingCloseIcon && _jsx(Svg, { src: closeIcon })] })), _jsx("p", { className: "af-content-item-duo__label", children: label }), typeof value === "string" ? (_jsx("p", { className: "af-content-item-duo__value", children: value })) : (_jsx("div", { className: "af-content-item-duo__value", children: value })), buttonText && (_jsx("div", { className: "af-content-item-duo__button", children: _jsx(Button, { variant: "ghost", onClick: onButtonClick, children: buttonText }) }))] }));
-};
+export { ContentItemDuo } from "@axa-fr/design-system-apollo-react/lf";

package/dist/index.d.ts

@@ -25,7 +25,7 @@ export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
 export { Link } from "./Link/Link";
 export { List } from "./List";
 export { ClickItem, createClickItemParent } from "./List/ClickItem";
-export { ContentItemDuo } from "./List/ContentItemDuo";
+export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuo";
 export { ContentItemMono, ContentItemMonoSize } from "./List/ContentItemMono";
 export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
 export { Spinner, type SpinnerVariants, spinnerVariants, } from "./Spinner/Spinner";

package/dist/index.js

@@ -24,7 +24,7 @@ export { BurgerMenu, Header, NavBar, PreviousLink } from "./Layout/Header";
 export { Link } from "./Link/Link";
 export { List } from "./List";
 export { ClickItem, createClickItemParent } from "./List/ClickItem";
-export { ContentItemDuo } from "./List/ContentItemDuo";
+export { ContentItemDuo } from "./List/ContentItemDuo/ContentItemDuo";
 export { ContentItemMono, ContentItemMonoSize } from "./List/ContentItemMono";
 export { ContentTabItem, ContentTabList } from "./List/ContentTabList";
 export { Spinner, spinnerVariants, } from "./Spinner/Spinner";

package/package.json

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

package/dist/List/ContentItemDuo/index.d.ts

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

package/dist/List/ContentItemDuo/index.js

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