@apipass/messages 0.2.16 → 1.0.3

package/package.json

@@ -1,26 +1,36 @@
 {
   "name": "@apipass/messages",
-  "version": "0.2.16",
+  "version": "1.0.3",
   "peerDependencies": {
-    "@angular/animations": "^10.0.11",
-    "@angular/cdk": "^10.1.3",
-    "@angular/common": "^10.0.11",
-    "@angular/core": "^10.0.11",
-    "@angular/forms": "^10.0.11"
+    "@angular/animations": "15.0.3",
+    "@angular/cdk": "15.0.3",
+    "@angular/common": "15.0.3",
+    "@angular/core": "15.0.3",
+    "@angular/forms": "15.0.3",
+    "@angular/material": "15.0.3"
   },
   "dependencies": {
-    "@ngx-translate/core": "^13.0.0",
-    "angular2-toaster": "^8.0.0",
+    "@ngx-translate/core": "14.0.0",
     "tslib": "2.0.0"
   },
-  "main": "bundles/apipass-messages.umd.js",
-  "module": "fesm2015/apipass-messages.js",
-  "es2015": "fesm2015/apipass-messages.js",
-  "esm2015": "esm2015/apipass-messages.js",
-  "fesm2015": "fesm2015/apipass-messages.js",
-  "typings": "apipass-messages.d.ts",
-  "sideEffects": false,
-  "scripts": {
-    "prepublishOnly": "node --eval \"console.error('ERROR: Trying to publish a package that has been compiled by Ivy. This is not allowed.\\nPlease delete and rebuild the package, without compiling with Ivy, before attempting to publish.\\n')\" && exit 1"
-  }
-}
+  "module": "fesm2015/apipass-messages.mjs",
+  "es2020": "fesm2020/apipass-messages.mjs",
+  "esm2020": "esm2020/apipass-messages.mjs",
+  "fesm2020": "fesm2020/apipass-messages.mjs",
+  "fesm2015": "fesm2015/apipass-messages.mjs",
+  "typings": "index.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./index.d.ts",
+      "esm2020": "./esm2020/apipass-messages.mjs",
+      "es2020": "./fesm2020/apipass-messages.mjs",
+      "es2015": "./fesm2015/apipass-messages.mjs",
+      "node": "./fesm2015/apipass-messages.mjs",
+      "default": "./fesm2020/apipass-messages.mjs"
+    }
+  },
+  "sideEffects": false
+}

package/public-api.d.ts

@@ -1,4 +1,5 @@
-export * from 'angular2-toaster';
-export * from './messages.service';
-export * from './messages.module';
-export * from './message-box/message-box.component';
+export * from '@angular/material/snack-bar';
+export * from './messages.service';
+export * from './messages.module';
+export * from './message-box/message-box.component';
+export * from './snack-bar/snack-bar.component';

package/snack-bar/snack-bar.component.d.ts

@@ -0,0 +1,9 @@
+import { MatSnackBar } from '@angular/material/snack-bar';
+import * as i0 from "@angular/core";
+export declare class SnackBarComponent {
+    data: any;
+    snackBar: MatSnackBar;
+    constructor(data: any, snackBar: MatSnackBar);
+    static ɵfac: i0.ɵɵFactoryDeclaration<SnackBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SnackBarComponent, "snack-bar", never, {}, {}, never, never, false, never>;
+}

package/assets/css/buttons.scss

