Merge pull request #1293 from adopted-ember-addons/chore/remove-color-mixin

chore: remove color mixin.

Author: mansona

addon/components/paper-button.js

@@ -6,18 +6,16 @@ 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';
 
 /**
  * @class PaperButton
  * @extends Ember.Component
  * @uses FocusableMixin
- * @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'],
   raised: false,
@@ -38,6 +36,9 @@ export default Component.extend(FocusableMixin, ColorMixin, ProxiableMixin, {
     'iconButton:md-icon-button',
     'fab:md-fab',
     'mini:md-mini',
+    'warn:md-warn',
+    'accent:md-accent',
+    'primary:md-primary',
   ],
 
   init() {

addon/components/paper-checkbox.js

@@ -9,20 +9,24 @@ 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';
 /**
  * @class PaperCheckbox
  * @extends Ember.Component
  * @uses FocusableMixin
- * @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,19 @@ import { computed } from '@ember/object';
 import { reads } from '@ember/object/computed';
 import { htmlSafe } from '@ember/template';
 
-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',