remove color mixin

Author: mansona

addon/components/paper-button.js

@@ -6,7 +6,6 @@ import { reads } from '@ember/object/computed';
 
 import Component from '@ember/component';
 import FocusableMixin from 'ember-paper/mixins/focusable-mixin';
-import ColorMixin from 'ember-paper/mixins/color-mixin';
 import ProxiableMixin from 'ember-paper/mixins/proxiable-mixin';
 import { invokeAction } from 'ember-paper/utils/invoke-action';
 
@@ -17,9 +16,15 @@ import { invokeAction } from 'ember-paper/utils/invoke-action';
  * @uses ColorMixin
  * @uses ProxiableMixin
  */
-export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
+export default Component.extend(FocusableMixin, ProxiableMixin, {
   tagName: 'button',
-  classNames: ['md-default-theme', 'md-button'],
+  classNames: [
+    'md-default-theme',
+    'md-button',
+    'warn:md-warn',
+    'accent:md-accent',
+    'primary:md-primary',
+  ],
   raised: false,
   iconButton: false,
 

addon/components/paper-checkbox.js

@@ -9,7 +9,6 @@ import { not, and } from '@ember/object/computed';
 import Component from '@ember/component';
 import { assert } from '@ember/debug';
 import FocusableMixin from 'ember-paper/mixins/focusable-mixin';
-import ColorMixin from 'ember-paper/mixins/color-mixin';
 import ProxiableMixin from 'ember-paper/mixins/proxiable-mixin';
 import { invokeAction } from 'ember-paper/utils/invoke-action';
 /**
@@ -19,10 +18,16 @@ import { invokeAction } from 'ember-paper/utils/invoke-action';
  * @uses ColorMixin
  * @uses ProxiableMixin
  */
-export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
+export default Component.extend(FocusableMixin, ProxiableMixin, {
   tagName: 'md-checkbox',
   classNames: ['md-checkbox', 'md-default-theme'],
-  classNameBindings: ['isChecked:md-checked', 'indeterminate:md-indeterminate'],
+  classNameBindings: [
+    'isChecked:md-checked',
+    'indeterminate:md-indeterminate',
+    'warn:md-warn',
+    'accent:md-accent',
+    'primary:md-primary',
+  ],
 
   attributeBindings: [
     'role:role',

addon/components/paper-icon.js

@@ -1,4 +1,4 @@
-/* eslint-disable ember/no-classic-components, ember/no-get-with-default, ember/no-mixins, ember/require-tagless-components */
+/* eslint-disable ember/no-classic-components, ember/no-get-with-default, ember/require-tagless-components */
 /**
  * @module ember-paper
  */
@@ -8,17 +8,20 @@ import { computed } from '@ember/object';
 import { reads } from '@ember/object/computed';
 import { htmlSafe } from '@ember/string';
 
-import ColorMixin from 'ember-paper/mixins/color-mixin';
-
 /**
  * @class PaperIcon
  * @extends Ember.Component
  * @uses ColorMixin
  */
-let PaperIconComponent = Component.extend(ColorMixin, {
+let PaperIconComponent = Component.extend({
   tagName: 'md-icon',
   classNames: ['paper-icon', 'md-font', 'material-icons', 'md-default-theme'],
-  classNameBindings: ['spinClass'],
+  classNameBindings: [
+    'spinClass',
+    'warn:md-warn',
+    'accent:md-accent',
+    'primary:md-primary',
+  ],
   attributeBindings: [
     'aria-hidden',
     'aria-label',