@@ -1,118 +0,0 @@
-@import "colors";
-@import "fonts";
-@import "spacing";
-
-/* Buttons */
-.apipass-tab-button {
-  display: flex !important;
-  justify-content: center !important;
-  align-items: center !important;
-  padding: $spacing-tab-button-top $spacing-tab-button-right $spacing-tab-button-bottom $spacing-tab-button-left !important;
-  font-weight: bold;
-  font-size: $base-font-size - 2px;
-  border-radius: 6px 6px 0 0 !important;
-  .mat-button-wrapper, .mat-icon, .button-text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .apipass-btn-icon-text {
-    padding-right: 10px;
-  }
-  .apipass-btn-icon-text-suffix {
-    padding-left: 10px;
-  }
-}
-
-.apipass-btn-default {
-  display: flex !important;
-  justify-content: center !important;
-  align-items: center !important;
-  padding: 0 $spacing-button-right 0 $spacing-button-left !important;
-  font-weight: bold;
-  border-radius: 6px !important;
-  .mat-button-wrapper, .mat-icon, .button-text {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-  }
-  .apipass-btn-icon-text {
-    padding-right: 10px;
-  }
-  .apipass-btn-icon-text-suffix {
-    padding-left: 10px;
-  }
-}
-
-.apipass-btn-primary {
-  background: var(--color-primary);
-  color: #FFF;
-  &:hover, .hover {
-    background: var(--color-primary-hover);
-  }
-  &:active, .active {
-    background: var(--color-primary-active);
-  }
-  &:disabled, .disabled {
-    background: var(--color-tertiary);
-    color: var(--color-fonts-tertiary);
-    border: 1px px solid var(--color-tertiary-hover);
-    cursor: no-drop !important;
-  }
-}
-
-.apipass-btn-secondary {
-  background: var(--color-secondary);
-  color: var(--color-primary);
-  &:hover, .hover {
-    background: var(--color-secondary-hover);
-  }
-  &:active, .active {
-    background: var(--color-secondary-active);
-  }
-  &:disabled, .disabled {
-    background: var(--color-tertiary);
-    color: var(--color-fonts-tertiary);
-    border: 1px px solid var(--color-tertiary-hover);
-    cursor: no-drop !important;
-  }
-}
-
-.apipass-btn-tertiary {
-  background: var(--color-tertiary);
-  color: var(--color-primary);
-  padding: 15px !important;
-  border: 1px solid var(--color-tertiary-hover);
-  &:hover, .hover {
-    background: var(--color-tertiary-hover);
-  }
-  &:active, .active {
-    background: var(--color-tertiary-active);
-  }
-  &:disabled, .disabled {
-    background: var(--color-tertiary);
-    color: var(--color-fonts-tertiary);
-    border: 1px px solid var(--color-tertiary-hover);
-    cursor: no-drop !important;
-  }
-}
-
-.apipass-btn-outline {
-  color: var(--color-fonts-tertiary);
-  &.remove-button {
-    color: var(--color-red);
-  }
-  &:hover, .hover {
-    background: var(--color-tertiary-hover);
-  }
-  &:active, .active {
-    background: var(--color-tertiary-active);
-  }
-  &:disabled, .disabled {
-    background: var(--color-tertiary);
-    color: var(--color-fonts-tertiary);
-    border: 1px px solid var(--color-tertiary-hover);
-    cursor: no-drop !important;
-  }
-}
-

package/assets/css/fonts.scss

@@ -1,24 +0,0 @@
-$base-font-size: 14px;
-$base-input-font-size: $base-font-size;
-
-@import "pt_sans";
-
-.text-primary {
-  color: var(--color-primary) !important;
-}
-
-.text-secondary {
-  color: var(--color-secondary) !important;
-}
-
-.text-tertiary {
-  color: var(--color-fonts-tertiary) !important;
-}
-
-.text-weight-bold {
-  font-weight: bold !important;
-}
-
-.text-weight-normal {
-  font-weight: normal !important;
-}

package/assets/css/inputs.scss

