fix: resolve breaking changes from upgrading to beta.2 (#102)

Author: andrewseguin

src/app/examples/chips-stacked/chips-stacked-example.html

@@ -1,4 +1,4 @@
-<md-chip-list class="md-chip-list-stacked">
+<md-chip-list class="mat-chip-list-stacked">
   <md-chip *ngFor="let chipColor of availableColors"
       selected="true"
       color="{{chipColor.color}}">

src/app/examples/input-form/input-form-example.html

@@ -1,35 +1,35 @@
 <form class="example-form">
   <md-input-container class="example-full-width">
-    <input md-input placeholder="Company (disabled)" disabled value="Google">
+    <input mdInput placeholder="Company (disabled)" disabled value="Google">
   </md-input-container>
 
   <table class="example-full-width" cellspacing="0"><tr>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="First name">
+      <input mdInput placeholder="First name">
     </md-input-container></td>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="Long Last Name That Will Be Truncated">
+      <input mdInput placeholder="Long Last Name That Will Be Truncated">
     </md-input-container></td>
   </tr></table>
 
   <p>
     <md-input-container class="example-full-width">
-      <textarea md-input placeholder="Address">1600 Amphitheatre Pkwy</textarea>
+      <textarea mdInput placeholder="Address">1600 Amphitheatre Pkwy</textarea>
     </md-input-container>
     <md-input-container class="example-full-width">
-      <textarea md-input placeholder="Address 2"></textarea>
+      <textarea mdInput placeholder="Address 2"></textarea>
     </md-input-container>
   </p>
 
   <table class="example-full-width" cellspacing="0"><tr>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="City">
+      <input mdInput placeholder="City">
     </md-input-container></td>
     <td><md-input-container class="example-full-width">
-      <input md-input placeholder="State">
+      <input mdInput placeholder="State">
     </md-input-container></td>
     <td><md-input-container class="example-full-width">
-      <input md-input #postalCode maxlength="5" placeholder="Postal Code" value="94043">
+      <input mdInput #postalCode maxlength="5" placeholder="Postal Code" value="94043">
       <md-hint align="end">{{postalCode.value.length}} / 5</md-hint>
     </md-input-container></td>
   </tr></table>

src/app/examples/input-overview/input-overview-example.html

@@ -1,3 +1,3 @@
 <md-input-container>
-  <input md-input placeholder="Favorite food" value="Sushi">
+  <input mdInput placeholder="Favorite food" value="Sushi">
 </md-input-container>

src/app/examples/sidenav-fab/sidenav-fab-example.css

@@ -8,7 +8,7 @@
   max-width: 200px;
 }
 
-.example-sidenav-fab-container .md-sidenav-content,
+.example-sidenav-fab-container .mat-sidenav-content,
 .example-sidenav-fab-container md-sidenav {
   display: flex;
   overflow: visible;

src/app/examples/slider-configurable/slider-configurable-example.css

@@ -13,10 +13,10 @@
   margin: 10px;
 }
 
-.md-slider-horizontal {
+.mat-slider-horizontal {
   width: 300px;
 }
 
-.md-slider-vertical {
+.mat-slider-vertical {
   height: 300px;
 }

src/app/examples/slider-configurable/slider-configurable-example.html

@@ -4,16 +4,16 @@ <h2 class="example-h2">Slider configuration</h2>
 
     <section class="example-section">
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Value" [(ngModel)]="value">
+        <input mdInput type="number" placeholder="Value" [(ngModel)]="value">
       </md-input-container>
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Min value" [(ngModel)]="min">
+        <input mdInput type="number" placeholder="Min value" [(ngModel)]="min">
       </md-input-container>
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Max value" [(ngModel)]="max">
+        <input mdInput type="number" placeholder="Max value" [(ngModel)]="max">
       </md-input-container>
       <md-input-container class="example-margin">
-        <input md-input type="number" placeholder="Step size" [(ngModel)]="step">
+        <input mdInput type="number" placeholder="Step size" [(ngModel)]="step">
       </md-input-container>
     </section>
 
@@ -23,7 +23,7 @@ <h2 class="example-h2">Slider configuration</h2>
         Auto ticks
       </md-checkbox>
       <md-input-container class="example-margin" *ngIf="showTicks && !autoTicks">
-        <input md-input type="number" placeholder="Tick interval" [(ngModel)]="tickInterval">
+        <input mdInput type="number" placeholder="Tick interval" [(ngModel)]="tickInterval">
       </md-input-container>
     </section>
 

src/app/examples/snack-bar-overview/snack-bar-overview-example.html

@@ -1,9 +1,9 @@
 <md-input-container>
-  <input md-input value="Disco party!" placeholder="Message" #message>
+  <input mdInput value="Disco party!" placeholder="Message" #message>
 </md-input-container>
 
 <md-input-container>
-  <input md-input value="Dance" placeholder="Action" #action>
+  <input mdInput value="Dance" placeholder="Action" #action>
 </md-input-container>
 
 <button md-button (click)="openSnackBar(message.value, action.value)">Show snack-bar</button>

src/app/material-docs-app.html

@@ -1,2 +1,2 @@
-<app-navbar [class.md-elevation-z6]="showShadow"></app-navbar>
+<app-navbar [class.mat-elevation-z6]="showShadow"></app-navbar>
 <router-outlet></router-outlet>

src/app/pages/component-category-list/_component-category-list-theme.scss

@@ -6,6 +6,6 @@
   $foreground: map-get($theme, foreground);
 
   .docs-component-category-list-card-summary {
-    color: md-color($foreground, secondary-text);
+    color: mat-color($foreground, secondary-text);
   }
 }

src/app/pages/component-list/_component-list-theme.scss

@@ -6,6 +6,6 @@
   $foreground: map-get($theme, foreground);
 
   .docs-component-list-item {
-    color: md-color($foreground, secondary-text);
+    color: mat-color($foreground, secondary-text);
   }
 }