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

package/dist/BasePicture/BasePictureApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureApollo.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureApollo.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureCommon.d.ts

@@ -0,0 +1 @@
+export declare const BasePicture: ({ className, src, ...rest }: React.ImgHTMLAttributes<HTMLImageElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/BasePicture/BasePictureCommon.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from "react";
+import logo from "@axa-fr/design-system-look-and-feel-css/logo-axa.svg";
+import { getComponentClassName } from "../utilities/getComponentClassName";
+export const BasePicture = ({ className, src, ...rest }) => {
+    const componentClassName = useMemo(() => getComponentClassName("af-basepicture", className), [className]);
+    return (_jsx("img", { className: componentClassName, alt: "", src: src || logo, ...rest }));
+};

package/dist/BasePicture/BasePictureLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureLF.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/BasePicture/BasePictureLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/BasePicture/BasePictureLF.scss";
+export { BasePicture } from "./BasePictureCommon";

package/dist/index.d.ts

@@ -13,3 +13,4 @@ export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
+export { BasePicture } from "./BasePicture/BasePictureApollo";

package/dist/index.js

@@ -13,3 +13,4 @@ export { TextInput } from "./Form/TextInput/TextInputApollo";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconApollo";
 export { Divider } from "./Divider/DividerApollo";
 export { Toggle } from "./Toggle/ToggleApollo";
+export { BasePicture } from "./BasePicture/BasePictureApollo";

package/dist/indexLF.d.ts

@@ -12,3 +12,4 @@ export { TextInput } from "./Form/TextInput/TextInputLF";
 export { Icon, iconVariants, type IconVariants, iconSizeVariants, type IconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";
 export { Toggle } from "./Toggle/ToggleLF";
+export { BasePicture } from "./BasePicture/BasePictureLF";

package/dist/indexLF.js

@@ -12,3 +12,4 @@ export { TextInput } from "./Form/TextInput/TextInputLF";
 export { Icon, iconVariants, iconSizeVariants, } from "./Icon/IconLF";
 export { Divider } from "./Divider/DividerLF";
 export { Toggle } from "./Toggle/ToggleLF";
+export { BasePicture } from "./BasePicture/BasePictureLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.3-alpha.208",
+  "version": "1.0.3-alpha.209",
   "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.208",
-    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.208",
+    "@axa-fr/design-system-apollo-css": "1.0.3-alpha.209",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.209",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },