@axa-fr/design-system-apollo-react 1.0.5-alpha.459 → 1.0.5-alpha.463

package/dist/Form/TextArea/TextAreaCommon.js

@@ -7,6 +7,6 @@ export const TextArea = forwardRef(({ id, className, classModifier = "", label,
     const errorId = `${inputId}-error`;
     return (_jsxs("div", { className: ["af-form__input-container", className]
             .filter(Boolean)
-            .join(" "), children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: "af-form__input-textarea", ref: inputRef, "aria-errormessage": error ? errorId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": Boolean(error) || classModifier.includes("error") ? true : undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: errorId, message: error })] }));
+            .join(" "), children: [_jsx(ItemLabelComponent, { label: label, description: description, buttonLabel: buttonLabel, onButtonClick: onButtonClick, sideButtonLabel: sideButtonLabel, onSideButtonClick: onSideButtonClick, required: required, inputId: inputId }), _jsx("textarea", { id: inputId, className: "af-form__textarea", ref: inputRef, "aria-errormessage": error ? errorId : undefined, "aria-describedby": helper ? helperId : undefined, required: required, "aria-invalid": Boolean(error) || classModifier.includes("error") ? true : undefined, placeholder: placeholder, ...inputProps }), helper ? (_jsx("span", { id: helperId, className: "af-form__input-helper", children: helper })) : null, _jsx(ItemMessageComponent, { id: errorId, message: error })] }));
 });
 TextArea.displayName = "TextArea";

package/dist/Modal/components/ModalCore.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { forwardRef } from "react";
 const ModalCore = forwardRef(({ className, children, ...props }, ref) => (
 // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions, jsx-a11y/click-events-have-key-events
-_jsx("dialog", { "aria-label": props["aria-label"] ?? props.title, className: ["af-apollo-modal", className].filter(Boolean).join(" "), onClick: props.onClose, ref: ref, ...props, children: _jsx("section", { className: "af-apollo-modal__content", onClick: (e) => e.stopPropagation(), children: children }) })));
+_jsx("dialog", { "aria-modal": true, "aria-label": props["aria-label"] ?? props.title, className: ["af-modal", className].filter(Boolean).join(" "), onClick: props.onClose, ref: ref, ...props, children: _jsx("section", { className: "af-modal__content", onClick: (e) => e.stopPropagation(), children: children }) })));
 ModalCore.displayName = "ModalCore";
 export { ModalCore };

package/dist/Modal/components/ModalCoreBody.js

@@ -5,8 +5,8 @@ export const ModalCoreBody = ({ children, className, ...otherProps }) => {
     const bodyRef = useRef(null);
     const { vertical: hasVerticalScroll } = useHasScroll(bodyRef);
     return (_jsx("main", { className: [
-            "af-apollo-modal__body",
-            hasVerticalScroll ? "af-apollo-modal__body-vertical-scroll" : undefined,
+            "af-modal__body",
+            hasVerticalScroll ? "af-modal__body-vertical-scroll" : undefined,
             className,
         ]
             .filter(Boolean)

package/dist/Modal/components/ModalCoreFooterCommon.js

@@ -1,11 +1,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 const renderFooterButtons = (ButtonComponent, buttons) => ButtonComponent &&
-    buttons.map(([variant, props]) => Boolean(props) && (_jsx(ButtonComponent, { variant: variant, ...props, className: [props?.className, "af-apollo-modal__footer-button"]
+    buttons.map(([variant, props]) => Boolean(props) && (_jsx(ButtonComponent, { variant: variant, ...props, className: [props?.className, "af-modal__footer-button"]
             .filter(Boolean)
             .join(" ") }, variant)));
-export const ModalCoreFooterCommon = ({ className, buttonComponent: ButtonComponent, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, ...rest }) => (primaryButtonProps || secondaryButtonProps || tertiaryButtonProps) && (_jsx("footer", { className: ["af-apollo-modal__footer", className]
-        .filter(Boolean)
-        .join(" "), ...rest, children: renderFooterButtons(ButtonComponent, [
+export const ModalCoreFooterCommon = ({ className, buttonComponent: ButtonComponent, primaryButtonProps, secondaryButtonProps, tertiaryButtonProps, ...rest }) => (primaryButtonProps || secondaryButtonProps || tertiaryButtonProps) && (_jsx("footer", { className: ["af-modal__footer", className].filter(Boolean).join(" "), ...rest, children: renderFooterButtons(ButtonComponent, [
         ["tertiary", tertiaryButtonProps],
         ["secondary", secondaryButtonProps],
         ["primary", primaryButtonProps],

package/dist/Modal/components/ModalCoreHeaderCommon.js

@@ -1,4 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import close from "@material-symbols/svg-400/rounded/close.svg";
 import { ClickIcon } from "../../ClickIcon/ClickIconCommon";
-export const ModalCoreHeaderCommon = ({ className, headingComponent: HeadingComponent, headingProps, iconComponent: IconComponent, iconProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...props }) => (_jsxs("header", { className: ["af-apollo-modal__header", className].filter(Boolean).join(" "), ...props, children: [_jsx(ClickIcon, { className: "af-apollo-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsxs("div", { className: "af-apollo-modal__header-title", children: [IconComponent && iconProps ? (_jsx(IconComponent, { size: "M", ...iconProps })) : null, _jsx(HeadingComponent, { level: 2, ...headingProps })] })] }));
+export const ModalCoreHeaderCommon = ({ className, headingComponent: HeadingComponent, headingProps, iconComponent: IconComponent, iconProps, onClose, closeButtonAriaLabel = "Fermer la boite de dialogue", ...props }) => (_jsxs("header", { className: ["af-modal__header", className].filter(Boolean).join(" "), ...props, children: [_jsx(ClickIcon, { className: "af-modal__header-close-btn", src: close, onClick: onClose, "aria-label": closeButtonAriaLabel }), _jsxs("div", { className: "af-modal__header-title", children: [IconComponent && iconProps ? (_jsx(IconComponent, { size: "M", ...iconProps })) : null, _jsx(HeadingComponent, { level: 2, ...headingProps })] })] }));

package/package.json

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