MD WebUI: Add shared cr-toolbar element

ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css

Index: ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css
diff --git a/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css b/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css
index ee849b48841c2bc561d7a2105a2d2a83f7b3ab66..780d38d69d0ce1fe9fa28383aacabb07eeeddacb 100644
--- a/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css
+++ b/ui/webui/resources/cr_elements/cr_search_field/cr_search_field.css
@@ -16,7 +16,7 @@
   width: 100%;
 }
 
-#search-term {
+#searchTerm {
   --paper-input-container-color: rgb(192, 199, 205);
   --paper-input-container-focus-color: rgb(192, 199, 205);
   --paper-input-container-input: {
@@ -29,13 +29,13 @@
   z-index: 0;
 }
 
-#search-term input[type='search']::-webkit-search-decoration,
-#search-term input[type='search']::-webkit-search-cancel-button,
-#search-term input[type='search']::-webkit-search-results-button {
+#searchTerm input[type='search']::-webkit-search-decoration,
+#searchTerm input[type='search']::-webkit-search-cancel-button,
+#searchTerm input[type='search']::-webkit-search-results-button {
   -webkit-appearance: none;
 }
 
-#search-term input[type='search']::-webkit-search-cancel-button {
+#searchTerm input[type='search']::-webkit-search-cancel-button {
   display: block;
   width: 20px;
 }
@@ -50,7 +50,7 @@ paper-icon-button {
   };
 }
 
-#search-term paper-icon-button {
+#searchTerm paper-icon-button {
   --iron-icon-height: 16px;
   --iron-icon-width: 16px;
   --paper-icon-button: {
@@ -65,7 +65,7 @@ paper-icon-button {
   z-index: 1;
 }
 
-:host-context([dir='rtl']) #search-term paper-icon-button {
+:host-context([dir='rtl']) #searchTerm paper-icon-button {
   left: 0;
   right: auto;
 }