@axa-fr/design-system-slash-react 1.2.1-alpha.111 → 1.2.1-alpha.117

package/dist/Button/Button.d.ts

@@ -1,7 +1,11 @@
-import "@axa-fr/design-system-slash-css/dist/Button/Button.scss";
-import { ComponentPropsWithoutRef, PropsWithChildren } from "react";
-type ButtonProps = {
-    classModifier?: string;
-} & ComponentPropsWithoutRef<"button">;
-export declare const Button: ({ children, classModifier, className, ...args }: PropsWithChildren<ButtonProps>) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { ReactNode } from "react";
+import "@axa-fr/design-system-slash-css/dist/Button/Button.css";
+export type ButtonVariant = "primary" | "secondary" | "validated" | "danger" | "ghost" | "ghost-reverse";
+export declare const Button: import("react").ForwardRefExoticComponent<{
+    variant?: ButtonVariant;
+    small?: boolean;
+    leftIcon?: ReactNode;
+    rightIcon?: ReactNode;
+} & Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+    children?: ReactNode | undefined;
+} & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/Button/Button.js

@@ -1,7 +1,7 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import "@axa-fr/design-system-slash-css/dist/Button/Button.scss";
-import { getComponentClassName } from "../utilities";
-export const Button = ({ children, classModifier, className, ...args }) => {
-    const componentClassName = getComponentClassName(className, classModifier, "af-btn");
-    return (_jsx("button", { className: componentClassName, type: "button", ...args, children: children }));
-};
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { forwardRef, } from "react";
+import classNames from "classnames";
+import "@axa-fr/design-system-slash-css/dist/Button/Button.css";
+const DEFAULT_CLASS_NAME = "af-btn";
+export const Button = forwardRef(({ variant = "primary", small, leftIcon, rightIcon, className, children, ...props }, ref) => (_jsxs("button", { type: "button", className: classNames(DEFAULT_CLASS_NAME, variant !== "primary" && `${DEFAULT_CLASS_NAME}--${variant}`, small && `${DEFAULT_CLASS_NAME}--small`, className), ...props, ref: ref, children: [leftIcon, children, rightIcon] })));
+Button.displayName = "Button";

package/dist/Form/File/File.js

@@ -55,6 +55,6 @@ const File = ({ className, classModifier, id, name, disabled, onChange, multiple
         disabled,
     });
     const componentClassName = getComponentClassName(className, classModifier, "af-form__file-input");
-    return (_jsxs("div", { className: componentClassName, children: [_jsxs("div", { ...getRootProps({ className: "drop-box" }), children: [_jsx("input", { ...getInputProps({ id, name, readOnly, ...otherProps }) }), _jsx("div", { children: placeholder })] }), _jsxs(Button, { type: "button", className: "af-btn", classModifier: "file hasIconLeft", onClick: open, disabled: disabled, children: [_jsx("i", { className: `glyphicon glyphicon-${icon}` }), " ", label] })] }));
+    return (_jsxs("div", { className: componentClassName, children: [_jsxs("div", { ...getRootProps({ className: "drop-box" }), children: [_jsx("input", { ...getInputProps({ id, name, readOnly, ...otherProps }) }), _jsx("div", { children: placeholder })] }), _jsx(Button, { className: "af-btn--file", leftIcon: _jsx("i", { className: `glyphicon glyphicon-${icon}` }), onClick: open, disabled: disabled, children: label })] }));
 };
 export { File };

package/dist/Layout/Header/HeaderTitle/HeaderTitle.js

