@axa-fr/design-system-look-and-feel-react 1.0.5-ci.93 → 1.0.5-ci.95

package/dist/Button/Button.d.ts

@@ -12,6 +12,7 @@ type ButtonProps = {
     variant?: Variants;
     iconLeft?: ReactNode;
     iconRight?: ReactNode;
+    loading?: boolean;
 } & ComponentPropsWithoutRef<"button">;
-export declare const ButtonClient: ({ children, className, disabled, variant, iconLeft, iconRight, ...args }: PropsWithChildren<ButtonProps>) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonClient: ({ children, className, disabled, variant, iconLeft, iconRight, loading, ...args }: PropsWithChildren<ButtonProps>) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Button/Button.js

@@ -1,6 +1,7 @@
-import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import "@axa-fr/design-system-look-and-feel-css/dist/Button/Button.scss";
 import classNames from "classnames";
+import { Loader } from "../Loader";
 export var Variants;
 (function (Variants) {
     Variants["primary"] = "primary";
@@ -10,6 +11,6 @@ export var Variants;
     Variants["tertiary"] = "tertiary";
     Variants["ghost"] = "ghost";
 })(Variants || (Variants = {}));
-export const ButtonClient = ({ children, className, disabled, variant, iconLeft, iconRight, ...args }) => {
-    return (_jsxs("button", { className: classNames("af-btn-client", variant && `af-btn-client--${variant.toString()}`, className), disabled: disabled, type: "button", ...args, children: [iconLeft, children, iconRight] }));
+export const ButtonClient = ({ children, className, disabled, variant, iconLeft, iconRight, loading, ...args }) => {
+    return (_jsxs("button", { className: classNames("af-btn-client", variant && `af-btn-client--${variant.toString()}`, className), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, loading && _jsx(Loader, { size: 24, border: 3, variant: "gray" })] }));
 };

package/package.json

@@ -1,17 +1,27 @@
 {
   "name": "@axa-fr/design-system-look-and-feel-react",
-  "version": "1.0.5-ci.93",
+  "version": "1.0.5-ci.95",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
   "exports": {
     ".": {
-      "import": "./dist/index.js",
-      "types": "./dist/index.d.ts"
+      "development": {
+        "import": "./src/index.ts"
+      },
+      "default": {
+        "import": "./dist/index.js",
+        "types": "./dist/index.d.ts"
+      }
     },
     "./utilities": {
-      "import": "./dist/utilities.js",
-      "types": "./dist/utilities.d.ts"
+      "development": {
+        "import": "./src/utilities.ts"
+      },
+      "default": {
+        "import": "./dist/utilities.js",
+        "types": "./dist/utilities.d.ts"
+      }
     }
   },
   "files": [
@@ -44,7 +54,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-look-and-feel-css": "1.0.5-ci.93",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.5-ci.95",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },