DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/elements/StylesSidebarPane.js

 /*
  * Copyright (C) 2007 Apple Inc.  All rights reserved.
  * Copyright (C) 2009 Joseph Pecoraro
  *
  * Redistribution and use in source and binary forms, with or without
  * modification, are permitted provided that the following conditions
  * are met:
  *
  * 1.  Redistributions of source code must retain the above copyright
  *     notice, this list of conditions and the following disclaimer.
@@ skipping 103 matching lines @@
     return false;
   }
 
   /**
    * @param {string} placeholder
    * @param {!Element} container
    * @param {function(?RegExp)} filterCallback
    * @return {!Element}
    */
   static createPropertyFilterElement(placeholder, container, filterCallback) {
-    var input = createElement('input');
+    var input = createElementWithClass('input', 'default-input');

[pfeldman, 2017/06/01 21:16:56]

Maybe create a UI.createInput method for input that would set harmony-input
class instead?

[luoe, 2017/06/06 00:16:27]

Done.

     input.placeholder = placeholder;
 
     function searchHandler() {
       var regex = input.value ? new RegExp(input.value.escapeForRegExp(), 'i') : null;
       filterCallback(regex);
       container.classList.toggle('styles-filter-engaged', !!input.value);
     }
     input.addEventListener('input', searchHandler, false);
 
     /**
@@ skipping 3007 matching lines @@
   }
 
   /**
    * @override
    * @return {!UI.ToolbarItem}
    */
   item() {
     return this._button;
   }
 };