@axa-fr/canopee-react 2.0.0-alpha.78 → 2.0.0-alpha.79

package/dist/distributeur/Form/Date/Date.js

@@ -9,7 +9,7 @@ const Date = ({ className, defaultValue, value, hasInfobulle, ...otherProps }) =
         modifiers: [hasInfobulle && "hasinfobulle"],
         className,
     });
-    return (_jsx("input", { className: componentClassName, type: "date", defaultValue: formatDateInputValue(defaultValue), value: formatDateInputValue(value), ...otherProps }));
+    return (_jsx("input", { className: `${componentClassName} af-form__input-text`, type: "date", defaultValue: formatDateInputValue(defaultValue), value: formatDateInputValue(value), ...otherProps }));
 };
 Date.displayName = "Date";
 export { Date };

package/dist/distributeur/Form/Date/DateInput.js

@@ -2,6 +2,6 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import {} from "react";
 import { Field } from "../core";
 import { Date } from "./Date";
-const DateInput = ({ children, ...otherProps }) => (_jsx(Field, { fieldClassNameSuffix: "date", ...otherProps, renderInput: ({ id, inputClassName, ariaInvalid, errorId, ...props }) => (_jsxs(_Fragment, { children: [_jsx(Date, { id: id, className: inputClassName, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...props }), children] })) }));
+const DateInput = ({ children, ...otherProps }) => (_jsx(Field, { ...otherProps, renderInput: ({ id, inputClassName, ariaInvalid, errorId, ...props }) => (_jsxs(_Fragment, { children: [_jsx(Date, { id: id, className: inputClassName, "aria-describedby": errorId, "aria-invalid": ariaInvalid, ...props }), children] })) }));
 DateInput.displayName = "DateInput";
 export { DateInput };

package/dist/distributeur/Form/core/Field.js

@@ -20,12 +20,10 @@ export const Field = ({ classNameContainerInput = "col-md-10", classNameContaine
         required && "required",
         forceDisplayMessage && FormClassManager.getModifier(messageType),
     ];
-    const inputClassName = [
-        ...fieldModifiers,
-        hasInfobulle && `af-form__input-${fieldClassNameSuffix}--hasinfobulle`,
-    ]
-        .filter(Boolean)
-        .join(" ");
+    const inputClassName = getClassName({
+        baseClassName: `af-form__input-${fieldClassNameSuffix}`,
+        modifiers: [...fieldModifiers, hasInfobulle && `hasinfobulle`],
+    });
     const fieldContainerClassName = getClassName({
         baseClassName: `af-form__${fieldClassNameSuffix}`,
         modifiers: fieldModifiers,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/canopee-react",
-  "version": "2.0.0-alpha.78",
+  "version": "2.0.0-alpha.79",
   "description": "Package React - Design System Canopée",
   "exports": {
     "./distributeur": {
@@ -53,7 +53,7 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/canopee-css": "2.0.0-alpha.78",
+    "@axa-fr/canopee-css": "2.0.0-alpha.79",
     "@material-symbols/svg-400": ">= 0.19.0",
     "@material-symbols/svg-700": ">= 0.19.0",
     "react": ">= 19"