@testgorilla/tgo-ui 2.4.0 → 2.5.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "2.4.0",
+  "version": "2.5.1",
   "lint-staged": {
     "src/**/*.ts": [
       "eslint --fix",

package/src/assets/i18n/src/assets/i18n/da-dk.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Træk og slip filen her, eller klik for at uploade"
+    "DRAG_AND_DROP": "Træk og slip filen her, eller klik for at uploade",
+    "MIN_SIZE": "MB min. filstørrelse",
+    "MIN_SIZE_ERROR": "Upload en fil, der er større end ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Indeholder mindst et lille bogstav",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Indeholder mindst ét specialtegn",
     "CHARACTERS": "Indeholder mindst 12 tegn",
     "PASSWORD_PLACEHOLDER": "Adgangskode"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Telefonnummer"
+  },
+  "ERRORS": {
+    "REQUIRED": "Dette felt er obligatorisk",
+    "REQUIRED_FIELD": "Dette felt er påkrævet - ({{label}})",
+    "MAX_LENGTH": "Indtast venligst en værdi med en maksimal længde på ({{maxlength}}) tegn.",
+    "MIN_LENGTH": "Indtast venligst en værdi med en minimumslængde på ({{maxlength}}) tegn.",
+    "MAX": "Indtast venligst en værdi med en maksimal værdi på ({{max}})",
+    "MIN": "Indtast venligst en værdi med en minimumsværdi på ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/de.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Ziehen Sie die Datei hierher oder klicken Sie zum Hochladen"
+    "DRAG_AND_DROP": "Ziehen Sie die Datei hierher oder klicken Sie zum Hochladen",
+    "MIN_SIZE": "MB minimale Dateigröße",
+    "MIN_SIZE_ERROR": "Laden Sie eine Datei hoch, die größer ist als ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Enthält mindestens einen Kleinbuchstaben",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Enthält mindestens ein Sonderzeichen",
     "CHARACTERS": "Enthält mindestens 12 Zeichen",
     "PASSWORD_PLACEHOLDER": "Passwort"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Telefonnummer"
+  },
+  "ERRORS": {
+    "REQUIRED": "Dieses Feld wird benötigt",
+    "REQUIRED_FIELD": "Dieses Feld ist erforderlich - ({{label}})",
+    "MAX_LENGTH": "Bitte geben Sie einen Wert mit einer maximalen Länge von ({{maxlength}}) Zeichen ein.",
+    "MIN_LENGTH": "Bitte geben Sie einen Wert mit einer Mindestlänge von ({{maxlength}}) Zeichen ein.",
+    "MAX": "Bitte geben Sie einen Wert mit einem Höchstwert von ({{max}}) ein",
+    "MIN": "Bitte geben Sie einen Wert mit einem Mindestwert von ({{min}}) ein"
   }
 }

package/src/assets/i18n/src/assets/i18n/es.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Arrastre y suelte el archivo aquí o haga clic para subirlo"
+    "DRAG_AND_DROP": "Arrastre y suelte el archivo aquí o haga clic para subirlo",
+    "MIN_SIZE": "Tamaño mínimo del archivo en MB",
+    "MIN_SIZE_ERROR": "Sube un archivo con un tamaño mayor a ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Contiene al menos una letra minúscula",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Contiene al menos un carácter especial.",
     "CHARACTERS": "Contiene al menos 12 caracteres",
     "PASSWORD_PLACEHOLDER": "Contraseña"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Número de teléfono"
