diff --git a/apps/remix/app/components/general/document-signing/document-signing-date-field.tsx b/apps/remix/app/components/general/document-signing/document-signing-date-field.tsx index 2f507e637..7e135dc1f 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-date-field.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-date-field.tsx @@ -157,6 +157,7 @@ export const DocumentSigningDateField = ({ '!text-right': parsedFieldMeta?.textAlign === 'right', }, )} + style={{ fontSize: `${parsedFieldMeta?.fontSize}px` }} > {localDateString}

diff --git a/apps/remix/app/components/general/document-signing/document-signing-email-field.tsx b/apps/remix/app/components/general/document-signing/document-signing-email-field.tsx index 3cfd1b236..6ed8edda9 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-email-field.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-email-field.tsx @@ -132,7 +132,10 @@ export const DocumentSigningEmailField = ({ )} {field.inserted && ( - + {field.customText} )} diff --git a/apps/remix/app/components/general/document-signing/document-signing-fields.tsx b/apps/remix/app/components/general/document-signing/document-signing-fields.tsx index 805cbf7ea..9fcdbff1a 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-fields.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-fields.tsx @@ -27,14 +27,20 @@ type DocumentSigningFieldsInsertedProps = { * Defaults to left. */ textAlign?: 'left' | 'center' | 'right'; + + /** + * The font size of the field in pixels. + */ + fontSize?: number; }; export const DocumentSigningFieldsInserted = ({ children, textAlign = 'left', + fontSize, }: DocumentSigningFieldsInsertedProps) => { return ( -
+

{children}

diff --git a/apps/remix/app/components/general/document-signing/document-signing-initials-field.tsx b/apps/remix/app/components/general/document-signing/document-signing-initials-field.tsx index a3bdc47c2..ade1cc22c 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-initials-field.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-initials-field.tsx @@ -139,7 +139,10 @@ export const DocumentSigningInitialsField = ({ )} {field.inserted && ( - + {field.customText} )} diff --git a/apps/remix/app/components/general/document-signing/document-signing-name-field.tsx b/apps/remix/app/components/general/document-signing/document-signing-name-field.tsx index 8d303a47e..6206695e4 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-name-field.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-name-field.tsx @@ -178,7 +178,10 @@ export const DocumentSigningNameField = ({ )} {field.inserted && ( - + {field.customText} )} diff --git a/apps/remix/app/components/general/document-signing/document-signing-number-field.tsx b/apps/remix/app/components/general/document-signing/document-signing-number-field.tsx index 99695320e..e3542fb9d 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-number-field.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-number-field.tsx @@ -253,7 +253,10 @@ export const DocumentSigningNumberField = ({ )} {field.inserted && ( - + {field.customText} )} diff --git a/apps/remix/app/components/general/document-signing/document-signing-text-field.tsx b/apps/remix/app/components/general/document-signing/document-signing-text-field.tsx index 9f9c6316e..e6eb96fe4 100644 --- a/apps/remix/app/components/general/document-signing/document-signing-text-field.tsx +++ b/apps/remix/app/components/general/document-signing/document-signing-text-field.tsx @@ -250,7 +250,10 @@ export const DocumentSigningTextField = ({ )} {field.inserted && ( - + {field.customText} )} diff --git a/packages/ui/primitives/document-flow/field-content.tsx b/packages/ui/primitives/document-flow/field-content.tsx index f8eec0092..0ef39b1ac 100644 --- a/packages/ui/primitives/document-flow/field-content.tsx +++ b/packages/ui/primitives/document-flow/field-content.tsx @@ -188,9 +188,11 @@ export const FieldContent = ({ field, documentMeta }: FieldIconProps) => { } const textAlign = fieldMeta && 'textAlign' in fieldMeta ? fieldMeta.textAlign : 'left'; + const fontSize = fieldMeta && 'fontSize' in fieldMeta ? fieldMeta.fontSize : undefined; + const fontSizeStyle = fontSize ? { fontSize: `${fontSize}px` } : {}; return ( -
+

{ 'font-signature text-[clamp(0.07rem,25cqw,1.125rem)]': isSignatureField, }, )} + style={fontSizeStyle} > {textToDisplay || labelToDisplay}