@gravitee/ui-particles-angular 9.6.0-angular-16-c8d84dc → 9.6.0-angular-16-615de4d

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gravitee/ui-particles-angular",
-  "version": "9.6.0-angular-16-c8d84dc",
+  "version": "9.6.0-angular-16-615de4d",
   "description": "Gravitee.io - UI Particles Angular",
   "repository": {
     "type": "git",

package/src/scss/gio-mat-palettes.scss

@@ -15,29 +15,56 @@
  */
 @use '@angular/material' as mat;
 
+/**
+  ✏️ Note: $mat-primary-palette, $mat-accent-palette, $mat-error-palette should also be defined with Material palettes 100 200 300 ...
+  because material use these keys for some components.
+  Not needed for other palettes because material doesn't use them.
+ */
+
 // Primary
 $mat-primary-palette: mat.define-palette(
   (
+    // Keep sync GIO color token with Material color token
     darker80: #001f1f,
+    900: #001f1f,
     darker60: #003d3d,
+    800: #003d3d,
     darker40: #005c5c,
+    700: #005c5c,
     darker20: #007a7a,
+    600: #007a7a,
     default: #099,
+    500: #099,
     lighter20: #0bd2d2,
+    400: #0bd2d2,
     lighter40: #45ffff,
+    300: #45ffff,
     lighter60: #91ffff,
+    200: #91ffff,
     lighter80: #d6ffff,
+    100: #d6ffff,
+    50: #d6ffff,
     contrast: (
       darker80: #fff,
+      900: #fff,
       darker60: #fff,
+      800: #fff,
       darker40: #fff,
+      700: #fff,
       darker20: #fff,
+      600: #fff,
       default: #fff,
+      500: #fff,
       lighter20: #000,
+      400: #000,
       lighter40: #000,
+      300: #000,
       lighter60: #000,
+      200: #000,
       lighter80: #000,
-    ),
+      100: #000,
+      50: #000,
+    )
   ),
   default,
   lighter80,
@@ -48,24 +75,44 @@ $mat-primary-palette: mat.define-palette(
 $mat-accent-palette: mat.define-palette(
   (
     darker80: #1b162f,
+    900: #1b162f,
     darker60: #362c5e,
+    800: #362c5e,
     darker40: #51438e,
+    700: #51438e,
     darker20: #6c59bd,
+    600: #6c59bd,
     default: #876fec,
+    500: #876fec,
     lighter20: #9f8cf0,
+    400: #9f8cf0,
     lighter40: #b7a9f4,
+    300: #b7a9f4,
     lighter60: #cdc5f7,
+    200: #cdc5f7,
     lighter80: #e7e2fb,
+    100: #e7e2fb,
+    50: #e7e2fb,
     contrast: (
       darker80: #fff,
+      900: #fff,
       darker60: #fff,
+      800: #fff,
       darker40: #fff,
+      700: #fff,
       darker20: #fff,
+      600: #fff,
       default: #fff,
+      500: #fff,
       lighter20: #000,
+      400: #000,
       lighter40: #000,
+      300: #000,
       lighter60: #000,
+      200: #000,
       lighter80: #000,
+      100: #000,
+      50: #000,
     ),
   ),
   default,
@@ -135,24 +182,44 @@ $mat-warning-palette: mat.define-palette(
 $mat-error-palette: mat.define-palette(
   (
     darker80: #2c0015,
+    900: #2c0015,
     darker60: #5f002f,
+    800: #5f002f,
     darker40: #930149,
+    700: #930149,
     darker20: #cb0366,
+    600: #cb0366,
     default: #ec4899,
+    500: #ec4899,
     lighter20: #f170b0,
+    400: #f170b0,
     lighter40: #f698c7,
+    300: #f698c7,
     lighter60: #fac1dd,
+    200: #fac1dd,
     lighter80: #ffe9f4,
+    100: #ffe9f4,
+    50: #ffe9f4,
     contrast: (
       darker80: #fff,
+      900: #fff,
       darker60: #fff,
+      800: #fff,
       darker40: #fff,
+      700: #fff,
       darker20: #fff,
+      600: #fff,
       default: #fff,
+      500: #fff,
       lighter20: #000,
+      400: #000,
       lighter40: #000,
+      300: #000,
       lighter60: #000,
+      200: #000,
       lighter80: #000,
+      100: #000,
+      50: #000,
     ),
   ),
   default,