+  },
+  "ERRORS": {
+    "REQUIRED": "Este campo es obligatorio",
+    "REQUIRED_FIELD": "Este campo es obligatorio - ({{label}})",
+    "MAX_LENGTH": "Por favor, introduce un valor con un máximo de ({{maxlength}}) caracteres",
+    "MIN_LENGTH": "Introduce un valor con un mínimo de ({{maxlength}}) caracteres",
+    "MAX": "Por favor, introduce un valor con un valor máximo de ({{max}})",
+    "MIN": "Por favor, introduce un valor con un valor mínimo de ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/fr.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Glissez-déposez le fichier ici ou cliquez pour le télécharger"
+    "DRAG_AND_DROP": "Glissez-déposez le fichier ici ou cliquez pour le télécharger",
+    "MIN_SIZE": "Taille minimale du fichier en Mo",
+    "MIN_SIZE_ERROR": "Téléchargez un fichier d'une taille supérieure à ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Contient au moins une minuscule",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Contient au moins un caractère spécial",
     "CHARACTERS": "Contient au moins 12 caractères",
     "PASSWORD_PLACEHOLDER": "Mot de passe"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Numéro de téléphone"
+  },
+  "ERRORS": {
+    "REQUIRED": "Ce champ est obligatoire",
+    "REQUIRED_FIELD": "Ce champ est obligatoire - ({{label}})",
+    "MAX_LENGTH": "Veuillez saisir un maximum de ({{maxlength}}) caractères.",
+    "MIN_LENGTH": "Veuillez saisir un minimum de ({{maxlength}}) caractères.",
+    "MAX": "Veuillez saisir une valeur maximum de ({{max}})",
+    "MIN": "Veuillez saisir une valeur minimum de ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/it-it.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Trascina e rilascia il file qui o clicca per caricarlo"
+    "DRAG_AND_DROP": "Trascina e rilascia il file qui o clicca per caricarlo",
+    "MIN_SIZE": "Dimensione minima del file in MB",
+    "MIN_SIZE_ERROR": "Carica un file di dimensioni superiori a ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Contiene almeno una lettera minuscola",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Contiene almeno un carattere speciale",
     "CHARACTERS": "Contiene almeno 12 caratteri",
     "PASSWORD_PLACEHOLDER": "Password"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Numero di telefono"
+  },
+  "ERRORS": {
+    "REQUIRED": "Questo campo è obbligatorio",
+    "REQUIRED_FIELD": "Questo campo è obbligatorio - ({{label}})",
+    "MAX_LENGTH": "Inserisci un valore con una lunghezza massima di ({{maxlength}}) caratteri",
+    "MIN_LENGTH": "Inserisci un valore con una lunghezza minima di ({{maxlength}}) caratteri",
+    "MAX": "Inserisci un valore con un valore massimo di ({{max}})",
+    "MIN": "Inserisci un valore con un valore minimo di ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/ja-jp.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "こちらにファイルをドラッグ・アンド・ドロップするか、クリックしてアップロードしてください"
+    "DRAG_AND_DROP": "こちらにファイルをドラッグ・アンド・ドロップするか、クリックしてアップロードしてください",
+    "MIN_SIZE": "MB以上のファイルサイズ",
+    "MIN_SIZE_ERROR": "({{min}}MB) より大きなファイルをアップロードしてください"
   },
   "PASSWORD": {
     "LOWERCASE": "少なくとも1つの小文字を含む",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "少なくとも1つの特殊文字を含む",
     "CHARACTERS": "最低12文字以上である",
     "PASSWORD_PLACEHOLDER": "パスワード"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "電話番号"
+  },
+  "ERRORS": {
+    "REQUIRED": "このフィールドは必須です",
+    "REQUIRED_FIELD": "この欄は入力必須です - ({{label}})",
+    "MAX_LENGTH": "最大（{{maxlength}}）文字の値を入力してください",
+    "MIN_LENGTH": "最低（{{maxlength}}）文字の値を入力してください",
+    "MAX": "最大値（{{max}}）の値を入力してください",
+    "MIN": "最小値（{{min}}）の値を入力してください"
   }
 }

