@softheon/armature 17.17.1 → 17.18.0

package/lib/armature.module.d.ts

@@ -7,9 +7,9 @@ import * as i2 from "./forms/forms.module";
 import * as i3 from "./navigation/navigation.module";
 import * as i4 from "./header/header.module";
 import * as i5 from "./footer/footer.module";
-import * as i6 from "./theming/theme.module";
-import * as i7 from "./alert-banner/alert-banner.module";
-import * as i8 from "./base-components/base-component.module";
+import * as i6 from "./base-components/base-component.module";
+import * as i7 from "./theming/theme.module";
+import * as i8 from "./alert-banner/alert-banner.module";
 import * as i9 from "@angular/router";
 import * as i10 from "@angular/common";
 import * as i11 from "@ngbracket/ngx-layout";
@@ -41,6 +41,6 @@ export declare class ArmatureModule {
      */
     static forRoot(configServiceClass?: any, ignoreCustomAppInitializer?: boolean): ModuleWithProviders<ArmatureModule>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ArmatureModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArmatureModule, [typeof i1.AppTemplateComponent], [typeof i2.FormsModule, typeof i3.NavigationModule, typeof i4.ArmatureHeaderModule, typeof i5.ArmatureFooterModule, typeof i6.ThemeModule, typeof i7.AlertBannerModule, typeof i8.BaseComponentModule, typeof i9.RouterModule, typeof i10.CommonModule, typeof i11.FlexLayoutModule], [typeof i2.FormsModule, typeof i3.NavigationModule, typeof i4.ArmatureHeaderModule, typeof i5.ArmatureFooterModule, typeof i6.ThemeModule, typeof i7.AlertBannerModule, typeof i8.BaseComponentModule, typeof i1.AppTemplateComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ArmatureModule, [typeof i1.AppTemplateComponent], [typeof i2.FormsModule, typeof i3.NavigationModule, typeof i4.ArmatureHeaderModule, typeof i5.ArmatureFooterModule, typeof i6.BaseComponentModule, typeof i7.ThemeModule, typeof i8.AlertBannerModule, typeof i9.RouterModule, typeof i10.CommonModule, typeof i11.FlexLayoutModule], [typeof i2.FormsModule, typeof i3.NavigationModule, typeof i4.ArmatureHeaderModule, typeof i5.ArmatureFooterModule, typeof i6.BaseComponentModule, typeof i7.ThemeModule, typeof i8.AlertBannerModule, typeof i1.AppTemplateComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<ArmatureModule>;
 }

package/lib/base-components/sof-modal/sof-modal.component.d.ts

@@ -1,6 +1,9 @@
 import { OnInit } from '@angular/core';
 import { MatDialogRef } from '@angular/material/dialog';
 import * as i0 from "@angular/core";
+/**
+ * ⚠️ this component needs to be audited ...
+*/
 export declare class SofModalComponent implements OnInit {
     data: ModalData;
     private dialogRef;

package/lib/theming/theme.module.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./directives/css-override.directive";
 import * as i2 from "@angular/common";
-/** Armature saml module */
+/** Armature theme module */
 export declare class ThemeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<ThemeModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<ThemeModule, [typeof i1.CssOverrideDirective], [typeof i2.CommonModule], [typeof i1.CssOverrideDirective]>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@softheon/armature",
-  "version": "17.17.1",
+  "version": "17.18.0",
   "dependencies": {
     "tslib": "^2.5.0"
   },

package/assets/styles/material-overrides.scss

@@ -1,361 +0,0 @@
-@use '@angular/material' as mat;
-@import "./arm-theme.scss";
-
-// TODO!!!
-// DEPRECATE IN FAVOR OF 'sof-styles.scss' if classes in here are widely used.
-// Please implement in the 'sof-styles.scss' style sheet. That style sheet is more in line with the current UX design guide
-// Will keep this file until ready to completely remove it
-
-@include mat.core();
-$main-theme-primary: mat.define-palette($arm-primary);
-$main-theme-accent: mat.define-palette($arm-accent);
-$main-theme-warn: mat.define-palette($arm-warn);
-$main-theme-info: mat.define-palette($arm-info);
-$main-theme-success: mat.define-palette($arm-success);
-$main-theme-error: mat.define-palette($arm-error);
-$main-dark-gray: #646464;
-$main-dark-disabled: #4f4f4f;
-$main-theme: mat.define-light-theme((
-    color: (
-        primary: $main-theme-primary,
-        accent: $main-theme-accent,
-        warn: $main-theme-warn
-    ),
-    typography: mat.define-typography-config(),
-    density: 0,
-));
-$main-dark: mat.define-dark-theme((
-    color: (
-        primary: $main-theme-primary,
-        accent: $main-theme-accent,
-        warn: $main-theme-warn
-    ),
-    typography: mat.define-typography-config(),
-    density: 0,
-));
-
-body {
-    letter-spacing: 0px;
-    font-family: "Poppins", sans-serif !important;
-    font-size: 14px;
-    @include mat.core-theme($main-theme);
-    margin: 0 !important;
-}
-
-.mat-toolbar {
-    font-family: "Poppins", sans-serif !important;
-    font-size: 1em !important;
-}
-
-.mat-mdc-button {
-    font-family: "Poppins", sans-serif !important;
-    font-size: 1em !important;
-    font-weight: 500;
-    border-radius: 6px;
-    height: 40px;
-}
-
-.mat-mdc-unelevated-button {
-    font-family: "Poppins", sans-serif;
-    font-size: 1em !important;
-    font-weight: 500;
-    border-radius: 6px !important;
-    height: 40px !important;
-
-    &.mat-primary {
-        background-color: mat.get-color-from-palette($main-theme-primary, default);
-    }
-
-    &.mat-accent {
-        background-color: mat.get-color-from-palette($main-theme-accent, default);
-    }
-
-    &.mat-warn {
-        background-color: mat.get-color-from-palette($main-theme-warn, default);
-    }
-}
-
-.mat-mdc-unelevated-button:hover {
-    &.mat-primary {
-        background-color: mat.get-color-from-palette($main-theme-primary, 700);
-    }
-
-    &.mat-accent {
-        background-color: mat.get-color-from-palette($main-theme-accent, 700);
-    }
-
-    &.mat-warn {
-        background-color: mat.get-color-from-palette($main-theme-warn, 700);
-    }
-}
-
-.mat-mdc-outlined-button {
-    font-family: "Poppins", sans-serif;
-    font-size: 1em !important;
-    font-weight: 500;
-    border-radius: 6px !important;
-    height: 40px !important;
-
-    &.mat-primary {
-        border: 2px solid mat.get-color-from-palette($main-theme-primary, default) !important;
-    }
-
-    &.mat-accent {
-        border: 2px solid mat.get-color-from-palette($main-theme-accent, default) !important;
-    }
-
-    &.mat-warn {
-        border: 2px solid mat.get-color-from-palette($main-theme-warn, default) !important;
-    }
-}
-
-.mat-mdc-outlined-button:hover {
-    color: white !important;
-
-    &.mat-primary {
-        background-color: mat.get-color-from-palette($main-theme-primary, default);
-    }
-
-    &.mat-accent {
-        background-color: mat.get-color-from-palette($main-theme-accent, default);
-    }
-
-    &.mat-warn {
-        background-color: mat.get-color-from-palette($main-theme-warn, default);
-    }
-}
-
-mat-form-field {
-    color: #333333 !important;
-    font-size: 1.143em !important;
-    font-weight: 400 !important;
-    line-height: 24px !important;
-}
-
-mat-option .mdc-list-item__primary-text {
-    font-size: medium;
-}
-
-.mat-mdc-select,
-.mat-mdc-list-item {
-    font-family: "Poppins", sans-serif !important;
-}
-
-.mdc-list-item__content {
-    padding: 0px !important;
-}
-
-.mat-mdc-list-item button {
-    padding-left: 0px !important;
-    padding-right: 0px !important;
-}
-
-.mat-mdc-raised-button.mat-primary.disabled,
-.mat-mdc-raised-button.mat-primary[disabled] {
-    background-color: #c6c6c7 !important;
-}
-
-.short-btn,
-[short-btn] {
-    max-height: 40px;
-    text-align: center;
-    vertical-align: middle;
-}
-
-::ng-deep .mat-mdc-card {
-    font-size: 1em !important;
-    font-family: "Poppins", sans-serif !important;
-    box-sizing: border-box;
-}
-
-.mat-mdc-card-content {
-    font-size: 1em !important;
-    font-family: "Poppins", sans-serif !important;
-    box-sizing: border-box;
-}
-
-::ng-deep .mat-expansion-panel-header .mat-mdc-card-content {
-    font-family: "Poppins", sans-serif !important;
-    font-size: 1em !important;
-}
-
-.mat-mdc-card-header-text {
-    margin: 0 0 !important;
-}
-
-.mat-mdc-tooltip {
-    font-size: 0.75em !important;
-    line-height: 17px !important;
-}
-
-::ng-deep .mat-check {
-    font-family: "Poppins", sans-serif;
-    color: #333333;
-    font-size: 1em;
-}
-
-.mat-mdc-checkbox-checked.mat-accent .mdc-checkbox__background {
-    background-color: mat.get-color-from-palette($main-theme-primary, default) !important;
-}
-
-.mat-mdc-checkbox-checked .mat-ripple-element {
-    background: rgba(82, 133, 223, 0.3) !important;
-}
-
-.mdc-checkbox {
-    height: 18px !important;
-    width: 18px !important;
-}
-
-.mdc-checkbox__background {
-    border-color: #333333;
-}
-/* Material table style override */
-.mat-mdc-table {
-    font-size: 1em !important;
-    font-family: "Poppins", sans-serif !important;
-}
-
-.mat-mdc-cell {
-    font-size: 1em !important;
-}
-
-.mat-mdc-header-cell {
-    font-size: 16px !important;
-    font-weight: 700;
-}
-
-.mat-mdc-header-cell,
-.mat-mdc-cell {
-    padding-left: 8px;
-    padding-right: 8px;
-}
-
-.mat-mdc-header-row {
-    height: 56px;
-}
-
-.mat-mdc-row {
-    height: 52px;
-}
-
-.with-action .mat-mdc-row {
-    height: 72px;
-}
-
-.mat-mdc-cell:first-of-type,
-.mat-mdc-header-cell:first-of-type,
-td.mat-mdc-cell:first-of-type,
-td.mat-mdc-header-cell:first-of-type {
-    padding-left: 16px !important;
-}
-
-.mat-mdc-cell:last-of-type,
-.mat-mdc-header-cell:last-of-type,
-td.mat-mdc-cell:last-of-type,
-td.mat-mdc-header-cell:last-of-type {
-    padding-right: 16px !important;
-}
-
-.mat-mdc-tab-link {
-    font-size: 1.286em !important;
-}
-
-.mat-mdc-dialog-container .title-container {
-    color: white;
-    height: 64px !important;
-    padding-top: 0 !important;
-    background-color: mat.get-color-from-palette($main-theme-primary, 900) !important;
-}
-
-.mat-mdc-floating-label {
-    font-size: 1em !important;
-}
-
-.mat-focused .mat-mdc-floating-label {
-    /*change color of label*/
-    color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-}
-
-mat-form-field .mdc-line-ripple {
-    /*change color of underline when focused*/
-    background-color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-}
-
-.mat-mdc-select:focus {
-    .mat-mdc-select-arrow {
-        color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-    }
-}
-
-.mat-mdc-select:active {
-    .mat-mdc-select-arrow {
-        color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-    }
-}
-
-.mat-mdc-select-arrow:active {
-    color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-}
-
-.mat-mdc-select-arrow:focus {
-    color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-}
-
-.mat-mdc-select-trigger {
-    color: mat.get-color-from-palette($main-theme-accent, 900) !important;
-}
-
-.mat-mdc-paginator {
-    background: transparent !important;
-}
-
-.mat-mdc-tab-header-pagination-chevron {
-    border-color: mat.get-color-from-palette($main-theme-primary, 700);
-}
-
-.mat-stepper-horizontal {
-    background-color: transparent !important;
-}
-
-.mat-step-header.cdk-keyboard-focused,
-.mat-step-header.cdk-program-focused,
-.mat-step-header:hover {
-    background-color: rgba(0, 0, 0, 0.04);
-}
-
-@media (hover: none) {
-    .mat-step-header:hover {
-        background: none;
-    }
-}
-
-.mat-step-header .mat-step-label,
-.mat-step-header .mat-step-optional {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.mat-step-header .mat-step-icon {
-    background-color: rgba(0, 0, 0, 0.54);
-    color: white;
-}
-
-.mat-step-header .mat-step-icon-selected,
-.mat-step-header .mat-step-icon-state-done,
-.mat-step-header .mat-step-icon-state-edit {
-    background-color: mat.get-color-from-palette($main-theme-primary, default);
-    color: white;
-}
-
-.mat-step-header .mat-step-icon-state-error {
-    background-color: transparent;
-    color: mat.get-color-from-palette($main-theme-warn, default);
-}
-
-.mat-step-header .mat-step-label.mat-step-label-active {
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.mat-step-header .mat-step-label.mat-step-label-error {
-    color: mat.get-color-from-palette($main-theme-warn, default);
-}