@onemrvapublic/design-system 18.3.0-develop.1 → 19.0.0-develop.1

package/mat-badge/src/onemrva-mat-badge.component.scss

@@ -1,157 +0,0 @@
-@use '../../utils';
-
-@mixin badge($theme) {
-  .mat-badge {
-    &.mat-badge-accent {
-      .mat-badge-content {
-        background-color: utils.gradient($theme);
-      }
-    }
-    &.mat-badge-info {
-      .mat-badge-content {
-        background-color: utils.palette($theme, 'info');
-      }
-    }
-    &.mat-badge-success {
-      .mat-badge-content {
-        background-color: utils.palette($theme, 'success');
-      }
-    }
-    &.mat-badge-error {
-      .mat-badge-content {
-        background-color: utils.palette($theme, 'error');
-      }
-    }
-    &.mat-badge-grayscale {
-      .mat-badge-content {
-        background-color: utils.palette($theme, 'grayscale');
-      }
-    }
-    .mat-badge-content {
-      border: 2px solid white;
-    }
-  }
-  onemrva-mat-avatar + .mat-badge-content {
-  }
-  .mat-badge-icon {
-    .mat-badge-content {
-      //noinspection CssNoGenericFontName
-      font-family: 'Material Icons';
-      font-weight: 300;
-      font-variation-settings:
-        'FILL' 0,
-        'wght' 300,
-        'GRAD' 0,
-        'opsz' 48;
-    }
-  }
-
-  .mat-badge-content {
-    font-family: utils.fontFamily($theme, 'headline-1');
-    font-weight: 300;
-  }
-  .mat-badge-small {
-    width: 15px;
-    height: 15px;
-    &.mat-badge-icon {
-      .mat-badge-content {
-        font-size: 12px;
-      }
-    }
-    .mat-badge-content {
-      font-size: 7px;
-      min-width: 15px;
-      width: 15px;
-      height: 15px;
-      line-height: 15px;
-    }
-    &.mat-badge-before {
-      onemrva-mat-avatar + .mat-badge-content {
-        left: 12px;
-      }
-    }
-    &.mat-badge-after {
-      onemrva-mat-avatar + .mat-badge-content {
-        right: 12px;
-      }
-    }
-    &.mat-badge-above {
-      onemrva-mat-avatar + .mat-badge-content {
-        top: -14px;
-      }
-    }
-    &.mat-badge-below {
-      onemrva-mat-avatar + .mat-badge-content {
-        bottom: -22px;
-      }
-    }
-  }
-  .mat-badge-medium {
-    width: 20px;
-    height: 20px;
-    &.mat-badge-icon {
-      .mat-badge-content {
-        font-size: 16px;
-      }
-    }
-    .mat-badge-content {
-      font-size: 10px;
-      min-width: 20px;
-      width: 20px;
-      height: 20px;
-      line-height: 20px;
-    }
-    &.mat-badge-before {
-      onemrva-mat-avatar + .mat-badge-content {
-        left: 12px;
-      }
-    }
-    &.mat-badge-after {
-      onemrva-mat-avatar + .mat-badge-content {
-        right: 12px;
-      }
-    }
-    &.mat-badge-above {
-      onemrva-mat-avatar + .mat-badge-content {
-        top: -26px;
-      }
-    }
-    &.mat-badge-below {
-      onemrva-mat-avatar + .mat-badge-content {
-        bottom: -30px;
-      }
-    }
-  }
-  .mat-badge-large {
-    min-width: 30px;
-    height: 30px;
-    .mat-badge-content {
-      font-size: 14px !important;
-    }
-    &.mat-badge-icon {
-      .mat-badge-content {
-        font-size: 22px;
-      }
-    }
-    &.mat-badge-before {
-      onemrva-mat-avatar + .mat-badge-content {
-        left: 20px;
-      }
-    }
-    &.mat-badge-after {
-      onemrva-mat-avatar + .mat-badge-content {
-        right: 20px;
-      }
-    }
-    &.mat-badge-above {
-      onemrva-mat-avatar + .mat-badge-content {
-        top: -50px;
-      }
-    }
-    &.mat-badge-below {
-      onemrva-mat-avatar + .mat-badge-content {
-        bottom: -50px;
-      }
-    }
-  }
-}

package/mat-badge/src/onemrva-mat-badge.module.d.ts

@@ -1,7 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./onemrva-mat-badge.component";
-export declare class OnemrvaMatBadgeModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaMatBadgeModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<OnemrvaMatBadgeModule, [typeof i1.OnemrvaMatBadgeDirective], never, [typeof i1.OnemrvaMatBadgeDirective]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<OnemrvaMatBadgeModule>;
-}