[ADF-1238] Removed mdl from alfresco search component (#2309)

* [ADF-1328] removed mdl from adf search

* [ADF-11328] removed mdl from search added theme style

* Fix failing tests

* Fix the last bit of stylings

demo-shell-ng2/app/app.component.html

@@ -9,7 +9,7 @@
 
     <div class="app-menu--spacer"></div>
 
-    <search-bar (expand)="onToggleSearch($event)"></search-bar>
+    <search-bar></search-bar>
 
     <a md-button data-automation-id="home" href="" routerLink="/">Home</a>
     <a md-button data-automation-id="files" href="" routerLink="/files">Content Services</a>

demo-shell-ng2/app/app.component.ts

@@ -71,16 +71,6 @@ export class AppComponent {
         this.router.navigate(['/login']);
     }
 
-    onToggleSearch(event) {
-        let expandedHeaderClass = 'header-search-expanded',
-            header = document.querySelector('header');
-        if (event.expanded) {
-            header.classList.add(expandedHeaderClass);
-        } else {
-            header.classList.remove(expandedHeaderClass);
-        }
-    }
-
     changeLanguage(lang: string) {
         this.translateService.use(lang);
     }

demo-shell-ng2/app/theme.scss

@@ -10,6 +10,7 @@
 @import '~ng2-alfresco-login/styles/index';
 @import '~ng2-alfresco-upload/styles/index';
 @import '~ng2-alfresco-userinfo/styles/index';
+@import '~ng2-alfresco-search/styles/index';
 
 
 @include mat-core();
@@ -32,3 +33,4 @@ $theme:   mat-light-theme($primary, $accent, $warn);
 @include alfresco-login-theme($theme);
 @include alfresco-upload-theme($theme);
 @include alfresco-userinfo-theme($theme);
+@include alfresco-search-theme($theme);