DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/persistence/WorkspaceSettingsTab.js

 // Copyright 2017 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 /**
  * @unrestricted
  */
 Persistence.WorkspaceSettingsTab = class extends UI.VBox {
   constructor() {
     super();
@@ skipping 39 matching lines @@
       this._addItem(fileSystems[i]);
   }
 
   /**
    * @return {!Element}
    */
   _createFolderExcludePatternInput() {
     var p = createElement('p');
     var labelElement = p.createChild('label');
     labelElement.textContent = Common.UIString('Folder exclude pattern');
-    var inputElement = p.createChild('input');
-    inputElement.type = 'text';
+    var inputElement = UI.createInput('', 'text');
+    p.appendChild(inputElement);
     inputElement.style.width = '270px';
     var folderExcludeSetting = Persistence.isolatedFileSystemManager.workspaceFolderExcludePatternSetting();
     var setValue =
         UI.bindInput(inputElement, folderExcludeSetting.set.bind(folderExcludeSetting), regexValidator, false);
     folderExcludeSetting.addChangeListener(() => setValue.call(null, folderExcludeSetting.get()));
     setValue(folderExcludeSetting.get());
     return p;
 
     /**
      * @param {string} value
@@ skipping 75 matching lines @@
       this._mappingViewByPath.delete(fileSystem.path());
     }
 
     var element = this._elementByPath.get(fileSystem.path());
     if (element) {
       this._elementByPath.delete(fileSystem.path());
       element.remove();
     }
   }
 };