From 60c7538d43a06adb22d5d21e696305609b4f9317 Mon Sep 17 00:00:00 2001 From: Nesyn Alvarado Bedoya <59479111+NessinM@users.noreply.github.com> Date: Thu, 22 Oct 2026 10:49:10 -0500 Subject: [PATCH 1/2] fix(number-field): update class names for responsive sizing adjustments --- apps/ui/registry/default/ui/number-field.tsx | 2 +- packages/ui/src/components/number-field.tsx | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/ui/registry/default/ui/number-field.tsx b/apps/ui/registry/default/ui/number-field.tsx index b5d11272c..cc3349d2e 100644 --- a/apps/ui/registry/default/ui/number-field.tsx +++ b/apps/ui/registry/default/ui/number-field.tsx @@ -95,7 +95,7 @@ export function NumberFieldInput({ return ( Date: Thu, 22 Oct 2026 12:04:59 -0500 Subject: [PATCH 2/2] fix(number-field): publish the small size line-height fix The registry JSON still shipped leading-8.5 for the small input. Co-authored-by: Cursor --- apps/ui/public/r/number-field.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/apps/ui/public/r/number-field.json b/apps/ui/public/r/number-field.json index 522818b40..0001beccc 100644 --- a/apps/ui/public/r/number-field.json +++ b/apps/ui/public/r/number-field.json @@ -10,7 +10,7 @@ "files": [ { "path": "registry/default/ui/number-field.tsx", - "content": "\"use client\";\n\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\nimport { MinusIcon, PlusIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nexport const NumberFieldContext: React.Context<{\n fieldId: string;\n} | null> = React.createContext<{\n fieldId: string;\n} | null>(null);\n\nexport function NumberField({\n id,\n className,\n size = \"default\",\n ...props\n}: NumberFieldPrimitive.Root.Props & {\n size?: \"sm\" | \"default\" | \"lg\";\n}): React.ReactElement {\n const generatedId = React.useId();\n const fieldId = id ?? generatedId;\n\n return (\n \n \n \n );\n}\n\nexport function NumberFieldGroup({\n className,\n ...props\n}: NumberFieldPrimitive.Group.Props): React.ReactElement {\n return (\n \n );\n}\n\nexport function NumberFieldDecrement({\n className,\n ...props\n}: NumberFieldPrimitive.Decrement.Props): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport function NumberFieldIncrement({\n className,\n ...props\n}: NumberFieldPrimitive.Increment.Props): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport function NumberFieldInput({\n className,\n ...props\n}: NumberFieldPrimitive.Input.Props): React.ReactElement {\n return (\n \n );\n}\n\nexport function NumberFieldScrubArea({\n className,\n label,\n ...props\n}: NumberFieldPrimitive.ScrubArea.Props & {\n label: string;\n}): React.ReactElement {\n const context = React.useContext(NumberFieldContext);\n\n if (!context) {\n throw new Error(\n \"NumberFieldScrubArea must be used within a NumberField component for accessibility.\",\n );\n }\n\n return (\n \n \n \n \n \n \n );\n}\n\nexport function CursorGrowIcon(\n props: React.ComponentProps<\"svg\">,\n): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport { NumberFieldPrimitive };\n", + "content": "\"use client\";\n\nimport { NumberField as NumberFieldPrimitive } from \"@base-ui/react/number-field\";\nimport { MinusIcon, PlusIcon } from \"lucide-react\";\nimport * as React from \"react\";\nimport { cn } from \"@/registry/default/lib/utils\";\nimport { Label } from \"@/registry/default/ui/label\";\n\nexport const NumberFieldContext: React.Context<{\n fieldId: string;\n} | null> = React.createContext<{\n fieldId: string;\n} | null>(null);\n\nexport function NumberField({\n id,\n className,\n size = \"default\",\n ...props\n}: NumberFieldPrimitive.Root.Props & {\n size?: \"sm\" | \"default\" | \"lg\";\n}): React.ReactElement {\n const generatedId = React.useId();\n const fieldId = id ?? generatedId;\n\n return (\n \n \n \n );\n}\n\nexport function NumberFieldGroup({\n className,\n ...props\n}: NumberFieldPrimitive.Group.Props): React.ReactElement {\n return (\n \n );\n}\n\nexport function NumberFieldDecrement({\n className,\n ...props\n}: NumberFieldPrimitive.Decrement.Props): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport function NumberFieldIncrement({\n className,\n ...props\n}: NumberFieldPrimitive.Increment.Props): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport function NumberFieldInput({\n className,\n ...props\n}: NumberFieldPrimitive.Input.Props): React.ReactElement {\n return (\n \n );\n}\n\nexport function NumberFieldScrubArea({\n className,\n label,\n ...props\n}: NumberFieldPrimitive.ScrubArea.Props & {\n label: string;\n}): React.ReactElement {\n const context = React.useContext(NumberFieldContext);\n\n if (!context) {\n throw new Error(\n \"NumberFieldScrubArea must be used within a NumberField component for accessibility.\",\n );\n }\n\n return (\n \n \n \n \n \n \n );\n}\n\nexport function CursorGrowIcon(\n props: React.ComponentProps<\"svg\">,\n): React.ReactElement {\n return (\n \n \n \n );\n}\n\nexport { NumberFieldPrimitive };\n", "type": "registry:ui" } ],