From f3a98a1d1399ccdbe90d0608a0bfd270e5d9afef Mon Sep 17 00:00:00 2001
From: Yiran Mao <yiranm@google.com>
Date: Fri, 18 Aug 2017 23:25:25 -0400
Subject: [PATCH] feat(button): rebase branch with #1156 and revert the
 modifier class change

---
 demos/button.html             | 12 ++++++------
 packages/mdc-button/README.md |  6 +++---
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/demos/button.html b/demos/button.html
index dbe57da65ea..d4027334d59 100644
--- a/demos/button.html
+++ b/demos/button.html
@@ -128,7 +128,7 @@ <h1 class="mdc-typography--display2">Ripple Enabled</h1>
             <button class="mdc-button mdc-button--primary">
               Primary
             </button>
-            <button class="mdc-button mdc-button--secondary">
+            <button class="mdc-button mdc-button--accent">
               Secondary
             </button>
           </div>
@@ -155,7 +155,7 @@ <h1 class="mdc-typography--display2">Ripple Enabled</h1>
             <button class="mdc-button mdc-button--raised mdc-button--primary">
               Primary
             </button>
-            <button class="mdc-button mdc-button--raised mdc-button--secondary">
+            <button class="mdc-button mdc-button--raised mdc-button--accent">
               Secondary
             </button>
           </div>
@@ -182,7 +182,7 @@ <h1 class="mdc-typography--display2">Ripple Enabled</h1>
             <button class="mdc-button mdc-button--unelevated mdc-button--primary">
               Primary
             </button>
-            <button class="mdc-button mdc-button--unelevated mdc-button--secondary">
+            <button class="mdc-button mdc-button--unelevated mdc-button--accent">
               Secondary
             </button>
           </div>
@@ -210,7 +210,7 @@ <h1 class="mdc-typography--display2">CSS Only</h1>
             <button class="mdc-button mdc-button--primary" data-demo-no-js>
               Primary
             </button>
-            <button class="mdc-button mdc-button--secondary" data-demo-no-js>
+            <button class="mdc-button mdc-button--accent" data-demo-no-js>
               Secondary
             </button>
           </div>
@@ -237,7 +237,7 @@ <h1 class="mdc-typography--display2">CSS Only</h1>
             <button class="mdc-button mdc-button--raised mdc-button--primary" data-demo-no-js>
               Primary
             </button>
-            <button class="mdc-button mdc-button--raised mdc-button--secondary" data-demo-no-js>
+            <button class="mdc-button mdc-button--raised mdc-button--accent" data-demo-no-js>
               Secondary
             </button>
           </div>
@@ -264,7 +264,7 @@ <h1 class="mdc-typography--display2">CSS Only</h1>
             <button class="mdc-button mdc-button--unelevated mdc-button--primary" data-demo-no-js>
               Primary
             </button>
-            <button class="mdc-button mdc-button--unelevated mdc-button--secondary" data-demo-no-js>
+            <button class="mdc-button mdc-button--unelevated mdc-button--accent" data-demo-no-js>
               Secondary
             </button>
           </div>
diff --git a/packages/mdc-button/README.md b/packages/mdc-button/README.md
index 791ef714356..97defad4017 100644
--- a/packages/mdc-button/README.md
+++ b/packages/mdc-button/README.md
@@ -89,10 +89,10 @@ with and have no visual interaction effect.
 
 MDC Buttons have a default baseline color, but it is also possible to adopt the
 application's primary or secondary color by adding the `mdc-button--primary` or
-`mdc-button--secondary` modifier.
+`mdc-button--accent` modifier.
 
 ```html
-<button class="mdc-button mdc-button--secondary">
+<button class="mdc-button mdc-button--accent">
   Colored button
 </button>
 ```
@@ -137,4 +137,4 @@ The provided modifiers are:
 | `mdc-button--dense`   | Compresses the button text to make it slightly smaller. |
 | `mdc-button--compact` | Reduces the amount of horizontal padding in the button. |
 | `mdc-button--primary` | Colors the button with the primary color.               |
-| `mdc-button--secondary`  | Colors the button with the secondary color.             |
+| `mdc-button--accent`  | Colors the button with the secondary color.             |