@ng-formworks/material 17.4.0 → 18.4.0

package/README.md

@@ -72,6 +72,10 @@ Where `schema` is a valid JSON schema object, and `onSubmit` calls a function to
 The possible values for this framework are:
 
 * `material_default` for the default theme.
+* `azure-blue` for the azure & blue theme.
+* `rose-red` for the rose & red theme.
+* `cyan-orange` for the cyan & orange theme.
+* `magenta-violet` for the magenta & violet theme.   
 * `indigo-pink` for the indigo & pink theme.
 * `purple-green` for the purple & green theme.
 * `deeppurple-amber` for the deep purple & amber theme.

package/assets/material-design-themes.scss

@@ -2,15 +2,15 @@
 
 @use '@angular/material' as mat;
 @include mat.core();
-$indigo-primary: mat.define-palette(mat.$indigo-palette, 500);
-$green-accent: mat.define-palette(mat.$green-palette, A200, A100, A400);
-$red-warn: mat.define-palette(mat.$red-palette);
-$pink-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
-$deep-purple-primary: mat.define-palette(mat.$deep-purple-palette, 500);
-$amber-accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
-$pink-primary: mat.define-palette(mat.$pink-palette, 500);
-$bluegrey-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400);
-$typography:mat.define-typography-config();
+$indigo-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500);
+$green-accent: mat.m2-define-palette(mat.$m2-green-palette, A200, A100, A400);
+$red-warn: mat.m2-define-palette(mat.$m2-red-palette);
+$pink-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
+$deep-purple-primary: mat.m2-define-palette(mat.$m2-deep-purple-palette, 500);
+$amber-accent: mat.m2-define-palette(mat.$m2-amber-palette, A200, A100, A400);
+$pink-primary: mat.m2-define-palette(mat.$m2-pink-palette, 500);
+$bluegrey-accent: mat.m2-define-palette(mat.$m2-blue-grey-palette, A200, A100, A400);
+$typography:mat.m2-define-typography-config();
 $density:0;
 
 /*Palettes (primary, accent, warn)-indigo, pink, red */
@@ -18,7 +18,7 @@ $density:0;
 $indigo-pink-primary: $indigo-primary;
 $indigo-pink-accent: $pink-accent;
 $indigo-pink-warn: $red-warn;
