feat: add colors

packages/lib/translations/de/common.po

@@ -140,11 +140,11 @@ msgstr "Genehmiger"
 msgid "Approving"
 msgstr "Genehmigung"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:270
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:271
 msgid "Black"
 msgstr ""
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:286
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:298
 msgid "Blue"
 msgstr ""
 
@@ -187,7 +187,7 @@ msgstr "Checkbox-Werte"
 msgid "Clear filters"
 msgstr "Filter löschen"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:308
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:321
 msgid "Clear Signature"
 msgstr "Unterschrift löschen"
 
@@ -320,7 +320,7 @@ msgstr "Globale Empfängerauthentifizierung"
 msgid "Go Back"
 msgstr "Zurück"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:294
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:307
 msgid "Green"
 msgstr ""
 
@@ -489,7 +489,7 @@ msgstr "Erhält Kopie"
 msgid "Recipient action authentication"
 msgstr "Empfängeraktion Authentifizierung"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:278
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:289
 msgid "Red"
 msgstr ""
 
@@ -749,6 +749,10 @@ msgstr "Viewer"
 msgid "Viewing"
 msgstr "Viewing"
 
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:280
+msgid "White"
+msgstr ""
+
 #: packages/ui/primitives/document-flow/send-document-action-dialog.tsx:44
 msgid "You are about to send this document to the recipients. Are you sure you want to continue?"
 msgstr "Sie sind dabei, dieses Dokument an die Empfänger zu senden. Sind Sie sicher, dass Sie fortfahren möchten?"

packages/lib/translations/de/web.po

@@ -634,12 +634,12 @@ msgid "Billing"
 msgstr ""
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:207
-msgid "Black"
+#~ msgid "Black"
-msgstr ""
+#~ msgstr ""
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:223
-msgid "Blue"
+#~ msgid "Blue"
-msgstr ""
+#~ msgstr ""
 
 #: apps/web/src/app/(dashboard)/settings/security/activity/user-security-activity-data-table.tsx:101
 msgid "Browser"
@@ -672,7 +672,7 @@ msgstr ""
 #: apps/web/src/app/(signing)/sign/[token]/document-action-auth-account.tsx:74
 #: apps/web/src/app/(signing)/sign/[token]/document-action-auth-passkey.tsx:164
 #: apps/web/src/app/(signing)/sign/[token]/document-action-auth-passkey.tsx:189
-#: apps/web/src/app/(signing)/sign/[token]/form.tsx:144
+#: apps/web/src/app/(signing)/sign/[token]/form.tsx:143
 #: apps/web/src/app/(signing)/sign/[token]/name-field.tsx:215
 #: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:327
 #: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:110
@@ -759,7 +759,7 @@ msgid "Click to copy signing link for sending to recipient"
 msgstr ""
 
 #: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175
-#: apps/web/src/app/(signing)/sign/[token]/form.tsx:108
+#: apps/web/src/app/(signing)/sign/[token]/form.tsx:107
 msgid "Click to insert field"
 msgstr ""
 
@@ -1613,8 +1613,8 @@ msgid "Go to your <0>public profile settings</0> to add documents."
 msgstr ""
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:231
-msgid "Green"
+#~ msgid "Green"
-msgstr ""
+#~ msgstr ""
 
 #: apps/web/src/app/(dashboard)/settings/profile/page.tsx:29
 msgid "Here you can edit your personal details."
@@ -2259,7 +2259,7 @@ msgstr ""
 msgid "Please enter a meaningful name for your token. This will help you identify it later."
 msgstr ""
 
-#: apps/web/src/app/(signing)/sign/[token]/form.tsx:128
+#: apps/web/src/app/(signing)/sign/[token]/form.tsx:127
 msgid "Please mark as viewed to complete"
 msgstr ""
 
@@ -2425,8 +2425,8 @@ msgid "Recovery codes"
 msgstr ""
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:215
-msgid "Red"
+#~ msgid "Red"
-msgstr ""
+#~ msgstr ""
 
 #: apps/web/src/app/(signing)/sign/[token]/complete/claim-account.tsx:78
 #: apps/web/src/components/forms/signup.tsx:93

packages/lib/translations/en/common.po

@@ -135,11 +135,11 @@ msgstr "Approver"
 msgid "Approving"
 msgstr "Approving"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:270
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:271
 msgid "Black"
 msgstr "Black"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:286
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:298
 msgid "Blue"
 msgstr "Blue"
 
@@ -182,7 +182,7 @@ msgstr "Checkbox values"
 msgid "Clear filters"
 msgstr "Clear filters"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:308
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:321
 msgid "Clear Signature"
 msgstr "Clear Signature"
 
@@ -315,7 +315,7 @@ msgstr "Global recipient action authentication"
 msgid "Go Back"
 msgstr "Go Back"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:294
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:307
 msgid "Green"
 msgstr "Green"
 
@@ -484,7 +484,7 @@ msgstr "Receives copy"
 msgid "Recipient action authentication"
 msgstr "Recipient action authentication"
 
-#: packages/ui/primitives/signature-pad/signature-pad.tsx:278
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:289
 msgid "Red"
 msgstr "Red"
 
@@ -744,6 +744,10 @@ msgstr "Viewer"
 msgid "Viewing"
 msgstr "Viewing"
 
