style: update form layout for better spacing consistency

thevuong · thevuong · commit 1cede30c41b7 · 2024-10-10T22:30:09.000+07:00
Changed the layout of form components from using space-y-2 to grid gap-2 for more consistent spacing. Adjusted the profile form to enhance readability and maintain uniform spacing between elements.
diff --git a/apps/docs/app/examples/forms/_components/profile-form.tsx b/apps/docs/app/examples/forms/_components/profile-form.tsx
@@ -153,7 +153,7 @@ export function ProfileForm(): JSX.Element {
             </FormItem>
           )}
         />
-        <div>
+        <div className="space-y-2">
           {fields.map(({ id }, index) => (
             <FormField
               key={id}
@@ -175,8 +175,8 @@ export function ProfileForm(): JSX.Element {
               )}
             />
           ))}
+
           <Button
-            className="mt-2"
             size="sm"
             type="button"
             variant="outline"
diff --git a/packages/config-eslint/CHANGELOG.md b/packages/config-eslint/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast/eslint-config
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/config-eslint/package.json b/packages/config-eslint/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast/eslint-config",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/config-tailwind/CHANGELOG.md b/packages/config-tailwind/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast/config-tailwind
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/config-tailwind/package.json b/packages/config-tailwind/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast/config-tailwind",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/config-typescript/CHANGELOG.md b/packages/config-typescript/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast/config-typescript
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/config-typescript/package.json b/packages/config-typescript/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast/config-typescript",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/hooks/CHANGELOG.md b/packages/hooks/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast/hooks
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/hooks/package.json b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast/hooks",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/primitive/checkbox-group/CHANGELOG.md b/packages/primitive/checkbox-group/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast-ui/checkbox-group
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/primitive/checkbox-group/package.json b/packages/primitive/checkbox-group/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast-ui/checkbox-group",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/primitive/input/CHANGELOG.md b/packages/primitive/input/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast-ui/input
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/primitive/input/package.json b/packages/primitive/input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast-ui/input",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/primitive/number-input/CHANGELOG.md b/packages/primitive/number-input/CHANGELOG.md
@@ -1,5 +1,13 @@
 # @codefast-ui/number-input
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+- Updated dependencies
+  - @codefast-ui/input@0.1.35
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/primitive/number-input/package.json b/packages/primitive/number-input/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast-ui/number-input",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/third-parties/CHANGELOG.md b/packages/third-parties/CHANGELOG.md
@@ -1,5 +1,11 @@
 # @codefast/third-parties
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/third-parties/package.json b/packages/third-parties/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast/third-parties",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
@@ -1,5 +1,15 @@
 # @codefast/ui
 
+## 0.1.35
+
+### Patch Changes
+
+- Update form layout for better spacing consistency
+- Updated dependencies
+  - @codefast-ui/checkbox-group@0.1.35
+  - @codefast-ui/input@0.1.35
+  - @codefast-ui/number-input@0.1.35
+
 ## 0.1.34
 
 ### Patch Changes
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@codefast/ui",
-  "version": "0.1.34",
+  "version": "0.1.35",
   "bugs": {
     "url": "https://github.com/codefastlabs/codefast/issues"
   },
diff --git a/packages/ui/src/components/form.tsx b/packages/ui/src/components/form.tsx
@@ -119,7 +119,7 @@ const FormItem = forwardRef<FormItemElement, FormItemProps>(
       <FormItemProvider id={id} scope={__scopeFormField}>
         <div
           ref={forwardedRef}
-          className={cn('space-y-2', className)}
+          className={cn('grid gap-2', className)}
           {...props}
         />
       </FormItemProvider>

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@codefast/eslint-config",`
`3`		`- "version": "0.1.34",`
	`3`	`+ "version": "0.1.35",`
`4`	`4`	`"bugs": {`
`5`	`5`	`"url": "https://github.com/codefastlabs/codefast/issues"`
`6`	`6`	`},`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@codefast/config-tailwind",`
`3`		`- "version": "0.1.34",`
	`3`	`+ "version": "0.1.35",`
`4`	`4`	`"bugs": {`
`5`	`5`	`"url": "https://github.com/codefastlabs/codefast/issues"`
`6`	`6`	`},`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@codefast/config-typescript",`
`3`		`- "version": "0.1.34",`
	`3`	`+ "version": "0.1.35",`
`4`	`4`	`"bugs": {`
`5`	`5`	`"url": "https://github.com/codefastlabs/codefast/issues"`
`6`	`6`	`},`
Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@codefast/hooks",`
`3`		`- "version": "0.1.34",`
	`3`	`+ "version": "0.1.35",`
`4`	`4`	`"bugs": {`
`5`	`5`	`"url": "https://github.com/codefastlabs/codefast/issues"`
`6`	`6`	`},`