@ttoss/forms 0.28.0 → 0.28.1

package/dist/esm/Brazil/index.js

@@ -1,5 +1,5 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-3L7PNPZA.js";
+import { FormField, FormFieldCNPJ, FormFieldPatternFormat, isCnpjValid } from "../chunk-C7MZJ6SO.js";
 
 // src/Brazil/FormFieldPhone.tsx
 import { Input } from "@ttoss/ui";

package/dist/esm/MultistepForm/index.js

@@ -1,9 +1,9 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Form, useForm, yupResolver } from "../chunk-3L7PNPZA.js";
+import { Form, useForm, yupResolver } from "../chunk-C7MZJ6SO.js";
 
 // src/MultistepForm/MultistepForm.tsx
-import * as React3 from "react";
 import { Flex as Flex6 } from "@ttoss/ui";
+import * as React3 from "react";
 
 // src/MultistepForm/MultistepFooter.tsx
 import { Flex, Text } from "@ttoss/ui";
@@ -19,9 +19,9 @@ var MultistepFooter = ({
     children: /* @__PURE__ */jsx(Text, {
       sx: {
         textAlign: "center",
-        marginTop: "4xl",
-        marginBottom: "lg",
-        marginX: "2xl"
+        marginTop: "8",
+        marginBottom: "4",
+        marginX: "6"
       },
       children: footer
     })
@@ -41,9 +41,9 @@ var MultistepFlowMessageImageText = ({
   return /* @__PURE__ */jsxs(Flex2, {
     sx: {
       flexDirection: "column",
-      paddingY: "xl",
-      paddingX: "2xl",
-      gap: "xl"
+      paddingY: "5",
+      paddingX: "6",
+      gap: "5"
     },
     children: [/* @__PURE__ */jsx2(Image, {
       src,
@@ -83,20 +83,20 @@ var MultistepQuestion = ({
   return /* @__PURE__ */jsxs2(Flex3, {
     sx: {
       flexDirection: "column",
-      paddingTop: "xl",
-      paddingX: "2xl"
+      paddingTop: "5",
+      paddingX: "6"
     },
     children: [/* @__PURE__ */jsx4(Text3, {
       sx: {
         textAlign: "center",
         fontSize: "lg",
-        marginBottom: "xl"
+        marginBottom: "5"
       },
       children: question
     }), /* @__PURE__ */jsx4(Flex3, {
       sx: {
         flexDirection: "column",
-        gap: "xl"
+        gap: "4"
       },
       children: fields
     })]
@@ -136,9 +136,9 @@ var MultistepFormStepper = ({
     }), /* @__PURE__ */jsx5(Button, {
       sx: {
         justifyContent: "center",
-        marginTop: "2xl",
-        marginBottom: "xl",
-        marginX: "2xl"
+        marginTop: "6",
+        marginBottom: "4",
+        marginX: "6"
       },
       rightIcon: isLastStep ? void 0 : "nav-right",
       "aria-label": `btn-step-${stepNumber}`,
@@ -148,9 +148,6 @@ var MultistepFormStepper = ({
   });
 };
 
-// src/MultistepForm/MultistepHeader.tsx
-import { CloseButton, Flex as Flex4, Image as Image2, Text as Text4 } from "@ttoss/ui";
-
 // ../react-icons/src/Icon.tsx
 import * as React2 from "react";
 
@@ -2410,6 +2407,7 @@ var Icon2 = React2.forwardRef((props, ref) => {
 Icon2.displayName = "Icon";
 
 // src/MultistepForm/MultistepHeader.tsx
+import { CloseButton, Flex as Flex4, Image as Image2, Text as Text4 } from "@ttoss/ui";
 import { jsx as jsx7, jsxs as jsxs4 } from "react/jsx-runtime";
 var MultistepHeaderTitled = ({
   title,
@@ -2422,8 +2420,8 @@ var MultistepHeaderTitled = ({
     sx: {
       display: "flex",
       justifyContent: "space-between",
-      paddingX: "xl",
-      paddingY: "lg",
+      paddingX: "5",
+      paddingY: "4",
       alignItems: "center"
     },
     children: [/* @__PURE__ */jsx7(Icon2, {
@@ -2449,8 +2447,8 @@ var MultistepHeaderLogo = ({
     sx: {
       justifyContent: "space-between",
       alignItems: "center",
-      paddingX: "xl",
-      paddingY: "lg"
+      paddingX: "5",
+      paddingY: "4"
     },
     children: [/* @__PURE__ */jsx7(Image2, {
       width: 115,
@@ -2492,7 +2490,7 @@ var MultistepNavigation = ({
   return /* @__PURE__ */jsxs5(Flex5, {
     sx: {
       justifyContent: "space-between",
-      marginX: "2xl"
+      marginX: "5"
     },
     children: [/* @__PURE__ */jsxs5(Flex5, {
       onClick: onBack,

package/dist/esm/{chunk-3L7PNPZA.js → chunk-C7MZJ6SO.js}

@@ -133,7 +133,7 @@ var FormField = ({
     sx: {
       flexDirection: "column",
       width: "100%",
-      gap: "md",
+      gap: "1",
       ...sx
     },
     css,
@@ -367,7 +367,7 @@ var FormFieldRadio = ({
     },
     children: [label && /* @__PURE__ */jsx11(Label2, {
       sx: {
-        marginBottom: "md"
+        marginBottom: "1"
       },
       children: label
     }), /* @__PURE__ */jsx11(Box3, {
@@ -488,8 +488,8 @@ var FormFieldTextarea = ({
 };
 
 // src/FormGroup.tsx
-import * as React2 from "react";
 import { Box as Box4, Flex as Flex3, Text } from "@ttoss/ui";
+import * as React2 from "react";
 import { jsx as jsx15, jsxs as jsxs3 } from "react/jsx-runtime";
 var FormGroupLevelsManagerContext = React2.createContext({
   levelsLength: 1,
@@ -547,20 +547,20 @@ var FormGroupWrapper = ({
   }, [level, registerChild]);
   const childrenContainerSx = {
     flexDirection: direction || "column",
-    gap: "md",
+    gap: "1",
     width: "100%"
   };
   return /* @__PURE__ */jsxs3(Box4, {
     "aria-level": level,
     ...boxProps,
     sx: {
-      marginTop: level === 0 ? "none" : "lg",
-      marginBottom: "lg",
+      marginTop: level === 0 ? "none" : "4",
+      marginBottom: "4",
       ...boxProps.sx
     },
     children: [title && /* @__PURE__ */jsx15(Box4, {
       sx: {
-        marginBottom: "md"
+        marginBottom: "2"
       },
       children: /* @__PURE__ */jsx15(Text, {
         sx: {

package/dist/esm/index.js

@@ -1,3 +1,3 @@
 /** Powered by @ttoss/config. https://ttoss.dev/docs/modules/packages/config/ */
-import { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-3L7PNPZA.js";
+import { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver } from "./chunk-C7MZJ6SO.js";
 export { Controller, Form, FormErrorMessage, FormField, FormFieldCheckbox, FormFieldCreditCardNumber, FormFieldCurrencyInput, FormFieldInput, FormFieldNumericFormat, FormFieldPassword, FormFieldPatternFormat, FormFieldRadio, FormFieldSelect, FormFieldSwitch, FormFieldTextarea, FormGroup, FormProvider, useController, useFieldArray, useForm, useFormContext, useFormGroup, useFormState, useWatch, yup, yupResolver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ttoss/forms",
-  "version": "0.28.0",
+  "version": "0.28.1",
   "license": "MIT",
   "author": "ttoss",
   "contributors": [
@@ -39,8 +39,8 @@
   },
   "peerDependencies": {
     "react": ">=16.8.0",
-    "@ttoss/ui": "^5.1.0",
-    "@ttoss/react-i18n": "^2.0.9"
+    "@ttoss/react-i18n": "^2.0.9",
+    "@ttoss/ui": "^5.1.1"
   },
   "devDependencies": {
     "@types/jest": "^29.5.14",
@@ -51,11 +51,11 @@
     "tsup": "^8.3.5",
     "yup": "^1.6.1",
     "@ttoss/config": "^1.35.2",
-    "@ttoss/i18n-cli": "^0.7.26",
-    "@ttoss/react-icons": "^0.4.9",
     "@ttoss/react-i18n": "^2.0.9",
-    "@ttoss/ui": "^5.1.0",
-    "@ttoss/test-utils": "^2.1.22"
+    "@ttoss/react-icons": "^0.4.9",
+    "@ttoss/test-utils": "^2.1.22",
+    "@ttoss/i18n-cli": "^0.7.26",
+    "@ttoss/ui": "^5.1.1"
   },
   "publishConfig": {
     "access": "public",