[AAE-534] Search - extract search text input from SearchControlComponent (#5213)

* [AAE-534] - add search cloud component

* change doc file

* more changes on doc file

* remove empty scss file

* add animation and more customizations

* add preselect value property

* fix unit tests

* [AAE-534] Search - extract search text input from SearchControlComponent

* rename component and fix build

* fix import scss and lint

* change in doc files

* PR changes

* more changes

* add return type

* fix unit test

lib/core/search-text/search-text-input.component.scss

@@ -0,0 +1,46 @@
+@mixin adf-search-text-input-theme($theme) {
+    $background: map-get($theme, background);
+    $foreground: map-get($theme, foreground);
+    $primary: map-get($theme, primary);
+    $accent: map-get($theme, accent);
+    $mat-menu-border-radius: 2px !default;
+    $mat-menu-overlay-min-width: 112px !default;   // 56 * 2
+    $mat-menu-overlay-max-width: 280px !default;   // 56 * 5
+
+    .adf-search-container {
+        overflow: hidden !important;
+    }
+
+    .adf-search-button {
+        left: -13px;
+    }
+
+    [dir='rtl'] .adf-search-button {
+        right: -13px;
+    }
+
+    [dir='ltr'] .adf-search-button {
+        left: -13px;
+    }
+
+    .adf {
+
+        &-search-fixed-text {
+            line-height: normal;
+        }
+
+        &-input-form-field-divider {
+            .mat-form-field-underline {
+                background-color: mat-color($primary, 50);
+                .mat-form-field-ripple {
+                    background-color: mat-color($primary, 50);
+                }
+            }
+            font-size: 16px;
+        }
+    }
+
+    .adf-highlight {
+        color: mat-color($primary, 900);
+    }
+}