WebUI[MD-refresh]: replace paper-input with cr-input in cert-manager elements.

Bug: 832177
Cq-Include-Trybots: master.tryserver.chromium.linux:closure_compilation
Change-Id: Iac35742ffba55c0645a67f6a84813643076bd0e7
Reviewed-on: https://chromium-review.googlesource.com/1090003
Commit-Queue: Scott Chen <scottchen@chromium.org>
Reviewed-by: Demetrios Papadopoulos <dpapad@chromium.org>
Cr-Commit-Position: refs/heads/master@{#565760}

chrome/test/data/webui/settings/certificate_manager_test.js

@@ -358,7 +358,7 @@ cr.define('certificate_manager', function() {
 
     test('EncryptSuccess', function() {
       const passwordInputElements =
-          Polymer.dom(dialog.$.dialog).querySelectorAll('paper-input');
+          Polymer.dom(dialog.$.dialog).querySelectorAll('cr-input');
       const passwordInputElement = passwordInputElements[0];
       const confirmPasswordInputElement = passwordInputElements[1];
 
@@ -393,7 +393,7 @@ cr.define('certificate_manager', function() {
       browserProxy.forceCertificatesError();
 
       const passwordInputElements =
-          Polymer.dom(dialog.$.dialog).querySelectorAll('paper-input');
+          Polymer.dom(dialog.$.dialog).querySelectorAll('cr-input');
       const passwordInputElement = passwordInputElements[0];
       passwordInputElement.value = 'foopassword';
       const confirmPasswordInputElement = passwordInputElements[1];
@@ -434,7 +434,7 @@ cr.define('certificate_manager', function() {
 
     test('DecryptSuccess', function() {
       const passwordInputElement =
-          Polymer.dom(dialog.$.dialog).querySelector('paper-input');
+          Polymer.dom(dialog.$.dialog).querySelector('cr-input');
       assertTrue(dialog.$.dialog.open);
 
       // Test that the 'OK' button is enabled even when the password field is
@@ -459,7 +459,7 @@ cr.define('certificate_manager', function() {
       browserProxy.forceCertificatesError();
       // Simulate entering some password.
       const passwordInputElement =
-          Polymer.dom(dialog.$.dialog).querySelector('paper-input');
+          Polymer.dom(dialog.$.dialog).querySelector('cr-input');
       passwordInputElement.value = 'foopassword';
       triggerInputEvent(passwordInputElement);
 

ui/webui/resources/cr_components/certificate_manager/certificate_password_decryption_dialog.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="certificate_shared_css.html">
 <link rel="import" href="certificates_browser_proxy.html">
 
 <dom-module id="certificate-password-decryption-dialog">
   <template>
-    <style include="certificate-shared"></style>
+    <style include="certificate-shared">
+      cr-input {
+        --cr-input-error-display: none;
+      }
+    </style>
     <cr-dialog id="dialog" close-text="[[i18n('close')]]">
       <div slot="title">
         [[i18n('certificateManagerDecryptPasswordTitle')]]
       </div>
       <div slot="body">
-        <paper-input type="password" id="password"
+        <cr-input type="password" id="password"
             label="[[i18n('certificateManagerPassword')]]"
             value="{{password_}}">
-        </paper-input>
+        </cr-input>
       </div>
       <div slot="button-container">
         <paper-button class="cancel-button" on-tap="onCancelTap_">

ui/webui/resources/cr_components/certificate_manager/certificate_password_encryption_dialog.html

 <link rel="import" href="chrome://resources/html/polymer.html">
 
 <link rel="import" href="chrome://resources/cr_elements/cr_dialog/cr_dialog.html">
+<link rel="import" href="chrome://resources/cr_elements/cr_input/cr_input.html">
+<link rel="import" href="chrome://resources/cr_elements/shared_vars_css.html">
 <link rel="import" href="chrome://resources/html/i18n_behavior.html">
 <link rel="import" href="chrome://resources/polymer/v1_0/paper-button/paper-button.html">
-<link rel="import" href="chrome://resources/polymer/v1_0/paper-input/paper-input.html">
 <link rel="import" href="certificate_shared_css.html">
 <link rel="import" href="certificates_browser_proxy.html">
 
 <dom-module id="certificate-password-encryption-dialog">
   <template>
     <style include="certificate-shared">
+      cr-input {
+        --cr-input-error-display: none;
+        margin-top: var(--cr-form-field-bottom-spacing);
+      }
+
       .password-buttons {
         margin-bottom: 20px;
       }
@@ -21,13 +27,13 @@
       <div slot="body">
         <div>[[i18n('certificateManagerEncryptPasswordDescription')]]</div>
         <div class="password-buttons">
-          <paper-input type="password" value="{{password_}}" id="password"
+          <cr-input type="password" value="{{password_}}" id="password"
               label="[[i18n('certificateManagerPassword')]]"
-              on-input="validate_"></paper-input>
-          <paper-input type="password"
+              on-input="validate_"></cr-input>
+          <cr-input type="password"
               value="{{confirmPassword_}}" id="confirmPassword"
               label="[[i18n('certificateManagerConfirmPassword')]]"
-              on-input="validate_"></paper-input>
+              on-input="validate_"></cr-input>
         </div>
       </div>
       <div slot="button-container">