Merge branch 'develop'

CHANGELOG.md

@@ -2,6 +2,10 @@
 
 All notable changes to **angular-material-shared** are documented here.
 
+## v2.8.0:
+
+- Update Angular to v19
+
 ## v2.7.3:
 
 - Update documentation

README.md

@@ -33,17 +33,18 @@ This package defines a common theme to be used in all Dangl**IT** apps.
 
 Add this import to your global `styles.scss` file:
 
+### For using Material 2
+
     @import '@dangl/angular-material-shared/styles/material-style.scss';
 
-To access color variables, you can add this import to any file:
+### For using Material 3
+
+    @import '@dangl/angular-material-shared/styles/m3-theme.scss';
 
-    @import '@dangl/angular-material-shared/styles/material-variables.scss';
-    // Provides the following colors:
-    $color-primary: mat-color($dangl-app-primary);
-    $color-accent:  mat-color($dangl-app-accent);
-    $color-warn:    mat-color($dangl-app-warn);
-    $color-dark: #3b4c55;
-    $color-light: #bdbdbd;
+To access color variables, just use css var():
+ Example: 
+  background-color: var(--color-accent);
+ Colors: var(--color-primary), var(--color-accent) , var(--color-warn) , var(--color-dark),var(--color-light)
 
 ### Fonts
 

src/angular-material-shared-demo/angular.json

@@ -28,6 +28,11 @@
             "styles": [
               "src/styles.scss"
             ],
+            "stylePreprocessorOptions": {
+              "sass": {
+                "silenceDeprecations": ["mixed-decls", "color-functions", "global-builtin", "import"]
+                }
+            },
             "scripts": [
               "node_modules/tinymce/tinymce.min.js"
             ],