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();