package/src/assets/i18n/src/assets/i18n/nb-no.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Dra og slipp filen her eller klikk for å laste den opp"
+    "DRAG_AND_DROP": "Dra og slipp filen her eller klikk for å laste den opp",
+    "MIN_SIZE": "MB minimum filstørrelse",
+    "MIN_SIZE_ERROR": "Last opp en fil som er større enn ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Inneholder minst én liten bokstav",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Inneholder minst ett spesialtegn",
     "CHARACTERS": "Inneholder minst 12 tegn",
     "PASSWORD_PLACEHOLDER": "Passord"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Telefonnummer"
+  },
+  "ERRORS": {
+    "REQUIRED": "Dette feltet er obligatorisk",
+    "REQUIRED_FIELD": "Dette feltet er obligatorisk - ({{label}})",
+    "MAX_LENGTH": "Vennligst skriv inn en verdi med en maksimal lengde på ({{maxlength}}) tegn.",
+    "MIN_LENGTH": "Vennligst skriv inn en verdi med en minimumslengde på ({{maxlength}}) tegn.",
+    "MAX": "Vennligst skriv inn en verdi med en maksimumsverdi på ({{max}}).",
+    "MIN": "Vennligst skriv inn en verdi med en minimumsverdi på ({{min}})."
   }
 }

package/src/assets/i18n/src/assets/i18n/nl.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Sleep het bestand hierheen of klik om te uploaden"
+    "DRAG_AND_DROP": "Sleep het bestand hierheen of klik om te uploaden",
+    "MIN_SIZE": "MB min. bestandsgrootte",
+    "MIN_SIZE_ERROR": "Upload een bestand dat groter is dan ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Bevat ten minste één kleine letter",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Bevat minstens één speciaal teken",
     "CHARACTERS": "Bevat ten minste 12 tekens",
     "PASSWORD_PLACEHOLDER": "Wachtwoord"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Telefoonnummer"
+  },
+  "ERRORS": {
+    "REQUIRED": "Dit veld is verplicht",
+    "REQUIRED_FIELD": "Dit veld is verplicht - ({{label}})",
+    "MAX_LENGTH": "Voer een waarde in met een maximale lengte van ({{maxlength}}) tekens",
+    "MIN_LENGTH": "Voer een waarde in met een minimale lengte van ({{maxlength}}) tekens",
+    "MAX": "Voer een waarde in met een maximumwaarde van ({{max}})",
+    "MIN": "Voer een waarde in met een minimumwaarde van ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/pl-pl.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Przeciągnij i upuść tutaj plik lub kliknij, aby go przesłać"
+    "DRAG_AND_DROP": "Przeciągnij i upuść tutaj plik lub kliknij, aby go przesłać",
+    "MIN_SIZE": "Minimalny rozmiar pliku w MB",
+    "MIN_SIZE_ERROR": "Prześlij plik większy niż ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Zawiera co najmniej jedną małą literę",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Zawiera co najmniej jeden znak specjalny",
     "CHARACTERS": "Zawiera co najmniej 12 znaków",
     "PASSWORD_PLACEHOLDER": "Hasło"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Numer telefonu"
+  },
+  "ERRORS": {
+    "REQUIRED": "Wymagane jest wypełnienie tego pola.",
+    "REQUIRED_FIELD": "To pole jest wymagane - ({{label}})",
+    "MAX_LENGTH": "Wprowadź wartość o maksymalnej długości ({{maxlength}}) znaków",
+    "MIN_LENGTH": "Wprowadź wartość o minimalnej długości ({{maxlength}}) znaków",
+    "MAX": "Wprowadź wartość równą lub nieprzekraczającą maksimum: ({{max}})",
+    "MIN": "Wprowadź wartość równą lub przekraczającą minimum: ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/pt-br.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Arraste e solte o arquivo aqui ou clique para fazer upload"
+    "DRAG_AND_DROP": "Arraste e solte o arquivo aqui ou clique para fazer upload",
+    "MIN_SIZE": "Tamanho mínimo do arquivo em MB",
+    "MIN_SIZE_ERROR": "Faça upload de um arquivo maior que ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Contém pelo menos uma letra minúscula",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Contém pelo menos um caractere especial",
     "CHARACTERS": "Contém pelo menos 12 caracteres",
     "PASSWORD_PLACEHOLDER": "Senha"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Telefone"
+  },
+  "ERRORS": {
+    "REQUIRED": "Este campo é obrigatório",
+    "REQUIRED_FIELD": "Este campo é obrigatório - ({{label}})",
+    "MAX_LENGTH": "Digite um valor com no máximo ({{maxlength}}) caracteres",
+    "MIN_LENGTH": "Digite um valor com no mínimo ({{maxlength}}) caracteres",
+    "MAX": "Digite um valor com um valor máximo de ({{max}})",
+    "MIN": "Digite um valor com um valor mínimo de ({{min}})"
   }
 }

