Estilo

@salix/core/src/button/button.mdl.js

@@ -11,7 +11,7 @@ export function factory() {
         template: template,
         default: {
             label: 'Submit',
-            className: 'mdl-button mdl-js-button mdl-button--raised',
+            className: 'mdl-button mdl-js-button mdl-button--raised mdl-button--colored',
             enabled: 'true',
             typeName: 'button'
         }

@salix/core/src/icon-button/icon-button.mdl.html

@@ -1,3 +1,3 @@
-<button class="mdl-button mdl-js-button mdl-button--raised *[className]*" *[enabled]*>
+<button class="mdl-button mdl-js-button mdl-button--raised mdl-button--colored *[className]*" *[enabled]*>
     <vn-icon icon="*[icon]*"></vn-icon>*[label]*
 </button>

@salix/core/src/mdl-override.css

@@ -6,25 +6,18 @@
     bottom: 10px;
 }
 
-.mdl-button--raised {
+/* TODO: No utilizar !important */
+.mdl-button {
     font-weight: bolder;
-    color: white;
 }
-.mdl-button--raised,
-.mdl-button--raised:focus,
-.mdl-button--raised:active {
-    background-color: #ff9400 !important;
+.mdl-button--colored {
+    color: white !important;
 }
-
-.mdl-button--icon {
-    background-color: #ff9400;
-    font-weight: bolder;
-    color: white;
+.mdl-button--colored,
+.mdl-button--colored:focus,
+.mdl-button--colored:active {
+    background-color: #ffa410 !important;
 }
-.mdl-button--icon:hover {
-    background-color: #ffa410;
+.mdl-button--colored:hover {
+    background-color: #ffa410 !important;
 }
-
-.mdl-button--raised:hover {
-    background-color: #ffa410;
-}

@salix/core/src/submit/submit.mdl.js

@@ -8,7 +8,7 @@ export function factory() {
         template: template,
         default: {
             label: 'Submit',
-            className: 'mdl-button mdl-js-button mdl-button--raised',
+            className: 'mdl-button mdl-js-button mdl-button--raised mdl-button--colored',
             enabled: 'true'
         }
     }