feat: restyle password and confirm-password field to match v4 design (#16438)

Updates the `password` field component to match v4 design system specs. 

Includes a new show/hide visibility toggle using the Eye icon, proper
focus and disabled states, and internationalized aria-labels for
accessibility.

Author: PatrikKozak

packages/translations/src/clientKeys.ts

@@ -137,6 +137,8 @@ export const clientTranslationKeys = createClientTranslationKeys([
   'fields:linkedTo',
   'fields:longitude',
   'fields:passwordsDoNotMatch',
+  'fields:hidePassword',
+  'fields:showPassword',
   'fields:removeRelationship',
   'fields:removeUpload',
   'fields:saveChanges',

packages/translations/src/languages/ar.ts

@@ -171,6 +171,7 @@ export const arTranslations: DefaultTranslationsObject = {
     editLink: 'عدّل الرّابط',
     editRelationship: 'عدّل العلاقة',
     enterURL: 'ادخل عنوان URL',
+    hidePassword: 'إخفاء كلمة المرور',
     internalLink: 'رابط داخلي',
     itemsAndMore: '{{items}} و {{count}} أخرى',
     labelRelationship: '{{label}} علاقة',
@@ -191,6 +192,7 @@ export const arTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'اختيار {{label}} من القائمة',
     selectFieldsToEdit: 'حدّد الحقول اللتي تريد تعديلها',
     showAll: 'إظهار الكلّ',
+    showPassword: 'عرض كلمة المرور',
     swapRelationship: 'تبديل العلاقة',
     swapUpload: 'تبديل المحتوى المرفوع',
     textToDisplay: 'النصّ الذي تريد إظهاره',

packages/translations/src/languages/az.ts

@@ -175,6 +175,7 @@ export const azTranslations: DefaultTranslationsObject = {
     editLink: 'Keçidi redaktə et',
     editRelationship: 'Relationship redaktə et',
     enterURL: 'URL daxil edin',
+    hidePassword: 'Şifrəni gizlət',
     internalLink: 'Daxili Keçid',
     itemsAndMore: '{{items}} və daha {{count}} nəfər',
     labelRelationship: '{{label}} Relationship',
@@ -195,6 +196,7 @@ export const azTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'Mövcud {{label}} seçin',
     selectFieldsToEdit: 'Redaktə ediləcək sahələri seçin',
     showAll: 'Hamısını Göstər',
+    showPassword: 'Şifrəni göstər',
     swapRelationship: 'Relationship dəyiş',
     swapUpload: 'Yükləməni dəyiş',
     textToDisplay: 'Göstəriləcək mətn',

packages/translations/src/languages/bg.ts

@@ -175,6 +175,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     editLink: 'Редактирай връзка',
     editRelationship: 'Редактирай отношение',
     enterURL: 'Въведи връзка',
+    hidePassword: 'Скриване на парола',
     internalLink: 'Вътрешна връзка',
     itemsAndMore: '{{items}} и {{count}} повече',
     labelRelationship: '{{label}} връзка',
@@ -195,6 +196,7 @@ export const bgTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'Избери съществуващ {{label}}',
     selectFieldsToEdit: 'Избери полета за редактиране',
     showAll: 'Покажи всички',
+    showPassword: 'Показване на парола',
     swapRelationship: 'Смени отношение',
     swapUpload: 'Смени качване',
     textToDisplay: 'Текст към дисплей',

packages/translations/src/languages/bnBd.ts

@@ -176,6 +176,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     editLink: 'লিঙ্ক সম্পাদনা করুন',
     editRelationship: 'সম্পর্ক সম্পাদনা করুন',
     enterURL: 'একটি URL লিখুন',
+    hidePassword: 'পাসওয়ার্ড লুকান',
     internalLink: 'অভ্যন্তরীণ লিঙ্ক',
     itemsAndMore: '{{items}} এবং {{count}} টি আরও',
     labelRelationship: '{{label}} সম্পর্ক',
@@ -196,6 +197,7 @@ export const bnBdTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'বিদ্যমান {{label}} নির্বাচন করুন',
     selectFieldsToEdit: 'সম্পাদনা করার জন্য ক্ষেত্রগুলি নির্বাচন করুন',
     showAll: 'সমস্ত দেখান',
+    showPassword: 'পাসওয়ার্ড দেখান',
     swapRelationship: 'সম্পর্ক পরিবর্তন করুন',
     swapUpload: 'আপলোড পরিবর্তন করুন',
     textToDisplay: 'প্রদর্শিত টেক্সট',

packages/translations/src/languages/bnIn.ts

@@ -176,6 +176,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     editLink: 'লিঙ্ক সম্পাদনা করুন',
     editRelationship: 'সম্পর্ক সম্পাদনা করুন',
     enterURL: 'একটি URL লিখুন',
+    hidePassword: 'পাসওয়ার্ড লুকান',
     internalLink: 'অভ্যন্তরীণ লিঙ্ক',
     itemsAndMore: '{{items}} এবং {{count}} টি আরও',
     labelRelationship: '{{label}} সম্পর্ক',
@@ -196,6 +197,7 @@ export const bnInTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'বিদ্যমান {{label}} নির্বাচন করুন',
     selectFieldsToEdit: 'সম্পাদনা করার জন্য ক্ষেত্রগুলি নির্বাচন করুন',
     showAll: 'সমস্ত দেখান',
+    showPassword: 'পাসওয়ার্ড প্রদর্শন করুন',
     swapRelationship: 'সম্পর্ক পরিবর্তন করুন',
     swapUpload: 'আপলোড পরিবর্তন করুন',
     textToDisplay: 'প্রদর্শিত টেক্সট',

packages/translations/src/languages/ca.ts

@@ -176,6 +176,7 @@ export const caTranslations: DefaultTranslationsObject = {
     editLink: 'Edita l’enllaç',
     editRelationship: 'Edita la relació',
     enterURL: 'Introdueix una URL',
+    hidePassword: 'Amaga la contrasenya',
     internalLink: 'Enllaç intern',
     itemsAndMore: '{{items}} i {{count}} més',
     labelRelationship: 'Relació de {{label}}',
@@ -196,6 +197,7 @@ export const caTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'Selecciona un {{label}} existent',
     selectFieldsToEdit: 'Selecciona camps per editar',
     showAll: 'Mostra-ho tot',
+    showPassword: 'Mostra la contrasenya',
     swapRelationship: 'Intercanvia la relació',
     swapUpload: 'Intercanvia la pujada',
     textToDisplay: 'Text a mostrar',

packages/translations/src/languages/cs.ts

@@ -175,6 +175,7 @@ export const csTranslations: DefaultTranslationsObject = {
     editLink: 'Upravit odkaz',
     editRelationship: 'Upravit vztah',
     enterURL: 'Zadejte URL',
+    hidePassword: 'Skrýt heslo',
     internalLink: 'Interní odkaz',
     itemsAndMore: '{{items}} a {{count}} dalších',
     labelRelationship: 'Vztah {{label}}',
@@ -195,6 +196,7 @@ export const csTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'Vybrat existující {{label}}',
     selectFieldsToEdit: 'Vyberte pole, která chcete upravit',
     showAll: 'Zobrazit vše',
+    showPassword: 'Zobrazit heslo',
     swapRelationship: 'Zaměnit vztah',
     swapUpload: 'Vyměnit nahrání',
     textToDisplay: 'Text k zobrazení',

packages/translations/src/languages/da.ts

@@ -174,6 +174,7 @@ export const daTranslations: DefaultTranslationsObject = {
     editLink: 'Rediger link',
     editRelationship: 'Rediger forhold',
     enterURL: 'Indtast URL',
+    hidePassword: 'Skjul adgangskode',
     internalLink: 'Intern link',
     itemsAndMore: '{{items}} og {{count}} mere',
     labelRelationship: '{{label}} forhold',
@@ -194,6 +195,7 @@ export const daTranslations: DefaultTranslationsObject = {
     selectExistingLabel: 'Vælg eksisterende {{label}}',
     selectFieldsToEdit: 'Vælg felter at redigere',
     showAll: 'Vis alle',
+    showPassword: 'Vis adgangskode',
     swapRelationship: 'Byt forhold',
     swapUpload: 'Byt upload',
     textToDisplay: 'Tekst der skal vises',

packages/translations/src/languages/de.ts

@@ -180,6 +180,7 @@ export const deTranslations: DefaultTranslationsObject = {
     editLink: 'Link bearbeiten',
     editRelationship: 'Verknüpfung bearbeiten',
     enterURL: 'URL eingeben',
+    hidePassword: 'Passwort ausblenden',
     internalLink: 'Interne Verlinkung',
     itemsAndMore: '{{items}} und {{count}} mehr',
     labelRelationship: '{{label}}-Verknüpfung',
@@ -200,6 +201,7 @@ export const deTranslations: DefaultTranslationsObject = {
     selectExistingLabel: '{{label}} auswählen (vorhanden)',
     selectFieldsToEdit: 'Zu bearbeitende Felder auswählen',
     showAll: 'Alle anzeigen',
+    showPassword: 'Passwort anzeigen',
     swapRelationship: 'Verknüpfung tauschen',
     swapUpload: 'Datei austauschen',
     textToDisplay: 'Angezeigter Text',