diff --git a/.changeset/beige-laws-heal.md b/.changeset/beige-laws-heal.md new file mode 100644 index 000000000..75a81e2af --- /dev/null +++ b/.changeset/beige-laws-heal.md @@ -0,0 +1,6 @@ +--- +"@heroui/theme": patch +"@heroui/number-input": patch +--- + +Consistent helperWrapper padding (#5338) diff --git a/packages/components/number-input/package.json b/packages/components/number-input/package.json index 43a5aa80b..00cbbf04d 100644 --- a/packages/components/number-input/package.json +++ b/packages/components/number-input/package.json @@ -39,7 +39,7 @@ "react": ">=18 || >=19.0.0-rc.0", "react-dom": ">=18 || >=19.0.0-rc.0", "@heroui/system": ">=2.4.10", - "@heroui/theme": ">=2.4.9" + "@heroui/theme": ">=2.4.16" }, "dependencies": { "@heroui/form": "workspace:*", diff --git a/packages/core/theme/src/components/number-input.ts b/packages/core/theme/src/components/number-input.ts index ceabb1935..1684f9677 100644 --- a/packages/core/theme/src/components/number-input.ts +++ b/packages/core/theme/src/components/number-input.ts @@ -86,7 +86,7 @@ const numberInput = tv({ "data-[pressed=true]:opacity-disabled", ], stepperWrapper: ["flex", "flex-col", "ps-1", "h-full", "justify-center"], - helperWrapper: "hidden group-data-[has-helper=true]:flex py-2 relative flex-col gap-1.5", + helperWrapper: "hidden group-data-[has-helper=true]:flex p-1 relative flex-col gap-1.5", description: "text-tiny text-foreground-400", errorMessage: "text-tiny text-danger", },