[ACS-7973] [ACC] header layout (#9782)

lib/core/src/lib/search-text/search-text-input.component.html

@@ -11,6 +11,7 @@
             <mat-icon [attr.aria-label]="'SEARCH.BUTTON.ARIA-LABEL' | translate">search</mat-icon>
         </button>
         <mat-form-field class="adf-input-form-field-divider" [hintLabel]="hintLabel">
+            <mat-label *ngIf='label'>{{label}}</mat-label>
             <input matInput
                    #searchInput
                    [attr.aria-label]="'SEARCH.INPUT.ARIA-LABEL' | translate"

lib/core/src/lib/search-text/search-text-input.component.ts

@@ -99,6 +99,11 @@ export class SearchTextInputComponent implements OnInit, OnDestroy {
     @Input()
     placeholder: string = '';
 
+
+    /** Label text to show over the input field */
+    @Input()
+    label: string = '';
+
     /** Hint label */
     @Input()
     hintLabel = '';

lib/core/src/lib/styles/_mat-selectors.scss

@@ -1,6 +1,7 @@
 $material-icons: '.material-icons';
 $mat-icon: '.mat-icon';
 $mat-icon-button: '.mat-mdc-icon-button';
+$mat-icon-button-hover: '.mdc-icon-button__ripple';
 $mat-accent: '.mat-accent';
 $mat-focused: '.mat-focused';
 $mat-line: '.mat-line';