@porscheinformatik/material-addons 15.0.0-alpha.3 → 15.0.0

package/lib/stepper/stepper.module.d.ts

@@ -5,11 +5,10 @@ import * as i3 from "@angular/common";
 import * as i4 from "@angular/material/button";
 import * as i5 from "@angular/material/icon";
 import * as i6 from "@angular/cdk/stepper";
-import * as i7 from "@angular/flex-layout";
-import * as i8 from "../button/button.module";
+import * as i7 from "../button/button.module";
 export declare class StepperModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<StepperModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepHeaderComponent, typeof i1.StepComponent], [typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.CdkStepperModule, typeof i7.FlexModule, typeof i8.ButtonModule], [typeof i1.StepperComponent, typeof i2.StepHeaderComponent, typeof i1.StepComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StepperModule, [typeof i1.StepperComponent, typeof i2.StepHeaderComponent, typeof i1.StepComponent], [typeof i3.CommonModule, typeof i4.MatButtonModule, typeof i5.MatIconModule, typeof i6.CdkStepperModule, typeof i7.ButtonModule], [typeof i1.StepperComponent, typeof i2.StepHeaderComponent, typeof i1.StepComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<StepperModule>;
 }
 //# sourceMappingURL=stepper.module.d.ts.map

package/lib/stepper/stepper.module.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.module.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/stepper/stepper.module.ts"],"names":[],"mappings":";;;;;;;;;AAUA,qBAKa,aAAa;yCAAb,aAAa;0CAAb,aAAa;0CAAb,aAAa;CAAG"}
+{"version":3,"file":"stepper.module.d.ts","sourceRoot":"","sources":["../../../../projects/material-addons/src/lib/stepper/stepper.module.ts"],"names":[],"mappings":";;;;;;;;AASA,qBAKa,aAAa;yCAAb,aAAa;0CAAb,aAAa;0CAAb,aAAa;CAAG"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@porscheinformatik/material-addons",
-  "version": "v15.0.0-alpha.3",
+  "version": "15.0.0",
   "description": "Custom theme and components for Angular Material",
   "homepage": "https://github.com/porscheinformatik/material-addons",
   "repository": {
@@ -37,13 +37,13 @@
     "fesm2020/"
   ],
   "dependencies": {
-    "tslib": "^2.3.0"
+    "tslib": "^2.6.0"
   },
   "peerDependencies": {
-    "@angular/cdk": ">= 14.0.0",
-    "@angular/material": ">= 14.0.0",
-    "@angular/common": ">= 14.0.0",
-    "@angular/core": ">= 14.0.0",
+    "@angular/cdk": ">= 15.0.0",
+    "@angular/material": ">= 15.0.0",
+    "@angular/common": ">= 15.0.0",
+    "@angular/core": ">= 15.0.0",
     "@ngx-translate/core": ">= 14.0.0"
   },
   "exports": {

package/themes/common/styles.scss

@@ -2,8 +2,8 @@
 @use '@angular/material/theming' as theming;
 
 @include mat.all-component-typographies();
+@include mat.all-component-densities(-2);
 @include mat.core();
-
 $contrast: (
   50: theming.$dark-primary-text,
   100: theming.$dark-primary-text,
@@ -37,23 +37,26 @@ $contrast: (
   @return map-get($color-scheme, background-color);
 }
 
+
+
 @mixin build-custom-theme($primary-palette, $warn-palette: mat.$red-palette, $theme-name: 'undefined') {
   $material-addons-colors-primary: mat.define-palette($primary-palette);
   $material-addons-colors-warn: mat.define-palette($warn-palette);
+  //$material-addons-theme: mat.define-light-theme($material-addons-colors-primary, $material-addons-colors-primary, $material-addons-colors-warn);
+
   $material-addons-theme: mat.define-light-theme((
     color: (
       primary: $material-addons-colors-primary,
       accent: $material-addons-colors-primary,
       warn: $material-addons-colors-warn,
-    ),
-    typography: mat.define-typography-config(),
-    density: 0,
+    )
   ));
 
   $hover-color: mat.define-palette($primary-palette, 50);
 
   @include mat.all-component-themes($material-addons-theme);
-
+  //setting the density for the components
+  //@include mat.form-field-density(-5);
 
   @if variable-exists(table-hover-color) {
     .clickable-table-row:hover,
@@ -193,8 +196,12 @@ mad-link-button {
   top: 0;
 }
 
-.mdc-button {
-  text-transform: uppercase !important;
+.mat-mdc-button,
+.mat-mdc-unelevated-button,
+.mat-mdc-raised-button,
+.mat-mdc-outlined-button,
+.mat-mdc-icon-button {
+  text-transform: uppercase;
 }
 
 .toolbar-title {
@@ -316,3 +323,15 @@ mad-link-button {
     display: none !important;
   }
 }
+
+.mad-read-only {
+  mat-label {
+    color: black;
+  }
+  .content {
+    color: black !important;
+  }
+  .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
+    border: none !important;
+  }
+}

package/themes/pbv.scss

@@ -19,6 +19,10 @@ $primary-palette: (
   A700: #0071ee,
   contrast: $contrast,
   background-color: #fafafa,
+  warn-color: #AD7600,
+  error-color: #C21D00,
+  info-color: #00648F,
+  success-color: #3C8500
 );
 
 $warn-palette: (
@@ -45,6 +49,9 @@ $table-hover-color: get-table-hover-color($main-primary);
 $background-color: get-background-color($primary-palette);
 
 $warn-color: get-main-color($warn-palette);
+$error-color: map-get($primary-palette, error-color);
+$info-color: map-get($primary-palette, info-color);
+$success-color: map-get($primary-palette, success-color);
 
 :root {
   --main-primary: #{$main-primary};
@@ -54,4 +61,6 @@ $warn-color: get-main-color($warn-palette);
   --background-color: #{$background-color};
 }
 
+
 @include build-custom-theme($primary-palette, $warn-palette, $theme-name);
+

package/themes/poa.scss

@@ -19,7 +19,28 @@ $primary-palette: (
   A700: #16f7ff,
   contrast: $contrast,
   background-color: #fafafa,
-  warn-color: red,
+  warn-color: #AD7600,
+  error-color: #C21D00,
+  info-color: #00648F,
+  success-color: #3c8500
+);
+
+$warn-palette: (
+  50 : #f8e4e0,
+  100 : #edbbb3,
+  200 : #e18e80,
+  300 : #d4614d,
+  400 : #cb3f26,
+  500 : #c21d00,
+  600 : #bc1a00,
+  700 : #b41500,
+  800 : #ac1100,
+  900 : #9f0a00,
+  A100 : #ffcbc9,
+  A200 : #ff9996,
+  A400 : #ff6763,
+  A700 : #ff4e4a,
+  contrast: $contrast,
 );
 
 $main-primary: get-main-color($primary-palette);
@@ -27,7 +48,11 @@ $selection-background: get-selection-background($primary-palette);
 $table-hover-color: get-table-hover-color($main-primary);
 $background-color: get-background-color($primary-palette);
 
-$warn-color: map-get($primary-palette, warn-color);
+$warn-color: get-main-color($warn-palette);
+$error-color: map-get($primary-palette, error-color);
+$info-color: map-get($primary-palette, info-color);
+$success-color: map-get($primary-palette, success-color);
+
 
 :root {
   --main-primary: #{$main-primary};
@@ -37,4 +62,4 @@ $warn-color: map-get($primary-palette, warn-color);
   --background-color: #{$background-color};
 }
 
-@include build-custom-theme($primary-palette);
+@include build-custom-theme($primary-palette, $warn-palette, $theme-name);