@@ -11,7 +11,7 @@ const HeaderTitle = ({ children, classModifier, className, isSticky = true, cont
     const componentClassName = getComponentClassName(className, getClassModifier(classModifier, isSticky), defaultClassName);
     const isAnchorNavBarPresent = anchorNavBarItems && anchorNavBarItems.length > 0;
     return (_jsxs(_Fragment, { children: [_jsxs("div", { className: classNames("af-container", componentClassName, {
-                    [`${defaultClassName}__shadow`]: isAnchorNavBarPresent,
+                    [`${defaultClassName}__withAnchorNavBar`]: isAnchorNavBarPresent,
                 }), children: [Boolean(toggleMenu) && (_jsx("div", { className: "burger-container", children: _jsx(ToggleButton, { idControl: "mainmenu", children: _jsx(Action, { className: "btn af-title-bar__mobile-menu af-btn--circle", id: "togglemenu", icon: "menu-hamburger", title: "Toggle menu", onClick: toggleMenu }) }) })), _jsxs("div", { className: `${defaultClassName}__leftSection`, children: [contentLeft, _jsxs("h1", { className: `${defaultClassName}__title`, children: [title, subtitle ? (_jsx("span", { className: `${defaultClassName}__subtitle`, children: subtitle })) : null] }), children] }), contentRight ? (_jsx("div", { className: `${defaultClassName}__rightSection`, children: contentRight })) : null] }), isAnchorNavBarPresent ? (_jsx(AnchorNavBar, { items: anchorNavBarItems })) : null] }));
 };
 export { HeaderTitle };

package/dist/ModalAgent/BooleanModal.js

@@ -7,7 +7,7 @@ import { Header } from "./components/Header";
 const defaultClassName = "af-modal";
 const BooleanModal = forwardRef(({ children, title, submitTitle = "Valider", cancelTitle = "Annuler", className = defaultClassName, classModifier, onCancel, onSubmit, closeButtonAriaLabel, ...props }, ref) => {
     const componentClassName = getComponentClassName(className, classModifier, defaultClassName);
-    return (_jsxs(Modal, { className: componentClassName, onOutsideTap: onCancel, title: title, ref: ref, ...props, children: [_jsx(Header, { title: title, onCancel: onCancel, closeButtonAriaLabel: closeButtonAriaLabel }), _jsx(Body, { children: children }), _jsxs(Footer, { children: [_jsx(Button, { classModifier: "reverse", onClick: onCancel, children: cancelTitle }), _jsx(Button, { onClick: onSubmit, classModifier: "success", children: submitTitle })] })] }));
+    return (_jsxs(Modal, { className: componentClassName, onOutsideTap: onCancel, title: title, ref: ref, ...props, children: [_jsx(Header, { title: title, onCancel: onCancel, closeButtonAriaLabel: closeButtonAriaLabel }), _jsx(Body, { children: children }), _jsxs(Footer, { children: [_jsx(Button, { variant: "secondary", onClick: onCancel, children: cancelTitle }), _jsx(Button, { onClick: onSubmit, variant: "validated", children: submitTitle })] })] }));
 });
 BooleanModal.displayName = "BooleanModal";
 export { BooleanModal };

package/dist/index.d.ts

@@ -1,11 +1,13 @@
+import { Message } from "./Messages/Message";
 import "@axa-fr/design-system-slash-css/dist/common/icons.scss";
 import "@axa-fr/design-system-slash-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-slash-css/dist/common/tokens.css";
 import "@fontsource/source-sans-pro";
-import { Message } from "./Messages/Message";
+import "@fontsource/source-sans-pro/700.css";
 export { Action } from "./Action/Action";
 export { Badge } from "./Badge/Badge";
 export { Button } from "./Button/Button";
+export type { ButtonVariant } from "./Button/Button";
 export { Card } from "./Card/Card";
 export { Divider } from "./Divider/Divider";
 export { Checkbox, CheckboxInput, CheckboxItem, CheckboxModes, } from "./Form/Checkbox";

package/dist/index.js

@@ -1,8 +1,9 @@
+import { Message } from "./Messages/Message";
 import "@axa-fr/design-system-slash-css/dist/common/icons.scss";
 import "@axa-fr/design-system-slash-css/dist/common/reboot.scss";
 import "@axa-fr/design-system-slash-css/dist/common/tokens.css";
 import "@fontsource/source-sans-pro";
-import { Message } from "./Messages/Message";
+import "@fontsource/source-sans-pro/700.css";
 export { Action } from "./Action/Action";
 export { Badge } from "./Badge/Badge";
 export { Button } from "./Button/Button";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-slash-react",
-  "version": "1.2.1-alpha.111",
+  "version": "1.2.1-alpha.117",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,7 +47,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-slash-css": "1.2.1-alpha.111",
+    "@axa-fr/design-system-slash-css": "1.2.1-alpha.117",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18"
   },