@ttoss/forms 0.14.17 → 0.14.19

package/dist/esm/index.js

@@ -35,8 +35,8 @@ import { Box as Box2, Label } from "@ttoss/ui";
 
 // src/ErrorMessage.tsx
 import { useFormContext } from "react-hook-form";
+import { HelpText } from "@ttoss/ui";
 import { ErrorMessage as HookFormErrorMessage } from "@hookform/error-message";
-import { Text } from "@ttoss/ui";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var ErrorMessage = ({
   name
@@ -49,13 +49,8 @@ var ErrorMessage = ({
   return /* @__PURE__ */jsx2(HookFormErrorMessage, {
     errors,
     name,
-    as: /* @__PURE__ */jsx2(Text, {
-      variant: "text.error",
-      role: "alert",
-      sx: {
-        fontFamily: "caption",
-        fontSize: "xs"
-      }
+    as: /* @__PURE__ */jsx2(HelpText, {
+      negative: true
     })
   });
 };
@@ -139,7 +134,7 @@ var FormFieldCheckbox = ({
 };
 
 // src/FormFieldInput.tsx
-import { Box as Box4, Icon, Input, Label as Label3, Text as Text2 } from "@ttoss/ui";
+import { Box as Box4, Icon, Input, Label as Label3, Text } from "@ttoss/ui";
 import { useController as useController3 } from "react-hook-form";
 import React3 from "react";
 import { jsx as jsx5, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -180,7 +175,7 @@ var FormFieldInput = ({
       },
       "aria-disabled": inputProps.disabled,
       htmlFor: id,
-      children: [label, tooltipIcon && /* @__PURE__ */jsx5(Text2, {
+      children: [label, tooltipIcon && /* @__PURE__ */jsx5(Text, {
         sx: {
           marginLeft: "md",
           fontSize: "xs",
@@ -190,7 +185,7 @@ var FormFieldInput = ({
         children: /* @__PURE__ */jsx5(Icon, {
           icon: tooltipIcon
         })
-      }), showCharacterCounter && /* @__PURE__ */jsx5(Text2, {
+      }), showCharacterCounter && /* @__PURE__ */jsx5(Text, {
         sx: {
           marginLeft: "auto",
           fontSize: "xs",

package/dist/index.js

@@ -84,8 +84,8 @@ var import_ui3 = require("@ttoss/ui");
 
 // src/ErrorMessage.tsx
 var import_react_hook_form2 = require("react-hook-form");
-var import_error_message = require("@hookform/error-message");
 var import_ui2 = require("@ttoss/ui");
+var import_error_message = require("@hookform/error-message");
 var import_jsx_runtime2 = require("react/jsx-runtime");
 var ErrorMessage = ({
   name
@@ -98,13 +98,8 @@ var ErrorMessage = ({
   return /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_error_message.ErrorMessage, {
     errors,
     name,
-    as: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.Text, {
-      variant: "text.error",
-      role: "alert",
-      sx: {
-        fontFamily: "caption",
-        fontSize: "xs"
-      }
+    as: /* @__PURE__ */(0, import_jsx_runtime2.jsx)(import_ui2.HelpText, {
+      negative: true
     })
   });
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.14.17",
+  "version": "0.14.19",
   "license": "UNLICENSED",
   "author": "ttoss",
   "contributors": [
@@ -31,7 +31,7 @@
   "devDependencies": {
     "@ttoss/config": "^1.29.2",
     "@ttoss/test-utils": "^1.20.9",
-    "@ttoss/ui": "^1.31.4",
+    "@ttoss/ui": "^1.31.6",
     "@types/jest": "^29.5.0",
     "jest": "^29.5.0",
     "react": "^18.2.0",
@@ -41,5 +41,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "f26363085030df7edfb2bcbf44aefed304d2b328"
+  "gitHead": "ce34db105b7f475a90660d77b194d6ea33b71960"
 }

package/src/ErrorMessage.tsx

@@ -1,6 +1,6 @@
 import { FieldName, FieldValues, useFormContext } from 'react-hook-form';
+import { HelpText } from '@ttoss/ui';
 import { ErrorMessage as HookFormErrorMessage } from '@hookform/error-message';
-import { Text } from '@ttoss/ui';
 
 export const ErrorMessage = <TFieldValues extends FieldValues = FieldValues>({
   name,
@@ -15,13 +15,7 @@ export const ErrorMessage = <TFieldValues extends FieldValues = FieldValues>({
     <HookFormErrorMessage
       errors={errors}
       name={name as any}
-      as={
-        <Text
-          variant="text.error"
-          role="alert"
-          sx={{ fontFamily: 'caption', fontSize: 'xs' }}
-        />
-      }
+      as={<HelpText negative />}
     />
   );
 };