@testgorilla/tgo-ui 2.6.99 → 2.7.0

package/models/colors.model.d.ts

@@ -0,0 +1,62 @@
+export declare enum Color {
+    TGO_TEAL_60B = "#1C443C",
+    TGO_TEAL_30B = "#31766A",
+    TGO_TEAL_DEFAULT = "#46A997",
+    TGO_TEAL_30W = "#7EC3B6",
+    TGO_TEAL_60W = "#B5DDD5",
+    TGO_TEAL_SECONDARY = "#CBD6CB",
+    TGO_TEAL_90W = "#ECF6F5",
+    TGO_PETROL_60B = "#102930",
+    TGO_PETROL_30B = "#1B4754",
+    TGO_PETROL_DEFAULT = "#276678",
+    TGO_PETROL_30W = "#6894A0",
+    TGO_PETROL_60W = "#A9C2C9",
+    TGO_PETROL_SECONDARY = "#C8D7DE",
+    TGO_PETROL_90W = "#E9F0F1",
+    TGO_ERROR_60B = "#513131",
+    TGO_ERROR_30B = "#8E5655",
+    TGO_ERROR_60W = "#E3C3C6",
+    TGO_ERROR_SECONDARY = "#F0DAD9",
+    TGO_ERROR_DEFAULT = "#CB7B7A",
+    TGO_WARNING_SECONDARY = "#F0D6BB",
+    TGO_WARNING_DEFAULT = "#CCA45F",
+    TGO_BLACK = "#000000",
+    TGO_DARK = "#888888",
+    TGO_MEDIUM = "#E0E0E0",
+    TGO_GREY = "#EDEDED",
+    TGO_LIGHT = "#F6F6F6",
+    TGO_WHITE = "#FFFFFF",
+    BRAND_60 = "#A90686",
+    BRAND_50 = "#D410AA",
+    BRAND_40 = "#FF54DA",
+    BRAND_30 = "#FFB3EE",
+    BRAND_20 = "#FFE6FA",
+    BRAND_10 = "#FFF2FC",
+    GRAYSCALE_50 = "#666666",
+    GRAYSCALE_40 = "#919191",
+    GRAYSCALE_30 = "#D3D3D3",
+    GRAYSCALE_20 = "#E9E9E9",
+    GRAYSCALE_10 = "#F4F4F4",
+    BLACK = "#242424",
+    ACCENT_20 = "#FFF5ED",
+    ACCENT_10 = "#FFFAF6",
+    INFORMATIVE_40 = "#0165FC",
+    INFORMATIVE_30 = "#277CFD",
+    INFORMATIVE_20 = "#99C1FE",
+    INFORMATIVE_10 = "#D9E8FF",
+    SUCCESS_50 = "#88B901",
+    SUCCESS_40 = "#A0D900",
+    SUCCESS_30 = "#C6E866",
+    SUCCESS_20 = "#E2F4B3",
+    SUCCESS_10 = "#F5FAE3",
+    ERROR_50 = "#E02800",
+    ERROR_40 = "#FF3003",
+    ERROR_30 = "#FF6E4F",
+    ERROR_20 = "#FFAC9A",
+    ERROR_10 = "#FFEAE6",
+    WARNING_50 = "#D07D00",
+    WARNING_40 = "#FF9A03",
+    WARNING_30 = "#FFC268",
+    WARNING_20 = "#FFE1B3",
+    WARNING_10 = "#FFF5E6"
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@testgorilla/tgo-ui",
-  "version": "2.6.99",
+  "version": "2.7.0",
   "lint-staged": {
     "src/**/*.ts": [
       "eslint --fix",
@@ -16,22 +16,23 @@
     "tslib": "~2.4.0"
   },
   "peerDependencies": {
-    "@angular/animations": "~17.3.7",
-    "@angular/cdk": "~17.3.7",
-    "@angular/common": "~17.3.7",
-    "@angular/compiler": "~17.3.7",
-    "@angular/core": "~17.3.7",
-    "@angular/forms": "~17.3.7",
-    "@angular/material": "~17.3.7",
-    "@angular/platform-browser": "~17.3.7",
-    "@angular/platform-browser-dynamic": "~17.3.7",
-    "@angular/router": "~17.3.7",
-    "ngx-skeleton-loader": "^8.1.0",
-    "rxjs": "~7.8.0",
-    "zone.js": "^0.14.5",
+    "@angular-material-extensions/password-strength": "^16.0.0",
+    "@angular/animations": "~16.2.12",
+    "@angular/cdk": "~16.2.12",
+    "@angular/common": "~16.2.12",
+    "@angular/compiler": "~16.2.12",
+    "@angular/core": "~16.2.12",
+    "@angular/forms": "~16.2.12",
+    "@angular/material": "~16.2.12",
+    "@angular/platform-browser": "~16.2.12",
+    "@angular/platform-browser-dynamic": "~16.2.12",
+    "@angular/router": "~16.2.12",
     "libphonenumber-js": "^1.10.59",
     "ngx-mat-select-search": "^7.0.6",
-    "svg-country-flags": "^1.2.10"
+    "ngx-skeleton-loader": "^8.1.0",
+    "rxjs": "~7.8.0",
+    "svg-country-flags": "^1.2.10",
+    "zone.js": "^0.13.1"
   },
   "overrides": {
     "crypto-js": "4.2.0",

package/projects/tgo-canopy-ui/assets/i18n/en.json

@@ -92,6 +92,7 @@
     "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}})"
+    "MIN": "Please enter a value with a minimum value of ({{min}})",
+    "EMAIL_INCORRECT": "Please use a valid email address"
   }
 }

package/projects/tgo-canopy-ui/theme/_typography.scss

@@ -259,3 +259,9 @@ caption,
     @include font-style('hover-state');
   }
 }
+
+*[theme="dark"] {
+  h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, {
+    color: $tgo-white;
+  }
+}

package/public-api.d.ts

@@ -125,3 +125,4 @@ export * from './components/password-criteria/password.component.module';
 export * from './components/phone-input/phone-input.component';
 export * from './components/phone-input/phone-input.component.module';
 export * from './components/phone-input/phone-input.model';
+export * from './models/colors.model';

package/utils/table.utils.d.ts

@@ -3,4 +3,4 @@ import { TableColumn } from '../components/table/table.model';
  * Sorting table columns by order value if set.
  * The rest columns keep the same ordering and displayed after the sorted ones.
  */
-export declare const sortByOrder: (columns: TableColumn[]) => TableColumn[];
+export declare const sortByOrder: <T>(columns: TableColumn<T>[]) => TableColumn<T>[];