From 1b486233d33a79935d388a43a2efdb6da2a0c543 Mon Sep 17 00:00:00 2001
From: veronikasif <54938148+veronikasif@users.noreply.github.com>
Date: Wed, 5 Jun 2024 14:38:24 +0000
Subject: [PATCH] feat(ui-fields): Add spacing to CheckboxFormField (#15108)

Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
---
 libs/application/core/src/lib/fieldBuilders.ts                  | 2 ++
 libs/application/types/src/lib/Fields.ts                        | 1 +
 .../ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx   | 2 ++
 3 files changed, 5 insertions(+)

diff --git a/libs/application/core/src/lib/fieldBuilders.ts b/libs/application/core/src/lib/fieldBuilders.ts
index fe5a1bc8ec2b9..f177d23bcd039 100644
--- a/libs/application/core/src/lib/fieldBuilders.ts
+++ b/libs/application/core/src/lib/fieldBuilders.ts
@@ -89,6 +89,7 @@ export function buildCheckboxField(
     large = true,
     required,
     backgroundColor = 'blue',
+    spacing,
   } = data
   return {
     ...extractCommonFields(data),
@@ -98,6 +99,7 @@ export function buildCheckboxField(
     backgroundColor,
     options,
     required,
+    spacing,
     type: FieldTypes.CHECKBOX,
     component: FieldComponents.CHECKBOX,
   }
diff --git a/libs/application/types/src/lib/Fields.ts b/libs/application/types/src/lib/Fields.ts
index 51eedf9ed8221..945b9202707db 100644
--- a/libs/application/types/src/lib/Fields.ts
+++ b/libs/application/types/src/lib/Fields.ts
@@ -232,6 +232,7 @@ export interface CheckboxField extends BaseField {
   required?: boolean
   backgroundColor?: InputBackgroundColor
   onSelect?: ((s: string[]) => void) | undefined
+  spacing?: 0 | 1 | 2
 }
 
 export interface DateField extends BaseField {
diff --git a/libs/application/ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx b/libs/application/ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx
index acd3931809151..136d978de23ac 100644
--- a/libs/application/ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx
+++ b/libs/application/ui-fields/src/lib/CheckboxFormField/CheckboxFormField.tsx
@@ -38,6 +38,7 @@ export const CheckboxFormField: FC<React.PropsWithChildren<Props>> = ({
     width,
     required,
     onSelect,
+    spacing,
   } = field
   const { formatMessage } = useLocale()
 
@@ -76,6 +77,7 @@ export const CheckboxFormField: FC<React.PropsWithChildren<Props>> = ({
           }
           strong={strong}
           error={error}
+          spacing={spacing}
           options={finalOptions?.map(
             ({ label, subLabel, rightContent, tooltip, ...o }) => ({
               ...o,