DevTools: update text inputs to new style

third_party/WebKit/Source/devtools/front_end/ui/UIUtils.js

 /*
  * Copyright (C) 2011 Google Inc.  All rights reserved.
  * Copyright (C) 2006, 2007, 2008 Apple Inc.  All rights reserved.
  * Copyright (C) 2007 Matt Lilek (pewtermoose@gmail.com).
  * 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:
  *
@@ skipping 1163 matching lines @@
  */
 UI.createTextButton = function(text, clickHandler, className) {
   var element = createElementWithClass('button', className || '', 'text-button');
   element.textContent = text;
   if (clickHandler)
     element.addEventListener('click', clickHandler, false);
   return element;
 };
 
 /**
+ * @param {string=} className
+ * @param {string=} type
+ * @return {!Element}
+ */
+UI.createInput = function(className, type) {
+  var element = createElementWithClass('input', className || '');
+  element.classList.add('harmony-input');
+  if (type)
+    element.type = type;
+  return element;
+};
+
+/**
  * @param {string} name
  * @param {string} title
  * @param {boolean=} checked
  * @return {!Element}
  */
 UI.createRadioLabel = function(name, title, checked) {
   var element = createElement('label', 'dt-radio');
   element.radioElement.name = name;
   element.radioElement.checked = !!checked;
   element.createTextChild(title);
@@ skipping 842 matching lines @@
  */
 UI.createInlineButton = function(toolbarButton) {
   var element = createElement('span');
   var shadowRoot = UI.createShadowRootWithCoreStyles(element, 'ui/inlineButton.css');
   element.classList.add('inline-button');
   var toolbar = new UI.Toolbar('');
   toolbar.appendToolbarItem(toolbarButton);
   shadowRoot.appendChild(toolbar.element);
   return element;
 };