DevTools: update buttons to new style

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

 // Copyright 2015 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
  */
 UI.ListWidget = class extends UI.VBox {
   /**
    * @param {!UI.ListWidget.Delegate} delegate
    */
@@ skipping 246 matching lines @@
  */
 UI.ListWidget.Editor = class {
   constructor() {
     this.element = createElementWithClass('div', 'editor-container');
     this.element.addEventListener('keydown', onKeyDown.bind(null, isEscKey, this._cancelClicked.bind(this)), false);
     this.element.addEventListener('keydown', onKeyDown.bind(null, isEnterKey, this._commitClicked.bind(this)), false);
 
     this._contentElement = this.element.createChild('div', 'editor-content');
 
     var buttonsRow = this.element.createChild('div', 'editor-buttons');
-    this._commitButton = UI.createTextButton('', this._commitClicked.bind(this));
+    this._commitButton = UI.createTextButton('', this._commitClicked.bind(this), '', true /* primary */);
     buttonsRow.appendChild(this._commitButton);
     this._cancelButton = UI.createTextButton(Common.UIString('Cancel'), this._cancelClicked.bind(this));
     this._cancelButton.addEventListener(
         'keydown', onKeyDown.bind(null, isEnterKey, this._cancelClicked.bind(this)), false);
     buttonsRow.appendChild(this._cancelButton);
 
     /**
      * @param {function(!Event):boolean} predicate
      * @param {function()} callback
      * @param {!Event} event
@@ skipping 23 matching lines @@
   }
 
   /**
    * @return {!Element}
    */
   contentElement() {
     return this._contentElement;
   }
 
   /**
-   * @param {boolean} material
-   */
-  setMaterial(material) {
-    this._commitButton.classList.toggle('material-button', material);
-    this._commitButton.classList.toggle('default', material);
-    this._cancelButton.classList.toggle('material-button', material);
-    this.element.classList.toggle('material', material);
-  }
-
-  /**
    * @param {string} name
    * @param {string} type
    * @param {string} title
    * @param {function(*, number, (!HTMLInputElement|!HTMLSelectElement)):boolean} validator
    * @return {!HTMLInputElement}
    */
   createInput(name, type, title, validator) {
     var input = /** @type {!HTMLInputElement} */ (createElement('input'));
     input.type = type;
     input.placeholder = title;
@@ skipping 82 matching lines @@
 
   _cancelClicked() {
     var cancel = this._cancel;
     this._commit = null;
     this._cancel = null;
     this._item = null;
     this._index = -1;
     cancel();
   }
 };