feat: update material to new @angular packages

Author: jelbourn

angular-cli-build.js

@@ -24,13 +24,21 @@ module.exports = function(defaults) {
   });
 
   const ngTree = angularAppTree.toTree();
+  const ngNewPackagesRelease = new Funnel('node_modules/@angular', {destDir: '@angular'});
+  const rxjs = new Funnel('node_modules/rxjs', {destDir: 'rxjs'});
+  const zonejs = new Funnel('node_modules/zone.js', {destDir: 'zonejs'});
+  const reflectMetadata = new Funnel('node_modules/reflect-metadata', {destDir: 'reflect-metadata'});
   const cssAutoprefixed = autoPrefixerTree(new Funnel(ngTree, {
     include: [ '**/*.css' ]
   }));
 
   return new MergeTree([
     new Funnel('src', { include: ['**/*.scss']}),
     angularAppTree.toTree(),
-    cssAutoprefixed
+    cssAutoprefixed,
+    ngNewPackagesRelease,
+    rxjs,
+    zonejs,
+    reflectMetadata,
   ], { overwrite: true });
 };

package.json

@@ -26,11 +26,20 @@
   },
   "dependencies": {
     "angular2": "2.0.0-beta.17",
+
+    "@angular/common": "0.0.0-5",
+    "@angular/compiler": "0.0.0-5",
+    "@angular/core": "0.0.0-5",
+    "@angular/router": "0.0.0-5",
+    "@angular/http": "0.0.0-5",
+    "@angular/platform-browser": "0.0.0-5",
+    "@angular/platform-browser-dynamic": "0.0.0-5",
+
     "es6-promise": "^3.0.2",
     "es6-shim": "^0.35.0",
     "reflect-metadata": "0.1.2",
     "rxjs": "5.0.0-beta.6",
-    "systemjs": "0.19.20",
+    "systemjs": "0.19.26",
     "zone.js": "0.6.12"
   },
   "devDependencies": {

src/components/button/button.spec.ts

@@ -1,6 +1,7 @@
-import {it, describe, expect, beforeEach, inject, TestComponentBuilder} from 'angular2/testing';
-import {Component} from 'angular2/core';
-import {By} from 'angular2/platform/browser';
+import {it, describe, expect, beforeEach, inject} from '@angular/core/testing';
+import {TestComponentBuilder} from '@angular/compiler/testing';
+import {Component} from '@angular/core';
+import {By} from '@angular/platform-browser';
 import {MdButton, MdAnchor} from './button';
 
 

src/components/button/button.ts

@@ -6,7 +6,7 @@ import {
   ChangeDetectionStrategy,
   ElementRef,
   Renderer,
-} from 'angular2/core';
+} from '@angular/core';
 
 // TODO(jelbourn): Ink ripples.
 // TODO(jelbourn): Make the `isMouseDown` stuff done with one global listener.

src/components/card/card.ts

@@ -1,4 +1,4 @@
-import {Component, ViewEncapsulation, ChangeDetectionStrategy} from 'angular2/core';
+import {Component, ViewEncapsulation, ChangeDetectionStrategy} from '@angular/core';
 
 
 /*

src/components/checkbox/checkbox.scss

@@ -216,7 +216,7 @@ $_md-checkbox-indeterminate-checked-easing-function: cubic-bezier(0.14, 0, 0, 1)
   pointer-events: none;
 }
 
-.md-checkbox {
+md-checkbox {
   cursor: pointer;
 
   &:focus {