Roll Polymer

third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html

Index: third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html
diff --git a/third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html b/third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html
index 43b2dce0e754429467536ba434ed8332312db126..61a7bf0bfac7e4676dac5dc69a1e91e3f6229670 100644
--- a/third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html
+++ b/third_party/polymer/v1_0/components-chromium/paper-toggle-button/paper-toggle-button.html
@@ -34,6 +34,9 @@ Custom property | Description | Default
 `--paper-toggle-button-checked-bar-color` | Slider button color when the input is checked | `--primary-color`
 `--paper-toggle-button-checked-button-color` | Button color when the input is checked | `--primary-color`
 `--paper-toggle-button-checked-ink-color` | Selected/focus ripple color when the input is checked | `--primary-color`
+`--paper-toggle-button-invalid-bar-color` | Slider button color when the input is invalid | `--error-color`
+`--paper-toggle-button-invalid-button-color` | Button color when the input is invalid | `--error-color`
+`--paper-toggle-button-invalid-ink-color` | Selected/focus ripple color when the input is invalid | `--error-color`
 `--paper-toggle-button-unchecked-bar` | Mixin applied to the slider when the input is not checked | `{}`
 `--paper-toggle-button-unchecked-button` | Mixin applied to the slider button when the input is not checked | `{}`
 `--paper-toggle-button-checked-bar` | Mixin applied to the slider when the input is checked | `{}`
@@ -166,6 +169,19 @@ In order to apply the `Roboto` font to this element, make sure you've imported `
         pointer-events: none;
         color: var(--paper-toggle-button-label-color, --primary-text-color);
       }
+
+      /* invalid state */
+      :host([invalid]) .toggle-bar {
+        background-color: var(--paper-toggle-button-invalid-bar-color, --error-color);
+      }
+
+      :host([invalid]) .toggle-button {
+        background-color: var(--paper-toggle-button-invalid-button-color, --error-color);
+      }
+
+      :host([invalid]) .toggle-ink {
+        color: var(--paper-toggle-button-invalid-ink-color, --error-color);
+      }
     </style>
 
     <div class="toggle-container">