@@ -1,197 +0,0 @@
-@import "colors";
-@import "fonts";
-@import "spacing";
-
-/* Default Inputs */
-.mat-input-underline, .mat-form-field-underline {
-  display: none;
-}
-
-.mat-form-field-appearance-fill .mat-form-field-flex {
-  display: flex!important;
-  align-items: center!important;
-  border: 1px solid var(--color-inputs-border) !important;
-  background: var(--color-inputs-background) !important;
-  border-radius: 6px !important;
-}
-
-.mat-form-field-infix {
-  padding: 0 !important;
-  display: flex!important;
-  align-items: center!important;
-  border-top: none!important;
-}
-
-.mat-select-arrow-wrapper {
-  display: flex!important;
-}
-
-.mat-icon-button {
-  width: auto!important;
-}
-
-.no-border {
-  .mat-form-field-flex {
-    border: none !important;
-    input {
-      padding: 1px;
-    }
-  }
-}
-
-.mat-form-field-label-wrapper {
-  top: -10px;
-}
-
-.mat-form-field-should-float .mat-form-field-label-wrapper {
-  font-size: $base-font-size;
-}
-
-.placeholder-primary {
-  .mat-form-field-label-wrapper {
-    color: var(--color-primary) !important;
-    label {
-      color: var(--color-primary) !important;
-    }
-  }
-  ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
-    color: var(--color-primary) !important;
-  }
-  ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder  {
-    color: var(--color-primary) !important;
-  }
-  input {
-    ::-webkit-input-placeholder { /* Edge */
-      color: var(--color-primary) !important;
-    }
-    :-ms-input-placeholder { /* Internet Explorer 10-11 */
-      color: var(--color-primary) !important;
-    }
-    ::placeholder {
-      color: var(--color-primary) !important;
-    }
-  }
-}
-
-.placeholder-bold {
-  .mat-form-field-label-wrapper {
-    font-weight: bold !important;
-    label {
-      font-weight: bold !important;
-    }
-  }
-  ::ng-deep .mat-form-field-placeholder, .mat-form-field-placeholder {
-    font-weight: bold !important;
-  }
-  ::ng-deep .mat-focused .mat-form-field-placeholder, .mat-focused .mat-form-field-placeholder {
-    font-weight: bold !important;
-  }
-  input {
-    ::-webkit-input-placeholder { /* Edge */
-      font-weight: bold !important;
-    }
-    :-ms-input-placeholder { /* Internet Explorer 10-11 */
-      font-weight: bold !important;
-    }
-    ::placeholder {
-      font-weight: bold !important;
-    }
-  }
-}
-
-/* Inputs */
-.apipass-input-text {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: $spacing-input-top $spacing-input-right $spacing-input-bottom $spacing-input-left !important;
-  }
-}
-
-.apipass-input-text,
-.apipass-search-input-text,
-.custom-select-component,
-.apipass-select,
-.apipass-date-filter {
-
-  .mat-form-field-wrapper {
-    padding: 0 !important;
-  }
-  .mat-icon-button {
-    width: auto!important;
-    height: auto!important;
-  }
-
-  &.label-input {
-    .mat-form-field-label-wrapper {
-      padding-top: 0;
-      top: auto !important;
-    }
-    input {
-      padding-top: 10px !important;
-      padding-bottom: 5px !important;
-    }
-  }
-  &.mat-form-field-should-float {
-    .mat-form-field-label-wrapper {
-      padding-top: 0 !important;
-      margin-top: -10px !important;
-    }
-  }
-
-}
-
-
-.apipass-search-input-text {
-  width: 100%;
-
-  &.small-text {
-    font-size: $base-font-size - 2px;
-  }
-  .mat-form-field-flex {
-    padding: 2px 5px 2px 2px !important;
-    border-top: none !important;
-    border-left: none !important;
-    border-right: none !important;
-    border-radius: 0 !important;
-  }
-  .search-icon {
-    margin-top: -5px !important;
-  }
-
-}
-
-.custom-select-component {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: 1px $spacing-input-right 1px $spacing-input-left !important;
-  }
-}
-
-.apipass-select {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: $spacing-select-top $spacing-select-right $spacing-select-bottom $spacing-select-left !important;
-  }
-  &.label-input {
-    .mat-form-field-infix {
-      padding-top: 7px !important;
-      padding-bottom: 7px !important;
-    }
-  }
-}
-
-.apipass-date-filter {
-  width: 100%;
-  .mat-form-field-flex {
-    padding: $spacing-date-filter-top $spacing-date-filter-right $spacing-date-filter-bottom $spacing-date-filter-left !important;
-  }
-  .mat-form-field-suffix {
-    span {
-      cursor: pointer;
-      color: #777;
-    }
-  }
-  .mat-form-field-wrapper {
-    padding-bottom: 0 !important;
-  }
-}