-$indigo-pink-theme: mat.define-light-theme(( color: ( primary: $indigo-pink-primary, accent: $indigo-pink-accent, warn:$indigo-pink-warn), typography: $typography, density: $density));
+$indigo-pink-theme: mat.m2-define-light-theme(( color: ( primary: $indigo-pink-primary, accent: $indigo-pink-accent, warn:$indigo-pink-warn), typography: $typography, density: $density));
 .indigo-pink {
     @include mat.core-theme($indigo-pink-theme);
     @include mat.all-component-themes($indigo-pink-theme);
@@ -31,7 +31,7 @@ $indigo-pink-theme: mat.define-light-theme(( color: ( primary: $indigo-pink-prim
 $purple-green-primary: $indigo-primary;
 $purple-green-accent: $green-accent;
 $purple-green-warn: $red-warn;
-$purple-green-theme: mat.define-dark-theme(( color: ( primary: $purple-green-primary, accent: $purple-green-accent, warn:$purple-green-warn)));
+$purple-green-theme: mat.m2-define-dark-theme(( color: ( primary: $purple-green-primary, accent: $purple-green-accent, warn:$purple-green-warn)));
 .purple-green {
     @include mat.core-color($purple-green-theme);
     @include mat.all-component-colors($purple-green-theme);
@@ -44,7 +44,7 @@ $purple-green-theme: mat.define-dark-theme(( color: ( primary: $purple-green-pri
 $deeppurple-amber-primary: $deep-purple-primary;
 $deeppurple-amber-accent: $amber-accent;
 $deeppurple-amber-warn: $red-warn;
-$deeppurple-amber-theme: mat.define-light-theme(( color: ( primary: $deeppurple-amber-primary, accent: $deeppurple-amber-accent, warn:$deeppurple-amber-warn)));
+$deeppurple-amber-theme: mat.m2-define-light-theme(( color: ( primary: $deeppurple-amber-primary, accent: $deeppurple-amber-accent, warn:$deeppurple-amber-warn)));
 .deeppurple-amber {
     @include mat.core-color($deeppurple-amber-theme);
     @include mat.all-component-colors($deeppurple-amber-theme);
@@ -57,15 +57,33 @@ $deeppurple-amber-theme: mat.define-light-theme(( color: ( primary: $deeppurple-
 $pink-bluegrey-primary: $pink-primary;
 $pink-bluegrey-accent: $bluegrey-accent;
 $pink-bluegrey-warn: $red-warn;
-$pink-bluegrey-theme: mat.define-dark-theme(( color: ( primary: $pink-bluegrey-primary, accent: $pink-bluegrey-accent, warn:$pink-bluegrey-warn)));
+$pink-bluegrey-theme: mat.m2-define-dark-theme(( color: ( primary: $pink-bluegrey-primary, accent: $pink-bluegrey-accent, warn:$pink-bluegrey-warn)));
 .pink-bluegrey {
     @include mat.core-color($pink-bluegrey-theme);
     @include mat.all-component-colors($pink-bluegrey-theme);
     @include mat.button-color($pink-bluegrey-theme);
 }
 
+$azure-blue-theme: mat.define-theme(( color: ( theme-type: light, primary: mat.$azure-palette, tertiary: mat.$blue-palette), density: ( scale: 0)));
+.azure-blue {
+    @include mat.all-component-themes($azure-blue-theme);
+}
+
+$rose-red-theme: mat.define-theme(( color: ( theme-type: light, primary: mat.$rose-palette, tertiary: mat.$red-palette), density: ( scale: 0, )));
+.rose-red {
+    @include mat.all-component-themes($rose-red-theme);
+}
+
+$cyan-orange-theme: mat.define-theme(( color: ( theme-type: dark, primary: mat.$cyan-palette, tertiary: mat.$orange-palette), density: ( scale: 0, )));
+.cyan-orange {
+    @include mat.all-component-themes($cyan-orange-theme);
+}
+
+$magenta-violet-theme: mat.define-theme(( color: ( theme-type: dark, primary: mat.$magenta-palette, tertiary: mat.$violet-palette), density: ( scale: 0, )));
+.magenta-violet {
+    @include mat.all-component-themes($magenta-violet-theme);
+}
+
 .material_default {
-    @include mat.core-color($indigo-pink-theme);
-    @include mat.all-component-colors($indigo-pink-theme);
-    @include mat.button-color($indigo-pink-theme);
+    @include mat.all-component-themes($azure-blue-theme);
 }

package/esm2022/lib/material-design-cssframework.mjs

@@ -9,11 +9,15 @@ export const cssFrameworkCfgMaterialDesign = {
     "widgetstyles": {
         "__themes__": [
             { "name": "material_default", "text": "Default Theme" },
+            { "name": "azure-blue", "text": "Azure & Blue" },
+            { "name": "rose-red", "text": "Rose & Red" },
+            { "name": "cyan-orange", "text": "Cyan & Orange" },
+            { "name": "magenta-violet", "text": "Magenta & Violet" },
             { "name": "indigo-pink", "text": "Indigo & Pink" },
             { "name": "purple-green", "text": "Purple & Green" },
             { "name": "deeppurple-amber", "text": "Deep Purple & Amber" },
-            { "name": "pink-bluegrey", "text": "Pink & Blue-Grey" }
+            { "name": "pink-bluegrey", "text": "Pink & Blue-Grey" },
         ]
     }
 };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGVzaWduLWNzc2ZyYW1ld29yay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWZvcm13b3Jrcy1tYXRlcmlhbC9zcmMvbGliL21hdGVyaWFsLWRlc2lnbi1jc3NmcmFtZXdvcmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUs7SUFDM0MsTUFBTSxFQUFFLGlCQUFpQjtJQUN6QixNQUFNLEVBQUMsaUJBQWlCO0lBQ3hCLFNBQVMsRUFBRSxFQUFFO0lBQ2IsYUFBYSxFQUFFO1FBQ1gsbURBQW1EO1FBQ25ELDBEQUEwRDtLQUM3RDtJQUNELGNBQWMsRUFBRTtRQUNaLFlBQVksRUFBRTtZQUNWLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDbEQsRUFBQyxNQUFNLEVBQUMsYUFBYSxFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDN0MsRUFBQyxNQUFNLEVBQUMsY0FBYyxFQUFDLE1BQU0sRUFBQyxnQkFBZ0IsRUFBQztZQUMvQyxFQUFDLE1BQU0sRUFBQyxrQkFBa0IsRUFBQyxNQUFNLEVBQUMscUJBQXFCLEVBQUM7WUFDeEQsRUFBQyxNQUFNLEVBQUMsZUFBZSxFQUFDLE1BQU0sRUFBQyxrQkFBa0IsRUFBQztTQUNyRDtLQUNKO0NBQ0osQ0FBQSIsInNvdXJjZXNDb250ZW50IjpbIlxyXG5leHBvcnQgY29uc3QgY3NzRnJhbWV3b3JrQ2ZnTWF0ZXJpYWxEZXNpZ246YW55PXtcclxuICAgIFwibmFtZVwiOiBcIm1hdGVyaWFsLWRlc2lnblwiLFxyXG4gICAgXCJ0ZXh0XCI6XCJNYXRlcmlhbCBEZXNpZ25cIixcclxuICAgIFwic2NyaXB0c1wiOiBbXSxcclxuICAgIFwic3R5bGVzaGVldHNcIjogW1xyXG4gICAgICAgICcvL2ZvbnRzLmdvb2dsZWFwaXMuY29tL2ljb24/ZmFtaWx5PU1hdGVyaWFsK0ljb25zJyxcclxuICAgICAgICAnLy9mb250cy5nb29nbGVhcGlzLmNvbS9jc3M/ZmFtaWx5PVJvYm90bzozMDAsNDAwLDUwMCw3MDAnLFxyXG4gICAgXSxcclxuICAgIFwid2lkZ2V0c3R5bGVzXCI6IHtcclxuICAgICAgICBcIl9fdGhlbWVzX19cIjogW1xyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJtYXRlcmlhbF9kZWZhdWx0XCIsXCJ0ZXh0XCI6XCJEZWZhdWx0IFRoZW1lXCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJpbmRpZ28tcGlua1wiLFwidGV4dFwiOlwiSW5kaWdvICYgUGlua1wifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicHVycGxlLWdyZWVuXCIsXCJ0ZXh0XCI6XCJQdXJwbGUgJiBHcmVlblwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiZGVlcHB1cnBsZS1hbWJlclwiLFwidGV4dFwiOlwiRGVlcCBQdXJwbGUgJiBBbWJlclwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicGluay1ibHVlZ3JleVwiLFwidGV4dFwiOlwiUGluayAmIEJsdWUtR3JleVwifVxyXG4gICAgICAgIF1cclxuICAgIH1cclxufVxyXG5cclxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGVzaWduLWNzc2ZyYW1ld29yay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWZvcm13b3Jrcy1tYXRlcmlhbC9zcmMvbGliL21hdGVyaWFsLWRlc2lnbi1jc3NmcmFtZXdvcmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUs7SUFDM0MsTUFBTSxFQUFFLGlCQUFpQjtJQUN6QixNQUFNLEVBQUMsaUJBQWlCO0lBQ3hCLFNBQVMsRUFBRSxFQUFFO0lBQ2IsYUFBYSxFQUFFO1FBQ1gsbURBQW1EO1FBQ25ELDBEQUEwRDtLQUM3RDtJQUNELGNBQWMsRUFBRTtRQUNaLFlBQVksRUFBRTtZQUNWLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDbEQsRUFBQyxNQUFNLEVBQUMsWUFBWSxFQUFDLE1BQU0sRUFBQyxjQUFjLEVBQUM7WUFDM0MsRUFBQyxNQUFNLEVBQUMsVUFBVSxFQUFDLE1BQU0sRUFBQyxZQUFZLEVBQUM7WUFDdkMsRUFBQyxNQUFNLEVBQUMsYUFBYSxFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDN0MsRUFBQyxNQUFNLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDO1lBQ25ELEVBQUMsTUFBTSxFQUFDLGFBQWEsRUFBQyxNQUFNLEVBQUMsZUFBZSxFQUFDO1lBQzdDLEVBQUMsTUFBTSxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUMsZ0JBQWdCLEVBQUM7WUFDL0MsRUFBQyxNQUFNLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxFQUFDLHFCQUFxQixFQUFDO1lBQ3hELEVBQUMsTUFBTSxFQUFDLGVBQWUsRUFBQyxNQUFNLEVBQUMsa0JBQWtCLEVBQUM7U0FFckQ7S0FDSjtDQUNKLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0IGNvbnN0IGNzc0ZyYW1ld29ya0NmZ01hdGVyaWFsRGVzaWduOmFueT17XHJcbiAgICBcIm5hbWVcIjogXCJtYXRlcmlhbC1kZXNpZ25cIixcclxuICAgIFwidGV4dFwiOlwiTWF0ZXJpYWwgRGVzaWduXCIsXHJcbiAgICBcInNjcmlwdHNcIjogW10sXHJcbiAgICBcInN0eWxlc2hlZXRzXCI6IFtcclxuICAgICAgICAnLy9mb250cy5nb29nbGVhcGlzLmNvbS9pY29uP2ZhbWlseT1NYXRlcmlhbCtJY29ucycsXHJcbiAgICAgICAgJy8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzP2ZhbWlseT1Sb2JvdG86MzAwLDQwMCw1MDAsNzAwJyxcclxuICAgIF0sXHJcbiAgICBcIndpZGdldHN0eWxlc1wiOiB7XHJcbiAgICAgICAgXCJfX3RoZW1lc19fXCI6IFtcclxuICAgICAgICAgICAge1wibmFtZVwiOlwibWF0ZXJpYWxfZGVmYXVsdFwiLFwidGV4dFwiOlwiRGVmYXVsdCBUaGVtZVwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiYXp1cmUtYmx1ZVwiLFwidGV4dFwiOlwiQXp1cmUgJiBCbHVlXCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJyb3NlLXJlZFwiLFwidGV4dFwiOlwiUm9zZSAmIFJlZFwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiY3lhbi1vcmFuZ2VcIixcInRleHRcIjpcIkN5YW4gJiBPcmFuZ2VcIn0sXHJcbiAgICAgICAgICAgIHtcIm5hbWVcIjpcIm1hZ2VudGEtdmlvbGV0XCIsXCJ0ZXh0XCI6XCJNYWdlbnRhICYgVmlvbGV0XCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJpbmRpZ28tcGlua1wiLFwidGV4dFwiOlwiSW5kaWdvICYgUGlua1wifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicHVycGxlLWdyZWVuXCIsXCJ0ZXh0XCI6XCJQdXJwbGUgJiBHcmVlblwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiZGVlcHB1cnBsZS1hbWJlclwiLFwidGV4dFwiOlwiRGVlcCBQdXJwbGUgJiBBbWJlclwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicGluay1ibHVlZ3JleVwiLFwidGV4dFwiOlwiUGluayAmIEJsdWUtR3JleVwifSxcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgXVxyXG4gICAgfVxyXG59XHJcblxyXG4iXX0=