up airwatch imports

my-workspace/projects/sae-lib/alert-box/alert-box.scss

@@ -1,22 +1,9 @@
-@use '../src/styles/variables.scss';
-@use '../src/styles/shadows.scss';
-
-.alert {
-  padding: 1rem 2rem;
-  border-radius: shadows.$spacing-1;
-  margin-top: shadows.$spacing-1;
-  margin-bottom: shadows.$spacing-1;
-  text-align: left;
-
+:host {
   i {
-    margin-right: 10px;
+    margin-right: 16px;
+  }
+
+  .close-button {
+    float: right;
   }
 }
-
-
-sae-alert-box {
-  font-size: 12px;
-  padding: 18px;
-  display: inline-block;
-  text-align: left;
-}

my-workspace/projects/sae-lib/alert-box/alert-box.ts

@@ -1,29 +1,19 @@
 import {Component, ElementRef, Input} from '@angular/core';
-import {CommonModule} from '@angular/common';
 
 @Component({
   selector: 'sae-alert-box',
-  standalone: true,
-  imports: [CommonModule],
+  // standalone: true,
+  imports: [],
   templateUrl: './alert-box.html',
   styleUrl: './alert-box.scss'
 })
 export class AlertBox {
   @Input() public message = "";
+  @Input() public alertKind = "warning";
 
   constructor(private host: ElementRef<HTMLElement>) {
   }
 
-  @Input() public _alertKind = "warning";
-
-  get alertKind(): string {
-    return this._alertKind;
-  }
-
-  set alertKind(value: string) {
-    this._alertKind = value;
-  }
-
   // whatEver function name you want to give
   onCloseClicked() {
     this.host.nativeElement.remove();

my-workspace/projects/sae-lib/buttons/main-button/main-button.html

@@ -1,7 +1,4 @@
 <button
-  [ngClass]="{
-  'is-disabled': disabled
-  }"
   class="sae-main-button is-{{kind}} is-size-{{size}}"
 >
 
@@ -18,3 +15,4 @@
     <i class="ri ri-{{icon}}"></i>
   }
 </button>
+

my-workspace/projects/sae-lib/buttons/main-button/main-button.ts

@@ -1,5 +1,5 @@
 import {Component, Input} from '@angular/core';
-import {NgClass} from '@angular/common';
+// import {NgClass} from '@angular/common/directives';
 
 export type ButtonKindType = '' | 'primary' | 'secondary' | 'ghost' | 'link';
 export type ButtonSizeType = '' | 'large' | 'medium' | 'small' | 'extrasm';
@@ -9,7 +9,7 @@ export type inconPositionKindType = '' | 'left' | 'right';
   selector: 'sae-m-button',
   standalone: true,
   imports: [
-    NgClass,
+    // NgClass,
   ],
   templateUrl: './main-button.html',
   styleUrl: './main-button.scss'

my-workspace/projects/sae-lib/filters/filters-group/filters-group.ts

@@ -1,13 +1,13 @@
 import {Component, Input} from '@angular/core';
 import {MultiSelector} from '../../inputs/multi-selector/multi-selector';
-import {NgClass} from '@angular/common';
+import {CommonModule} from '@angular/common';
 
 
 @Component({
   selector: 'sae-filters-group',
   imports: [
     MultiSelector,
-    NgClass
+    CommonModule,
   ],
   templateUrl: './filters-group.html',
   styleUrl: './filters-group.scss'

my-workspace/projects/sae-lib/inputs/multi-selector/multi-selector.ts

@@ -1,10 +1,10 @@
 import {Component, EventEmitter, Input, Output} from '@angular/core';
-import {NgClass} from '@angular/common';
+import {CommonModule} from '@angular/common';
 
 @Component({
   selector: 'sae-multi-selector',
   imports: [
-    NgClass
+    CommonModule
   ],
   templateUrl: './multi-selector.html',
   styleUrl: './multi-selector.scss'