Upgrade to use ember-css-transitions instead of animate mixin. This d…

…oes no longer depend on adopted-ember-addons#138.

addon/components/paper-toast.js

@@ -1,15 +1,17 @@
 import Ember from 'ember';
-import AnimateMixin from 'ember-paper/mixins/animate-mixin';
+import TransitionMixin from 'ember-css-transitions/mixins/transition-mixin';
 
 /*global Hammer*/
 
-export default Ember.Component.extend(AnimateMixin, {
+export default Ember.Component.extend(TransitionMixin, {
   tagName: 'md-toast',
   classNames: ['md-default-theme'],
   classNameBindings: ['_right:md-right', '_left:md-left', '_bottom:md-bottom', '_top:md-top'],
-  animated: true,
+
   'align-fab': true,
 
+  transitionClass: 'ng',
+
   // right,left,bottom and top should only be given once. Therefor we use a computed for each so that they can
   // never change once initially provided.
   _right: Ember.computed(function () { return this.get('right'); }),

tests/dummy/app/templates/toast.hbs

@@ -6,11 +6,11 @@
         <span>Toasts</span>
     </h2>
 {{/paper-toolbar}}
-{{#paper-content classNames="md-padding"}}
+{{#paper-content class="md-padding"}}
     <div class="doc-content" style="min-height: 448px; position: relative; overflow: hidden;">
         <h3>Basic Usage</h3>
         <p>Toast can be dismissed with a swipe, a timer, or a button.</p>
-      {{#paper-button classNames="md-fab md-fab-top-right"}}FAB{{/paper-button}}
+      {{#paper-button class="md-fab md-fab-top-right"}}FAB{{/paper-button}}
 
       <!-- some toasts -->
 
@@ -76,7 +76,7 @@
       {{#paper-checkbox checked=top}}Top{{/paper-checkbox}}
 
 
-      {{#paper-button action="openFabBottom" primary=true classNames="md-fab md-fab-bottom-right"}}FAB{{/paper-button}}
+      {{#paper-button action="openFabBottom" primary=true class="md-fab md-fab-bottom-right"}}FAB{{/paper-button}}