Disentangle Material and InkSplash

sky/framework/components/drawer.dart

 // Copyright 2015 The Chromium Authors. All rights reserved.
 // Use of this source code is governed by a BSD-style license that can be
 // found in the LICENSE file.
 
 import 'animated_component.dart';
 import '../animation/animated_value.dart';
 import '../animation/curves.dart';
 import '../fn.dart';
 import '../theme/colors.dart';
 import '../theme/shadows.dart';
@@ skipping 108 matching lines @@
   }
 
   Node build() {
     bool isClosed = _position <= -_kWidth;
     String inlineStyle = 'display: ${isClosed ? 'none' : ''}';
     String maskInlineStyle = 'opacity: ${(_position / _kWidth + 1) * 0.5}';
     String contentInlineStyle = 'transform: translateX(${_position}px)';
 
     var mask = new EventTarget(
       new Container(
-        key: 'Mask',
         style: _maskStyle,
         inlineStyle: maskInlineStyle
       ),
       onGestureTap: controller.handleMaskTap,
       onGestureFlingStart: controller.handleFlingStart
     );
 
-    Node content = new StyleNode(
-      new Material(
-        key: 'Content',
+    Material content = new Material(
+      content: new Container(
+        style: _contentStyle,
         inlineStyle: contentInlineStyle,
-        children: children,
-        level: level),
-      _contentStyle);
+        children: children
+      ),
+      level: level);
 
     return new EventTarget(
       new Container(
         style: _style,
         inlineStyle: inlineStyle,
         children: [ mask, content ]
       ),
       onPointerDown: controller.handlePointerDown,
       onPointerMove: controller.handlePointerMove,
       onPointerUp: controller.handlePointerUp,
       onPointerCancel: controller.handlePointerCancel
     );
   }
 }