feat(button): rebase branch with #1156 and revert the modifier class …

…change
material-components · Aug 19, 2017 · f3a98a1 · f3a98a1
1 parent 7704cfb
commit f3a98a1
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 9 deletions.
diff --git 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
@@ -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.             |