Move example fn widgets into sky/framework/components

sky/examples/fn/widgets/floating_action_button.dart

Index: sky/examples/fn/widgets/floating_action_button.dart
diff --git a/sky/examples/fn/widgets/floating_action_button.dart b/sky/examples/fn/widgets/floating_action_button.dart
deleted file mode 100644
index ceebc01c2708eb2b11cc8c29cb635d7ee1401977..0000000000000000000000000000000000000000
--- a/sky/examples/fn/widgets/floating_action_button.dart
+++ /dev/null
@@ -1,51 +0,0 @@
-part of widgets;
-
-class FloatingActionButton extends MaterialComponent {
-  static final Style _style = new Style('''
-    position: absolute;
-    bottom: 16px;
-    right: 16px;
-    z-index: 5;
-    transform: translateX(0);
-    width: 56px;
-    height: 56px;
-    background-color: ${Red[500]};
-    color: white;
-    box-shadow: ${Shadow[3]};
-    border-radius: 28px;'''
-  );
-  static final Style _clipStyle = new Style('''
-    transform: translateX(0);
-    position: absolute;
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    -webkit-clip-path: circle(28px at center);''');
-
-  Node content;
-
-  FloatingActionButton({ Object key, this.content }) : super(key: key);
-
-  Node build() {
-    List<Node> children = [super.build()];
-
-    if (content != null)
-      children.add(content);
-
-    return new Container(
-      key: "Container",
-      style: _style,
-      children: [
-        new Container(
-          key: "Clip",
-          style: _clipStyle,
-          children: children
-        )
-      ]
-    );
-  }
-}