@testgorilla/tgo-ui 2.3.0 → 2.3.3

package/package.json

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

package/src/assets/i18n/en.json

@@ -83,5 +83,13 @@
     "SPECIAL_CHARACTER": "Contains at least one special character",
     "CHARACTERS": "Contains at least 12 characters",
     "PASSWORD_PLACEHOLDER": "Password"
+  },
+  "ERRORS": {
+    "REQUIRED": "This field is required",
+    "REQUIRED_FIELD": "This field is required - ({{label}})",
+    "MAX_LENGTH": "Please enter a value with a maximum length of ({{maxlength}}) characters",
+    "MIN_LENGTH": "Please enter a value with a minimum length of ({{maxlength}}) characters",
+    "MAX": "Please enter a value with a maximum value of ({{max}})",
+    "MIN": "Please enter a value with a minimum value of ({{min}})"
   }
 }

package/src/theme/_font.scss

@@ -1,65 +1,95 @@
 @font-face {
   font-display: swap;
-  font-family: 'ModernGothic-Black';
+  font-weight: 900;
+  font-style: normal;
+  font-family: 'ModernGothic';
   src: url('./fonts/ModernGothic-Black.otf') format('truetype');
 }
 
 @font-face {
   font-display: swap;
-  font-family: 'ModernGothic-BlackItalic';
+  font-weight: 900;
+  font-style: italic;
+  font-family: 'ModernGothic';
   src: url('./fonts/ModernGothic-BlackItalic.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 700;
+  font-style: normal;
   font-display: swap;
-  font-family: 'ModernGothic-Bold';
+  font-family: 'ModernGothic';
   src: url('./fonts/ModernGothic-Bold.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 700;
+  font-style: italic;
   font-display: swap;
-  font-family: 'ModernGothic-BoldItalic';
+  font-family: 'ModernGothic';
   src: url('./fonts/ModernGothic-BoldItalic.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 500;
+  font-style: normal;
   font-display: swap;
-  font-family: 'ModernGothic-Italic';
-  src: url('./fonts/ModernGothic-Italic.otf') format('truetype');
+  font-family: 'ModernGothic';
+  src: url('./fonts/ModernGothic-Medium.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 500;
+  font-style: italic;
   font-display: swap;
-  font-family: 'ModernGothic-Light';
-  src: url('./fonts/ModernGothic-Light.otf') format('truetype');
+  font-family: 'ModernGothic';
+  src: url('./fonts/ModernGothic-MediumItalic.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 400;
+  font-style: normal;
   font-display: swap;
-  font-family: 'ModernGothic-LightItalic';
-  src: url('./fonts/ModernGothic-LightItalic.otf') format('truetype');
+  font-family: 'ModernGothic';
+  src: url('./fonts/ModernGothic-Regular.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 400;
+  font-style: italic;
   font-display: swap;
-  font-family: 'ModernGothic-MediumItalic';
-  src: url('./fonts/ModernGothic-MediumItalic.otf') format('truetype');
+  font-family: 'ModernGothic';
+  src: url('./fonts/ModernGothic-Italic.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 300;
+  font-style: normal;
   font-display: swap;
-  font-family: 'ModernGothic-Regular';
-  src: url('./fonts/ModernGothic-Regular.otf') format('truetype');
+  font-family: 'ModernGothic';
+  src: url('./fonts/ModernGothic-Light.otf') format('truetype');
+}
+
+@font-face {
+  font-weight: 300;
+  font-style: italic;
+  font-display: swap;
+  font-family: 'ModernGothic';
+  src: url('./fonts/ModernGothic-LightItalic.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 200;
+  font-style: normal;
   font-display: swap;
-  font-family: 'ModernGothic-Thin';
+  font-family: 'ModernGothic';
   src: url('./fonts/ModernGothic-Thin.otf') format('truetype');
 }
 
 @font-face {
+  font-weight: 200;
+  font-style: italic;
   font-display: swap;
-  font-family: 'ModernGothic-ThinItalic';
+  font-family: 'ModernGothic';
   src: url('./fonts/ModernGothic-ThinItalic.otf') format('truetype');
 }

package/src/theme/_lib-styles.scss

@@ -5,7 +5,8 @@
 
 *[theme="dark"], *[theme="light"] {
   * {
-    font-family: "ModernGothic-Regular", sans-serif !important;
+    font-family: "ModernGothic", sans-serif !important;
+    font-weight: 400;
   };
 }
 

package/src/theme/_typography.scss

@@ -166,7 +166,7 @@ caption,
     font-weight: 400;
 
     &.black {
-      font-family: "ModernGothic-Black", sans-serif!important;
+      font-family: "ModernGothic", sans-serif!important;
       font-weight: 900;
     }
   }
@@ -177,7 +177,7 @@ caption,
     font-size: 24px;
     line-height: 30px;
     font-weight: 900;
-    font-family: "ModernGothic-Black", sans-serif!important;
+    font-family: "ModernGothic", sans-serif!important;
   }
 
   h3,
@@ -188,7 +188,7 @@ caption,
     color: $black;
 
     &.bold {
-      font-family: "ModernGothic-Bold", sans-serif!important;
+      font-family: "ModernGothic", sans-serif!important;
       font-weight: 700;
     }
   }
@@ -199,7 +199,7 @@ caption,
     line-height: 20px;
     font-weight: 700;
     color: $black;
-    font-family: "ModernGothic-Bold", sans-serif!important;
+    font-family: "ModernGothic", sans-serif!important;
   }
 
   h5,
@@ -208,7 +208,7 @@ caption,
     line-height: 18px;
     font-weight: 700;
     color: $black;
-    font-family: "ModernGothic-Bold", sans-serif!important;
+    font-family: "ModernGothic", sans-serif!important;
   }
 
   .body-large {

package/src/theme/theme.scss

@@ -16,7 +16,8 @@
 
 *[theme="dark"], *[theme="light"] {
   * {
-    font-family: "ModernGothic-Regular", sans-serif;
+    font-family: "ModernGothic", sans-serif;
+    font-weight: 400;
 
     .mat-mdc-elevation-specific.mat-elevation-z8  {
       box-shadow: $box-shadow-modal!important;