@axa-fr/design-system-apollo-react 1.0.3-ci.125 → 1.0.3-ci.126

package/dist/Button/ButtonCommon.js

@@ -1,5 +1,5 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Loader } from "../Loader/Loader";
+import { Spinner } from "../Spinner/SpinnerCommon";
 export const buttonVariants = {
     primary: "primary",
     "primary-business": "primary-business",
@@ -11,4 +11,4 @@ export const buttonVariants = {
 };
 export const Button = ({ children, className, variant = "primary", iconLeft, iconRight, disabled, loading, ...args }) => (_jsxs("button", { className: ["af-btn-client", `af-btn-client--${variant}`, className]
         .filter(Boolean)
-        .join(" "), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, loading && _jsx(Loader, { size: 24, border: 3, variant: "gray" })] }));
+        .join(" "), disabled: disabled || loading, type: "button", ...args, children: [iconLeft, children, iconRight, loading && _jsx(Spinner, { size: 24, variant: "gray" })] }));

package/dist/Spinner/SpinnerApollo.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.scss";
+export { Spinner, spinnerVariants, type SpinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerApollo.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerApollo.scss";
+export { Spinner, spinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerCommon.d.ts

@@ -0,0 +1,16 @@
+export declare const spinnerVariants: {
+    readonly blue: "blue";
+    readonly gray: "gray";
+    readonly white: "white";
+};
+export type SpinnerVariants = keyof typeof spinnerVariants;
+type SpinnerProps = {
+    size?: 24 | 32 | 40;
+    variant?: SpinnerVariants;
+    text?: string;
+};
+declare const Spinner: {
+    ({ size, variant, text, }: SpinnerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export { Spinner };

package/dist/Spinner/SpinnerCommon.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const spinnerVariants = {
+    blue: "blue",
+    gray: "gray",
+    white: "white",
+};
+const DEFAULT_CLASSNAME = "af-spinner";
+const Spinner = ({ size = 40, variant = "blue", text = "Chargement en cours", }) => (_jsx("div", { role: "alert", "aria-busy": true, "aria-label": text, "aria-live": "assertive", className: [
+        DEFAULT_CLASSNAME,
+        `${DEFAULT_CLASSNAME}--${variant}`,
+        `${DEFAULT_CLASSNAME}--${size}`,
+    ]
+        .filter(Boolean)
+        .join(" "), style: {
+        "--spinner-size": size,
+    } }));
+Spinner.displayName = "Spinner";
+export { Spinner };

package/dist/Spinner/SpinnerLF.d.ts

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.scss";
+export { Spinner, spinnerVariants, type SpinnerVariants, } from "./SpinnerCommon";

package/dist/Spinner/SpinnerLF.js

@@ -0,0 +1,2 @@
+import "@axa-fr/design-system-apollo-css/dist/Spinner/SpinnerLF.scss";
+export { Spinner, spinnerVariants, } from "./SpinnerCommon";

package/dist/index.d.ts

@@ -1,6 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
 import "@fontsource/source-sans-pro";
-export { Button } from "./Button/ButtonApollo";
-export { buttonVariants, type ButtonVariants } from "./Button/ButtonCommon";
+export { Button, buttonVariants, type ButtonVariants, } from "./Button/ButtonApollo";
 export { Svg } from "./Svg/Svg";
-export { Loader } from "./Loader/Loader";
+export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerApollo";

package/dist/index.js

@@ -1,6 +1,5 @@
 import "@axa-fr/design-system-apollo-css/dist/common/tokens.scss";
 import "@fontsource/source-sans-pro";
-export { Button } from "./Button/ButtonApollo";
-export { buttonVariants } from "./Button/ButtonCommon";
+export { Button, buttonVariants, } from "./Button/ButtonApollo";
 export { Svg } from "./Svg/Svg";
-export { Loader } from "./Loader/Loader";
+export { Spinner, spinnerVariants, } from "./Spinner/SpinnerApollo";

package/dist/indexLF.d.ts

@@ -1,6 +1,5 @@
 import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@fontsource/source-sans-pro";
-export { Button } from "./Button/ButtonLF";
-export { buttonVariants, type ButtonVariants } from "./Button/ButtonCommon";
+export { Button, buttonVariants, type ButtonVariants } from "./Button/ButtonLF";
 export { Svg } from "./Svg/Svg";
-export { Loader } from "./Loader/Loader";
+export { Spinner, spinnerVariants, type SpinnerVariants, } from "./Spinner/SpinnerLF";

package/dist/indexLF.js

@@ -1,6 +1,5 @@
 import "@axa-fr/design-system-look-and-feel-css/dist/common/tokens.scss";
 import "@fontsource/source-sans-pro";
-export { Button } from "./Button/ButtonLF";
-export { buttonVariants } from "./Button/ButtonCommon";
+export { Button, buttonVariants } from "./Button/ButtonLF";
 export { Svg } from "./Svg/Svg";
-export { Loader } from "./Loader/Loader";
+export { Spinner, spinnerVariants, } from "./Spinner/SpinnerLF";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-apollo-react",
-  "version": "1.0.3-ci.125",
+  "version": "1.0.3-ci.126",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -49,7 +49,7 @@
   "peerDependencies": {
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18",
-    "@axa-fr/design-system-apollo-css": "1.0.3-ci.125"
+    "@axa-fr/design-system-apollo-css": "1.0.3-ci.126"
   },
   "peerDependenciesMeta": {
     "@material-symbols/svg-400": {

package/dist/Loader/Loader.d.ts

@@ -1,12 +0,0 @@
-import "@axa-fr/design-system-apollo-css/dist/Loader/Loader.scss";
-type LoaderProps = {
-    border?: number;
-    size?: number;
-    variant?: "blue" | "gray" | "white";
-    text?: string;
-};
-declare const Loader: {
-    ({ border, size, variant, text, }: LoaderProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
-export { Loader };

package/dist/Loader/Loader.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-apollo-css/dist/Loader/Loader.scss";
-import classNames from "classnames";
-const Loader = ({ border = 5, size = 60, variant = "blue", text = "Chargement en cours", }) => (_jsx("div", { role: "alert", "aria-busy": true, "aria-label": text, "aria-live": "assertive", className: classNames("af-loader__container", `af-loader__container--${variant}`), style: {
-        width: `${size}px`,
-        height: `${size}px`,
-        borderWidth: `${border}px`,
-        borderTopWidth: `${border}px`,
-    }, children: _jsx("div", { className: "af-loader__container-spin", "aria-hidden": "true" }) }));
-Loader.displayName = "Loader";
-export { Loader };