Move example fn widgets into sky/framework/components

sky/framework/components/ink_splash.dart

Index: sky/framework/components/ink_splash.dart
diff --git a/sky/examples/fn/widgets/inksplash.dart b/sky/framework/components/ink_splash.dart
similarity index 82%
rename from sky/examples/fn/widgets/inksplash.dart
rename to sky/framework/components/ink_splash.dart
index cfc359af1608bc6fe2dce5b9212a1ff7e8e97df4..8cb1e8bf861f6f05cb1ea45d712f7cbb2e9efb5b 100644
--- a/sky/examples/fn/widgets/inksplash.dart
+++ b/sky/framework/components/ink_splash.dart
@@ -1,4 +1,12 @@
-part of widgets;
+// 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 '../animation/curves.dart';
+import '../animation/generator.dart';
+import '../fn.dart';
+import 'dart:async';
+import 'dart:sky' as sky;
 
 const double _kSplashSize = 400.0;
 const double _kSplashDuration = 500.0;
@@ -34,10 +42,7 @@ class SplashAnimation {
 }
 
 class InkSplash extends Component {
-
-  Stream<String> onStyleChanged;
-
-  static Style _style = new Style('''
+  static final Style _style = new Style('''
     position: absolute;
     pointer-events: none;
     overflow: hidden;
@@ -47,7 +52,7 @@ class InkSplash extends Component {
     right: 0;
   ''');
 
-  static Style _splashStyle = new Style('''
+  static final Style _splashStyle = new Style('''
     position: absolute;
     background-color: rgba(0, 0, 0, 0.4);
     border-radius: 0;
@@ -57,6 +62,8 @@ class InkSplash extends Component {
     width: 0;
   ''');
 
+  Stream<String> onStyleChanged;
+
   double _offsetX;
   double _offsetY;
   String _inlineStyle;