Merge branch 'main' into not_found_page_design_change

Author: alok-traceable

package-lock.json

@@ -92,7 +92,7 @@
     "@types/lodash-es": "^4.17.4",
     "@types/node": "^15.12.5",
     "@types/uuid": "^8.3.1",
-    "@types/webpack-env": "^1.14.0",
+    "@types/webpack-env": "^1.16.2",
     "codelyzer": "^6.0.2",
     "commitizen": "^4.2.4",
     "cz-conventional-changelog": "^3.3.0",

package.json

@@ -12,8 +12,6 @@ import { EMPTY, Observable } from 'rxjs';
     <a
       *htLetAsync="this.navData$ as navData"
       class="ht-link"
-      target="{{ this.openInNewTab ? '_blank' : '' }}"
-      rel="noopener noreferrer"
       [ngClass]="{ disabled: this.disabled || !navData }"
       [routerLink]="navData?.path"
       [queryParams]="navData?.extras?.queryParams"
@@ -29,9 +27,6 @@ export class LinkComponent implements OnChanges {
   @Input()
   public paramsOrUrl?: NavigationParams | string | null;
 
-  @Input()
-  public openInNewTab?: boolean;
-
   @Input()
   public disabled?: boolean;
 

projects/components/src/link/link.component.ts

@@ -68,7 +68,7 @@
     .selected-row {
       .backdrop {
         fill-opacity: 100;
-        fill: $blue-1;
+        fill: $gray-1;
       }
 
       .backdrop-border-top {

projects/components/src/sequence/sequence-chart.component.scss

@@ -48,7 +48,7 @@ $header-height: 32px;
   }
 
   &.selected-row {
-    background: $blue-1;
+    background: $gray-1;
     border-bottom: 1px solid $blue-2;
     border-top: 1px solid $blue-2;
 

projects/components/src/table/table.component.scss

@@ -25,12 +25,12 @@
     @include card-hover();
 
     &.selected-card {
-      background: $blue-1;
+      background: $gray-1;
       border: 1px solid $blue-2;
 
       &.grouped-style {
         margin-bottom: 8px;
-        @include grouped-style($blue-1);
+        @include grouped-style($gray-1);
       }
 
       &:hover {