@ng-formworks/material 17.3.0 → 18.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/material-design-themes.scss +34 -16
- package/esm2022/lib/material-design-cssframework.mjs +6 -2
- package/esm2022/lib/material-design-framework.component.mjs +5 -5
- package/esm2022/lib/material-design-framework.module.mjs +5 -5
- package/esm2022/lib/material-design.framework.mjs +4 -4
- package/esm2022/lib/widgets/flex-layout-root.component.mjs +4 -4
- package/esm2022/lib/widgets/flex-layout-section.component.mjs +4 -4
- package/esm2022/lib/widgets/material-add-reference.component.mjs +4 -4
- package/esm2022/lib/widgets/material-button-group.component.mjs +5 -5
- package/esm2022/lib/widgets/material-button.component.mjs +4 -4
- package/esm2022/lib/widgets/material-checkbox.component.mjs +5 -5
- package/esm2022/lib/widgets/material-checkboxes.component.mjs +5 -5
- package/esm2022/lib/widgets/material-chip-list.component.mjs +4 -4
- package/esm2022/lib/widgets/material-datepicker.component.mjs +4 -4
- package/esm2022/lib/widgets/material-file.component.mjs +4 -4
- package/esm2022/lib/widgets/material-input.component.mjs +4 -4
- package/esm2022/lib/widgets/material-number.component.mjs +4 -4
- package/esm2022/lib/widgets/material-one-of.component.mjs +4 -4
- package/esm2022/lib/widgets/material-radios.component.mjs +5 -5
- package/esm2022/lib/widgets/material-select.component.mjs +4 -4
- package/esm2022/lib/widgets/material-slider.component.mjs +4 -4
- package/esm2022/lib/widgets/material-stepper.component.mjs +4 -4
- package/esm2022/lib/widgets/material-tabs.component.mjs +4 -4
- package/esm2022/lib/widgets/material-textarea.component.mjs +4 -4
- package/fesm2022/ng-formworks-material.mjs +77 -73
- package/fesm2022/ng-formworks-material.mjs.map +1 -1
- package/lib/material-design-framework.module.d.ts +2 -2
- package/package.json +8 -6
|
@@ -2,15 +2,15 @@
|
|
|
2
2
|
|
|
3
3
|
@use '@angular/material' as mat;
|
|
4
4
|
@include mat.core();
|
|
5
|
-
$indigo-primary: mat.define-palette(mat.$indigo-palette, 500);
|
|
6
|
-
$green-accent: mat.define-palette(mat.$green-palette, A200, A100, A400);
|
|
7
|
-
$red-warn: mat.define-palette(mat.$red-palette);
|
|
8
|
-
$pink-accent: mat.define-palette(mat.$pink-palette, A200, A100, A400);
|
|
9
|
-
$deep-purple-primary: mat.define-palette(mat.$deep-purple-palette, 500);
|
|
10
|
-
$amber-accent: mat.define-palette(mat.$amber-palette, A200, A100, A400);
|
|
11
|
-
$pink-primary: mat.define-palette(mat.$pink-palette, 500);
|
|
12
|
-
$bluegrey-accent: mat.define-palette(mat.$blue-grey-palette, A200, A100, A400);
|
|
13
|
-
$typography:mat.define-typography-config();
|
|
5
|
+
$indigo-primary: mat.m2-define-palette(mat.$m2-indigo-palette, 500);
|
|
6
|
+
$green-accent: mat.m2-define-palette(mat.$m2-green-palette, A200, A100, A400);
|
|
7
|
+
$red-warn: mat.m2-define-palette(mat.$m2-red-palette);
|
|
8
|
+
$pink-accent: mat.m2-define-palette(mat.$m2-pink-palette, A200, A100, A400);
|
|
9
|
+
$deep-purple-primary: mat.m2-define-palette(mat.$m2-deep-purple-palette, 500);
|
|
10
|
+
$amber-accent: mat.m2-define-palette(mat.$m2-amber-palette, A200, A100, A400);
|
|
11
|
+
$pink-primary: mat.m2-define-palette(mat.$m2-pink-palette, 500);
|
|
12
|
+
$bluegrey-accent: mat.m2-define-palette(mat.$m2-blue-grey-palette, A200, A100, A400);
|
|
13
|
+
$typography:mat.m2-define-typography-config();
|
|
14
14
|
$density:0;
|
|
15
15
|
|
|
16
16
|
/*Palettes (primary, accent, warn)-indigo, pink, red */
|
|
@@ -18,7 +18,7 @@ $density:0;
|
|
|
18
18
|
$indigo-pink-primary: $indigo-primary;
|
|
19
19
|
$indigo-pink-accent: $pink-accent;
|
|
20
20
|
$indigo-pink-warn: $red-warn;
|
|
21
|
-
$indigo-pink-theme: mat.define-light-theme(( color: ( primary: $indigo-pink-primary, accent: $indigo-pink-accent, warn:$indigo-pink-warn), typography: $typography, density: $density));
|
|
21
|
+
$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));
|
|
22
22
|
.indigo-pink {
|
|
23
23
|
@include mat.core-theme($indigo-pink-theme);
|
|
24
24
|
@include mat.all-component-themes($indigo-pink-theme);
|
|
@@ -31,7 +31,7 @@ $indigo-pink-theme: mat.define-light-theme(( color: ( primary: $indigo-pink-prim
|
|
|
31
31
|
$purple-green-primary: $indigo-primary;
|
|
32
32
|
$purple-green-accent: $green-accent;
|
|
33
33
|
$purple-green-warn: $red-warn;
|
|
34
|
-
$purple-green-theme: mat.define-dark-theme(( color: ( primary: $purple-green-primary, accent: $purple-green-accent, warn:$purple-green-warn)));
|
|
34
|
+
$purple-green-theme: mat.m2-define-dark-theme(( color: ( primary: $purple-green-primary, accent: $purple-green-accent, warn:$purple-green-warn)));
|
|
35
35
|
.purple-green {
|
|
36
36
|
@include mat.core-color($purple-green-theme);
|
|
37
37
|
@include mat.all-component-colors($purple-green-theme);
|
|
@@ -44,7 +44,7 @@ $purple-green-theme: mat.define-dark-theme(( color: ( primary: $purple-green-pri
|
|
|
44
44
|
$deeppurple-amber-primary: $deep-purple-primary;
|
|
45
45
|
$deeppurple-amber-accent: $amber-accent;
|
|
46
46
|
$deeppurple-amber-warn: $red-warn;
|
|
47
|
-
$deeppurple-amber-theme: mat.define-light-theme(( color: ( primary: $deeppurple-amber-primary, accent: $deeppurple-amber-accent, warn:$deeppurple-amber-warn)));
|
|
47
|
+
$deeppurple-amber-theme: mat.m2-define-light-theme(( color: ( primary: $deeppurple-amber-primary, accent: $deeppurple-amber-accent, warn:$deeppurple-amber-warn)));
|
|
48
48
|
.deeppurple-amber {
|
|
49
49
|
@include mat.core-color($deeppurple-amber-theme);
|
|
50
50
|
@include mat.all-component-colors($deeppurple-amber-theme);
|
|
@@ -57,15 +57,33 @@ $deeppurple-amber-theme: mat.define-light-theme(( color: ( primary: $deeppurple-
|
|
|
57
57
|
$pink-bluegrey-primary: $pink-primary;
|
|
58
58
|
$pink-bluegrey-accent: $bluegrey-accent;
|
|
59
59
|
$pink-bluegrey-warn: $red-warn;
|
|
60
|
-
$pink-bluegrey-theme: mat.define-dark-theme(( color: ( primary: $pink-bluegrey-primary, accent: $pink-bluegrey-accent, warn:$pink-bluegrey-warn)));
|
|
60
|
+
$pink-bluegrey-theme: mat.m2-define-dark-theme(( color: ( primary: $pink-bluegrey-primary, accent: $pink-bluegrey-accent, warn:$pink-bluegrey-warn)));
|
|
61
61
|
.pink-bluegrey {
|
|
62
62
|
@include mat.core-color($pink-bluegrey-theme);
|
|
63
63
|
@include mat.all-component-colors($pink-bluegrey-theme);
|
|
64
64
|
@include mat.button-color($pink-bluegrey-theme);
|
|
65
65
|
}
|
|
66
66
|
|
|
67
|
+
$azure-blue-theme: mat.define-theme(( color: ( theme-type: light, primary: mat.$azure-palette, tertiary: mat.$blue-palette), density: ( scale: 0)));
|
|
68
|
+
.azure-blue {
|
|
69
|
+
@include mat.all-component-themes($azure-blue-theme);
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
$rose-red-theme: mat.define-theme(( color: ( theme-type: light, primary: mat.$rose-palette, tertiary: mat.$red-palette), density: ( scale: 0, )));
|
|
73
|
+
.rose-red {
|
|
74
|
+
@include mat.all-component-themes($rose-red-theme);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
$cyan-orange-theme: mat.define-theme(( color: ( theme-type: dark, primary: mat.$cyan-palette, tertiary: mat.$orange-palette), density: ( scale: 0, )));
|
|
78
|
+
.cyan-orange {
|
|
79
|
+
@include mat.all-component-themes($cyan-orange-theme);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
$magenta-violet-theme: mat.define-theme(( color: ( theme-type: dark, primary: mat.$magenta-palette, tertiary: mat.$violet-palette), density: ( scale: 0, )));
|
|
83
|
+
.magenta-violet {
|
|
84
|
+
@include mat.all-component-themes($magenta-violet-theme);
|
|
85
|
+
}
|
|
86
|
+
|
|
67
87
|
.material_default {
|
|
68
|
-
@include mat.
|
|
69
|
-
@include mat.all-component-colors($indigo-pink-theme);
|
|
70
|
-
@include mat.button-color($indigo-pink-theme);
|
|
88
|
+
@include mat.all-component-themes($azure-blue-theme);
|
|
71
89
|
}
|
|
@@ -9,11 +9,15 @@ export const cssFrameworkCfgMaterialDesign = {
|
|
|
9
9
|
"widgetstyles": {
|
|
10
10
|
"__themes__": [
|
|
11
11
|
{ "name": "material_default", "text": "Default Theme" },
|
|
12
|
+
{ "name": "azure-blue", "text": "Azure & Blue" },
|
|
13
|
+
{ "name": "rose-red", "text": "Rose & Red" },
|
|
14
|
+
{ "name": "cyan-orange", "text": "Cyan & Orange" },
|
|
15
|
+
{ "name": "magenta-violet", "text": "Magenta & Violet" },
|
|
12
16
|
{ "name": "indigo-pink", "text": "Indigo & Pink" },
|
|
13
17
|
{ "name": "purple-green", "text": "Purple & Green" },
|
|
14
18
|
{ "name": "deeppurple-amber", "text": "Deep Purple & Amber" },
|
|
15
|
-
{ "name": "pink-bluegrey", "text": "Pink & Blue-Grey" }
|
|
19
|
+
{ "name": "pink-bluegrey", "text": "Pink & Blue-Grey" },
|
|
16
20
|
]
|
|
17
21
|
}
|
|
18
22
|
};
|
|
19
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWF0ZXJpYWwtZGVzaWduLWNzc2ZyYW1ld29yay5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWZvcm13b3Jrcy1tYXRlcmlhbC9zcmMvbGliL21hdGVyaWFsLWRlc2lnbi1jc3NmcmFtZXdvcmsudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsTUFBTSxDQUFDLE1BQU0sNkJBQTZCLEdBQUs7SUFDM0MsTUFBTSxFQUFFLGlCQUFpQjtJQUN6QixNQUFNLEVBQUMsaUJBQWlCO0lBQ3hCLFNBQVMsRUFBRSxFQUFFO0lBQ2IsYUFBYSxFQUFFO1FBQ1gsbURBQW1EO1FBQ25ELDBEQUEwRDtLQUM3RDtJQUNELGNBQWMsRUFBRTtRQUNaLFlBQVksRUFBRTtZQUNWLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDbEQsRUFBQyxNQUFNLEVBQUMsWUFBWSxFQUFDLE1BQU0sRUFBQyxjQUFjLEVBQUM7WUFDM0MsRUFBQyxNQUFNLEVBQUMsVUFBVSxFQUFDLE1BQU0sRUFBQyxZQUFZLEVBQUM7WUFDdkMsRUFBQyxNQUFNLEVBQUMsYUFBYSxFQUFDLE1BQU0sRUFBQyxlQUFlLEVBQUM7WUFDN0MsRUFBQyxNQUFNLEVBQUMsZ0JBQWdCLEVBQUMsTUFBTSxFQUFDLGtCQUFrQixFQUFDO1lBQ25ELEVBQUMsTUFBTSxFQUFDLGFBQWEsRUFBQyxNQUFNLEVBQUMsZUFBZSxFQUFDO1lBQzdDLEVBQUMsTUFBTSxFQUFDLGNBQWMsRUFBQyxNQUFNLEVBQUMsZ0JBQWdCLEVBQUM7WUFDL0MsRUFBQyxNQUFNLEVBQUMsa0JBQWtCLEVBQUMsTUFBTSxFQUFDLHFCQUFxQixFQUFDO1lBQ3hELEVBQUMsTUFBTSxFQUFDLGVBQWUsRUFBQyxNQUFNLEVBQUMsa0JBQWtCLEVBQUM7U0FFckQ7S0FDSjtDQUNKLENBQUEiLCJzb3VyY2VzQ29udGVudCI6WyJcclxuZXhwb3J0IGNvbnN0IGNzc0ZyYW1ld29ya0NmZ01hdGVyaWFsRGVzaWduOmFueT17XHJcbiAgICBcIm5hbWVcIjogXCJtYXRlcmlhbC1kZXNpZ25cIixcclxuICAgIFwidGV4dFwiOlwiTWF0ZXJpYWwgRGVzaWduXCIsXHJcbiAgICBcInNjcmlwdHNcIjogW10sXHJcbiAgICBcInN0eWxlc2hlZXRzXCI6IFtcclxuICAgICAgICAnLy9mb250cy5nb29nbGVhcGlzLmNvbS9pY29uP2ZhbWlseT1NYXRlcmlhbCtJY29ucycsXHJcbiAgICAgICAgJy8vZm9udHMuZ29vZ2xlYXBpcy5jb20vY3NzP2ZhbWlseT1Sb2JvdG86MzAwLDQwMCw1MDAsNzAwJyxcclxuICAgIF0sXHJcbiAgICBcIndpZGdldHN0eWxlc1wiOiB7XHJcbiAgICAgICAgXCJfX3RoZW1lc19fXCI6IFtcclxuICAgICAgICAgICAge1wibmFtZVwiOlwibWF0ZXJpYWxfZGVmYXVsdFwiLFwidGV4dFwiOlwiRGVmYXVsdCBUaGVtZVwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiYXp1cmUtYmx1ZVwiLFwidGV4dFwiOlwiQXp1cmUgJiBCbHVlXCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJyb3NlLXJlZFwiLFwidGV4dFwiOlwiUm9zZSAmIFJlZFwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiY3lhbi1vcmFuZ2VcIixcInRleHRcIjpcIkN5YW4gJiBPcmFuZ2VcIn0sXHJcbiAgICAgICAgICAgIHtcIm5hbWVcIjpcIm1hZ2VudGEtdmlvbGV0XCIsXCJ0ZXh0XCI6XCJNYWdlbnRhICYgVmlvbGV0XCJ9LFxyXG4gICAgICAgICAgICB7XCJuYW1lXCI6XCJpbmRpZ28tcGlua1wiLFwidGV4dFwiOlwiSW5kaWdvICYgUGlua1wifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicHVycGxlLWdyZWVuXCIsXCJ0ZXh0XCI6XCJQdXJwbGUgJiBHcmVlblwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwiZGVlcHB1cnBsZS1hbWJlclwiLFwidGV4dFwiOlwiRGVlcCBQdXJwbGUgJiBBbWJlclwifSxcclxuICAgICAgICAgICAge1wibmFtZVwiOlwicGluay1ibHVlZ3JleVwiLFwidGV4dFwiOlwiUGluayAmIEJsdWUtR3JleVwifSxcclxuICAgICAgICAgICAgXHJcbiAgICAgICAgXVxyXG4gICAgfVxyXG59XHJcblxyXG4iXX0=
|