@porscheinformatik/material-addons 15.0.0-alpha.1 → 15.0.0-alpha.3
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/package.json +1 -1
- package/themes/common/styles.scss +12 -29
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@porscheinformatik/material-addons",
|
|
3
|
-
"version": "v15.0.0-alpha.
|
|
3
|
+
"version": "v15.0.0-alpha.3",
|
|
4
4
|
"description": "Custom theme and components for Angular Material",
|
|
5
5
|
"homepage": "https://github.com/porscheinformatik/material-addons",
|
|
6
6
|
"repository": {
|
|
@@ -40,12 +40,21 @@ $contrast: (
|
|
|
40
40
|
@mixin build-custom-theme($primary-palette, $warn-palette: mat.$red-palette, $theme-name: 'undefined') {
|
|
41
41
|
$material-addons-colors-primary: mat.define-palette($primary-palette);
|
|
42
42
|
$material-addons-colors-warn: mat.define-palette($warn-palette);
|
|
43
|
-
$material-addons-theme: mat.define-light-theme(
|
|
43
|
+
$material-addons-theme: mat.define-light-theme((
|
|
44
|
+
color: (
|
|
45
|
+
primary: $material-addons-colors-primary,
|
|
46
|
+
accent: $material-addons-colors-primary,
|
|
47
|
+
warn: $material-addons-colors-warn,
|
|
48
|
+
),
|
|
49
|
+
typography: mat.define-typography-config(),
|
|
50
|
+
density: 0,
|
|
51
|
+
));
|
|
44
52
|
|
|
45
53
|
$hover-color: mat.define-palette($primary-palette, 50);
|
|
46
54
|
|
|
47
55
|
@include mat.all-component-themes($material-addons-theme);
|
|
48
56
|
|
|
57
|
+
|
|
49
58
|
@if variable-exists(table-hover-color) {
|
|
50
59
|
.clickable-table-row:hover,
|
|
51
60
|
.mat-row-link:hover {
|
|
@@ -60,19 +69,11 @@ $contrast: (
|
|
|
60
69
|
color: $warn-color;
|
|
61
70
|
}
|
|
62
71
|
|
|
63
|
-
.mat-mdc-chip.mat-mdc-standard-chip.mat-warn {
|
|
64
|
-
color: $warn-color;
|
|
65
|
-
border: 1px solid $warn-color;
|
|
66
|
-
}
|
|
67
72
|
} @else {
|
|
68
73
|
@warn 'variable $warn-color in theme #{$theme-name} is not defined';
|
|
69
74
|
}
|
|
70
75
|
|
|
71
76
|
@if variable_exists(main-primary) {
|
|
72
|
-
.mat-mdc-chip-selected {
|
|
73
|
-
border: 1px solid $main-primary !important;
|
|
74
|
-
color: $main-primary !important;
|
|
75
|
-
}
|
|
76
77
|
.mat-mdc-outlined-button {
|
|
77
78
|
border-color: $main-primary !important;
|
|
78
79
|
}
|
|
@@ -85,10 +86,6 @@ $contrast: (
|
|
|
85
86
|
} @else {
|
|
86
87
|
@warn 'variable $main-primary in theme #{$theme-name} is not defined';
|
|
87
88
|
}
|
|
88
|
-
/* TODO(mdc-migration): The following rule targets internal classes of chips that may no longer apply for the MDC version.*/
|
|
89
|
-
.mat-mdc-chip-selected {
|
|
90
|
-
background-color: white !important;
|
|
91
|
-
}
|
|
92
89
|
}
|
|
93
90
|
|
|
94
91
|
body {
|
|
@@ -196,12 +193,8 @@ mad-link-button {
|
|
|
196
193
|
top: 0;
|
|
197
194
|
}
|
|
198
195
|
|
|
199
|
-
.
|
|
200
|
-
|
|
201
|
-
.mat-mdc-raised-button,
|
|
202
|
-
.mat-mdc-outlined-button,
|
|
203
|
-
.mat-mdc-icon-button {
|
|
204
|
-
text-transform: uppercase;
|
|
196
|
+
.mdc-button {
|
|
197
|
+
text-transform: uppercase !important;
|
|
205
198
|
}
|
|
206
199
|
|
|
207
200
|
.toolbar-title {
|
|
@@ -240,16 +233,6 @@ mad-link-button {
|
|
|
240
233
|
padding-right: 16px;
|
|
241
234
|
}
|
|
242
235
|
|
|
243
|
-
.mat-mdc-chip.mat-mdc-standard-chip {
|
|
244
|
-
background-color: white;
|
|
245
|
-
color: rgba(0, 0, 0, 0.87);
|
|
246
|
-
border: 1px solid rgba(0, 0, 0, 0.4);
|
|
247
|
-
}
|
|
248
|
-
|
|
249
|
-
.mat-mdc-chip.mat-mdc-standard-chip.mat-warn {
|
|
250
|
-
background-color: white;
|
|
251
|
-
}
|
|
252
|
-
|
|
253
236
|
.mat-mdc-tab-group {
|
|
254
237
|
max-width: 100%;
|
|
255
238
|
}
|