@axa-fr/design-system-look-and-feel-react 1.0.3-alpha.152 → 1.0.3-alpha.154

package/dist/Form/Text/Text.d.ts

@@ -1,16 +1 @@
-import "@axa-fr/design-system-look-and-feel-css/dist/Form/Text/Text.scss";
-import { ComponentPropsWithRef, MouseEventHandler } from "react";
-type Props = ComponentPropsWithRef<"input"> & {
-    unit?: React.ReactNode;
-    classModifier?: string;
-    helper?: string;
-    error?: string;
-    description?: string;
-    label?: string;
-    buttonLabel?: string;
-    onButtonClick?: MouseEventHandler<HTMLButtonElement>;
-    sideButtonLabel?: string;
-    onSideButtonClick?: MouseEventHandler<HTMLButtonElement>;
-};
-declare const Text: import("react").ForwardRefExoticComponent<Omit<Props, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-export { Text };
+export { TextInput } from "@axa-fr/design-system-apollo-react/lf";

package/dist/Form/Text/Text.js

@@ -1,21 +1 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import "@axa-fr/design-system-look-and-feel-css/dist/Form/Text/Text.scss";
-import { forwardRef, useId, } from "react";
-import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
-import { Button } from "../..";
-import { Svg } from "../../Svg";
-import { getComponentClassName } from "../../utilities";
-import { InputError } from "../InputError";
-const Text = forwardRef(({ unit, className, classModifier = "", label, description, helper, error, buttonLabel, onButtonClick, required, sideButtonLabel, onSideButtonClick, ...otherProps }, inputRef) => {
-    const componentClassName = getComponentClassName("af-form__input-text", className, classModifier +
-        (error || otherProps["aria-errormessage"] ? " error" : ""));
-    let inputId = useId();
-    inputId = otherProps.id || inputId;
-    const idDescription = useId();
-    const idError = useId();
-    const idHelp = useId();
-    const idLabel = useId();
-    return (_jsxs("div", { className: "af-form__input-container", children: [(label || description || buttonLabel) && (_jsxs("div", { className: "af-form__label-container", children: [_jsxs("div", { className: "af-form__label-header", children: [_jsxs("label", { htmlFor: inputId, id: idLabel, "aria-describedby": idDescription, className: "af-form__input-label", children: [label, " ", required && _jsx("span", { "aria-hidden": "true", children: " *" })] }), sideButtonLabel && (_jsx(Button, { className: "af-form__input-modify", variant: "ghost", onClick: onSideButtonClick, children: sideButtonLabel }))] }), description && (_jsx("span", { id: idDescription, className: "af-form__input-description", children: description })), buttonLabel && (_jsx(Button, { className: "af-form__input-more", variant: "ghost", iconLeft: _jsx(Svg, { src: infoIcon }), onClick: onButtonClick, children: buttonLabel }))] })), _jsxs("div", { className: "af-form__input-variant", children: [_jsx("input", { id: inputId, className: componentClassName, type: "text", ref: inputRef, "aria-labelledby": idLabel, "aria-errormessage": otherProps["aria-errormessage"] ?? idError, "aria-invalid": Boolean(error || otherProps["aria-errormessage"]), "aria-describedby": idHelp, ...otherProps }), unit] }), helper && (_jsx("span", { id: idHelp, className: "af-form__input-helper", children: helper })), !otherProps["aria-errormessage"] && error && (_jsx(InputError, { id: idError, message: error }))] }));
-});
-Text.displayName = "Text";
-export { Text };
+export { TextInput } from "@axa-fr/design-system-apollo-react/lf";

package/dist/Form/TextArea/TextArea.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { forwardRef, useId, } from "react";
 import infoIcon from "@material-symbols/svg-400/outlined/info.svg";
-import { getComponentClassName } from "../core";
+import { getComponentClassName } from "../../utilities";
 import { Button, Svg } from "../..";
 import { InputError } from "../InputError";
 const TextArea = forwardRef(({ className, classModifier = "", label, description, helper, error, buttonLabel, onButtonClick, required, ...otherProps }, inputRef) => {

package/dist/index.d.ts

@@ -14,7 +14,7 @@ export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabel";
 export { Radio, RadioSelect } from "./Form/Radio";
 export { Select } from "./Form/Select";
-export { Text as TextInput } from "./Form/Text";
+export { TextInput } from "./Form/Text/Text";
 export { TextArea } from "./Form/TextArea";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { IconBg } from "./IconBg";

package/dist/index.js

@@ -13,7 +13,7 @@ export { ItemMessage } from "./Form/ItemMessage/ItemMessage";
 export { ItemLabel } from "./Form/ItemLabel/ItemLabel";
 export { Radio, RadioSelect } from "./Form/Radio";
 export { Select } from "./Form/Select";
-export { Text as TextInput } from "./Form/Text";
+export { TextInput } from "./Form/Text/Text";
 export { TextArea } from "./Form/TextArea";
 export { DebugGrid } from "./Grid/DebugGrid";
 export { IconBg } from "./IconBg";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@axa-fr/design-system-look-and-feel-react",
-  "version": "1.0.3-alpha.152",
+  "version": "1.0.3-alpha.154",
   "description": "",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -47,10 +47,10 @@
   },
   "homepage": "https://github.com/AxaFrance/design-system#readme",
   "peerDependencies": {
-    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.152",
+    "@axa-fr/design-system-look-and-feel-css": "1.0.3-alpha.154",
     "@material-symbols/svg-400": ">= 0.19.0",
     "react": ">= 18",
-    "@axa-fr/design-system-apollo-react": "1.0.3-alpha.152"
+    "@axa-fr/design-system-apollo-react": "1.0.3-alpha.154"
   },
   "peerDependenciesMeta": {
     "@material-symbols/svg-400": {

package/dist/Form/Text/index.d.ts

@@ -1 +0,0 @@
-export { Text } from "./Text";

package/dist/Form/Text/index.js

@@ -1 +0,0 @@
-export { Text } from "./Text";