package/src/assets/i18n/src/assets/i18n/sv-se.json

@@ -1,6 +1,8 @@
 {
   "FILE_UPLOAD": {
-    "DRAG_AND_DROP": "Dra och släpp filen här eller klicka för att ladda upp"
+    "DRAG_AND_DROP": "Dra och släpp filen här eller klicka för att ladda upp",
+    "MIN_SIZE": "MB minimum filstorlek",
+    "MIN_SIZE_ERROR": "Ladda upp en fil som är större än ({{min}} MB)"
   },
   "PASSWORD": {
     "LOWERCASE": "Innehåller minst en gemen bokstav",
@@ -9,5 +11,16 @@
     "SPECIAL_CHARACTER": "Innehåller minst ett specialtecken",
     "CHARACTERS": "Innehåller minst 12 tecken",
     "PASSWORD_PLACEHOLDER": "Lösenord"
+  },
+  "COMMON": {
+    "PHONE_NUMBER": "Telefonnummer"
+  },
+  "ERRORS": {
+    "REQUIRED": "Detta fält är obligatoriskt",
+    "REQUIRED_FIELD": "Detta fält är obligatoriskt - ({{label}})",
+    "MAX_LENGTH": "Ange ett värde med en maximal längd på ({{maxlength}}) tecken",
+    "MIN_LENGTH": "Ange ett värde med en minsta längd på ({{maxlength}}) tecken",
+    "MAX": "Ange ett värde med ett maximalt värde på ({{max}})",
+    "MIN": "Vänligen ange ett värde med ett minimivärde på ({{min}})"
   }
 }

package/src/theme/_input.scss

@@ -89,16 +89,16 @@
     .mat-mdc-option.selected-option,
     .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
       &:hover {
-        background: $brand-10 !important;
+        background: var(--ui-autocomplete-option-color) !important;
       }
       background: $grayscale-10!important;
     }
     .mat-mdc-option:hover:not(.mdc-list-item--disabled)     {
-      background: $brand-10 !important;
+      background: var(--ui-autocomplete-option-color) !important;
     }
 
     .mat-mdc-option:active:not(.mdc-list-item--disabled)     {
-      background: $brand-20 !important;
+      background: var(--ui-autocomplete-option-color) !important;
     }
 
     .mat-mdc-option {
@@ -189,6 +189,15 @@
         row-gap: 0;
       }
 
+      .mat-mdc-form-field-subscript-wrapper {
+        padding: 4px 0 0 0;
+        min-height: 24px;
+
+        &:after, &:before {
+          display: none;
+        }
+      }
+
       input, .mat-text-field__input {
         caret-color: $black !important;
       }
@@ -300,9 +309,17 @@
       }
 
       &.mat-warn {
+        mat-label {
+          color: $error-50!important;
+        }
+
         .mat-mdc-form-field-hint.error {
           color: $error-50 !important;
 
+          a {
+            color: $error-50!important;
+          }
+
 
           svg {
             color: $error-50 !important;
@@ -396,7 +413,7 @@
 
     .errors {
       ui-icon {
-        margin-right: 8px;
+        margin-right: 4px;
       }
 
       align-items: center;