+#: packages/ui/primitives/signature-pad/signature-pad.tsx:280
+msgid "White"
+msgstr "White"
+
 #: packages/ui/primitives/document-flow/send-document-action-dialog.tsx:44
 msgid "You are about to send this document to the recipients. Are you sure you want to continue?"
 msgstr "You are about to send this document to the recipients. Are you sure you want to continue?"

packages/lib/translations/en/web.po

@@ -629,12 +629,12 @@ msgid "Billing"
 msgstr "Billing"
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:207
-msgid "Black"
+#~ msgid "Black"
-msgstr "Black"
+#~ msgstr "Black"
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:223
-msgid "Blue"
+#~ msgid "Blue"
-msgstr "Blue"
+#~ msgstr "Blue"
 
 #: apps/web/src/app/(dashboard)/settings/security/activity/user-security-activity-data-table.tsx:101
 msgid "Browser"
@@ -667,7 +667,7 @@ msgstr "By enabling 2FA, you will be required to enter a code from your authenti
 #: apps/web/src/app/(signing)/sign/[token]/document-action-auth-account.tsx:74
 #: apps/web/src/app/(signing)/sign/[token]/document-action-auth-passkey.tsx:164
 #: apps/web/src/app/(signing)/sign/[token]/document-action-auth-passkey.tsx:189
-#: apps/web/src/app/(signing)/sign/[token]/form.tsx:144
+#: apps/web/src/app/(signing)/sign/[token]/form.tsx:143
 #: apps/web/src/app/(signing)/sign/[token]/name-field.tsx:215
 #: apps/web/src/app/(signing)/sign/[token]/number-field.tsx:327
 #: apps/web/src/app/(signing)/sign/[token]/sign-dialog.tsx:110
@@ -754,7 +754,7 @@ msgid "Click to copy signing link for sending to recipient"
 msgstr "Click to copy signing link for sending to recipient"
 
 #: apps/web/src/app/(recipient)/d/[token]/sign-direct-template.tsx:175
-#: apps/web/src/app/(signing)/sign/[token]/form.tsx:108
+#: apps/web/src/app/(signing)/sign/[token]/form.tsx:107
 msgid "Click to insert field"
 msgstr "Click to insert field"
 
@@ -1608,8 +1608,8 @@ msgid "Go to your <0>public profile settings</0> to add documents."
 msgstr "Go to your <0>public profile settings</0> to add documents."
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:231
-msgid "Green"
+#~ msgid "Green"
-msgstr "Green"
+#~ msgstr "Green"
 
 #: apps/web/src/app/(dashboard)/settings/profile/page.tsx:29
 msgid "Here you can edit your personal details."
@@ -2254,7 +2254,7 @@ msgstr "Please contact support if you would like to revert this action."
 msgid "Please enter a meaningful name for your token. This will help you identify it later."
 msgstr "Please enter a meaningful name for your token. This will help you identify it later."
 
-#: apps/web/src/app/(signing)/sign/[token]/form.tsx:128
+#: apps/web/src/app/(signing)/sign/[token]/form.tsx:127
 msgid "Please mark as viewed to complete"
 msgstr "Please mark as viewed to complete"
 
@@ -2420,8 +2420,8 @@ msgid "Recovery codes"
 msgstr "Recovery codes"
 
 #: apps/web/src/app/(signing)/sign/[token]/form.tsx:215
-msgid "Red"
+#~ msgid "Red"
-msgstr "Red"
+#~ msgstr "Red"
 
 #: apps/web/src/app/(signing)/sign/[token]/complete/claim-account.tsx:78
 #: apps/web/src/components/forms/signup.tsx:93

packages/ui/primitives/signature-pad/signature-pad.tsx

@@ -267,14 +267,25 @@ export const SignaturePad = ({
             <SelectItem value="black">
               <div className="flex items-center">
                 <div className="flex w-[150px] items-center">
+                  <div className="mr-2 h-5 w-5 rounded-full border-2 bg-black shadow-sm"></div>
                   <Trans>Black</Trans>
                 </div>
               </div>
             </SelectItem>
 
+            <SelectItem value="white">
+              <div className="flex items-center">
+                <div className="flex w-[150px] items-center">
+                  <div className="mr-2 h-5 w-5 rounded-full border-2 shadow-sm"></div>
+                  <Trans>White</Trans>
+                </div>
+              </div>
+            </SelectItem>
+
             <SelectItem value="red">
               <div className="flex items-center">
                 <div className="flex w-[150px] items-center">
+                  <div className="mr-2 h-5 w-5 rounded-full border-2 bg-red-500 shadow-sm"></div>
                   <Trans>Red</Trans>
                 </div>
               </div>
@@ -283,6 +294,7 @@ export const SignaturePad = ({
             <SelectItem value="blue">
               <div className="flex items-center">
                 <div className="flex w-[150px] items-center">
+                  <div className="mr-2 h-5 w-5 rounded-full border-2 bg-blue-500 shadow-sm"></div>
                   <Trans>Blue</Trans>
                 </div>
               </div>
@@ -291,6 +303,7 @@ export const SignaturePad = ({
             <SelectItem value="green">
               <div className="flex items-center">
                 <div className="flex w-[150px] items-center">
+                  <div className="mr-2 h-5 w-5 rounded-full border-2 bg-green-500 shadow-sm"></div>
                   <Trans>Green</Trans>
                 </div>
               </div>