From 1add7bbeebd46408a6bad9eae2ac49acdfd4375a Mon Sep 17 00:00:00 2001
From: Alex Martzios <alexandros.martzios@gmail.com>
Date: Thu, 15 Dec 2022 12:18:56 +0200
Subject: [PATCH] update angular material to v12

---
 package.json      |  4 ++--
 src/material.scss | 13 +++++++------
 2 files changed, 9 insertions(+), 8 deletions(-)

diff --git a/package.json b/package.json
index e1384d9..02b70e3 100644
--- a/package.json
+++ b/package.json
@@ -16,13 +16,13 @@
   "private": true,
   "dependencies": {
     "@angular/animations": "~12.2.17",
-    "@angular/cdk": "^11.2.13",
+    "@angular/cdk": "^12.2.13",
     "@angular/common": "~12.2.17",
     "@angular/compiler": "~12.2.17",
     "@angular/core": "~12.2.17",
     "@angular/forms": "~12.2.17",
     "@angular/localize": "^12.2.17",
-    "@angular/material": "^11.2.13",
+    "@angular/material": "^12.2.13",
     "@angular/platform-browser": "~12.2.17",
     "@angular/platform-browser-dynamic": "~12.2.17",
     "@angular/router": "~12.2.17",
diff --git a/src/material.scss b/src/material.scss
index 95bb8c4..5e4bff6 100644
--- a/src/material.scss
+++ b/src/material.scss
@@ -1,12 +1,13 @@
+@use '~@angular/material' as mat;
 @import '~@angular/material/theming';
-@include mat-core();
-$my-app-primary: mat-palette($mat-blue-grey);
-$my-app-accent:  mat-palette($mat-green);
-$my-app-warn:    mat-palette($mat-deep-orange);
+@include mat.core();
+$my-app-primary: mat.define-palette(mat.$blue-grey-palette);
+$my-app-accent:  mat.define-palette(mat.$green-palette);
+$my-app-warn:    mat.define-palette(mat.$deep-orange-palette);
 
-$my-app-theme: mat-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
+$my-app-theme: mat.define-light-theme($my-app-primary, $my-app-accent, $my-app-warn);
 
-@include angular-material-theme($my-app-theme);
+@include mat.all-component-themes($my-app-theme);
 
 .mat-option:hover:not(.mat-option-disabled), .mat-option:focus:not(.mat-option-disabled), .mat-option.mat-active:not(.mat-option-disabled) {
   background-color: #F8CBBB;