chore(build): rename ionic directory to src and update all references in the build process.

src/components/badge/badge.ios.scss

@@ -0,0 +1,28 @@
+@import "./badge";
+
+// iOS Badge
+// --------------------------------------------------
+
+$badge-ios-border-radius:      10px !default;
+$badge-ios-background-color:   color($colors-ios, primary) !default;
+$badge-ios-text-color:         color-contrast($colors-ios, $badge-ios-background-color) !default;
+
+
+ion-badge {
+  border-radius: $badge-ios-border-radius;
+  color: $badge-ios-text-color;
+  background-color: $badge-ios-background-color;
+}
+
+
+// Generate iOS Badge Colors
+// --------------------------------------------------
+
+@each $color-name, $color-base, $color-contrast in get-colors($colors-ios) {
+
+  .badge-#{$color-name} {
+    color: $color-contrast;
+    background-color: $color-base;
+  }
+
+}

src/components/badge/badge.md.scss

@@ -0,0 +1,28 @@
+@import "./badge";
+
+// Material Design Badge
+// --------------------------------------------------
+
+$badge-md-border-radius:            4px !default;
+$badge-md-background-color:         color($colors-md, primary) !default;
+$badge-md-text-color:               color-contrast($colors-md, $badge-md-background-color) !default;
+
+
+ion-badge {
+  border-radius: $badge-md-border-radius;
+  color: $badge-md-text-color;
+  background-color: $badge-md-background-color;
+}
+
+
+// Generate Material Design Badge Colors
+// --------------------------------------------------
+
+@each $color-name, $color-base, $color-contrast in get-colors($colors-md) {
+
+  .badge-#{$color-name} {
+    color: $color-contrast;
+    background-color: $color-base;
+  }
+
+}

src/components/badge/badge.scss

@@ -0,0 +1,28 @@
+@import "../../globals.core";
+
+// Badge
+// --------------------------------------------------
+
+$badge-font-size:                 1.3rem !default;
+$badge-font-weight:               bold !default;
+
+
+ion-badge {
+  display: inline-block;
+
+  padding: 3px 8px;
+
+  min-width: 10px;
+
+  font-size: $badge-font-size;
+  font-weight: $badge-font-weight;
+  line-height: 1;
+
+  text-align: center;
+  white-space: nowrap;
+  vertical-align: baseline;
+
+  &:empty {
+    display: none;
+  }
+}

src/components/badge/badge.ts

@@ -0,0 +1,53 @@
+import {Directive, ElementRef, Renderer, Attribute} from '@angular/core';
+
+import {Config} from '../../config/config';
+
+
+/**
+  * @name Badge
+  * @module ionic
+  * @description
+  * Badges are simple components in Ionic containing numbers or text. You can display a badge to indicate that there is new information associated with the item it is on.
+  * @see {@link /docs/v2/components/#badges Badges Component Docs}
+
+ */
+@Directive({
+  selector: 'ion-badge'
+})
+export class Badge {
+
+  constructor(
+    config: Config,
+    private _elementRef: ElementRef,
+    private _renderer: Renderer
+  ) {
+    let element = _elementRef.nativeElement;
+
+    this._readAttrs(element);
+  }
+
+  /**
+   * @private
+   */
+  private _readAttrs(element: HTMLElement) {
+    let elementAttrs = element.attributes;
+    let attrName;
+    for (let i = 0, l = elementAttrs.length; i < l; i++) {
+      if (elementAttrs[i].value !== '') continue;
+
+      attrName = elementAttrs[i].name;
+
+      // Ignore attributes item-left, item-right
+      if (attrName.indexOf('item') === -1) {
+        this._setClass(attrName);
+      }
+    }
+  }
+
+  /**
+   * @private
+   */
+  private _setClass(color: string) {
+    this._renderer.setElementClass(this._elementRef.nativeElement, 'badge-' + color, true);
+  }
+}

src/components/badge/badge.wp.scss

@@ -0,0 +1,28 @@
+@import "./badge";
+
+// Windows Badge
+// --------------------------------------------------
+
+$badge-wp-border-radius:            0 !default;
+$badge-wp-background-color:         color($colors-wp, primary) !default;
+$badge-wp-text-color:               color-contrast($colors-wp, $badge-wp-background-color) !default;
+
+
+ion-badge {
+  border-radius: $badge-wp-border-radius;
+  color: $badge-wp-text-color;
+  background-color: $badge-wp-background-color;
+}
+
+
+// Generate Windows Badge Colors
+// --------------------------------------------------
+
+@each $color-name, $color-base, $color-contrast in get-colors($colors-wp) {
+
+  .badge-#{$color-name} {
+    color: $color-contrast;
+    background-color: $color-base;
+  }
+
+}

src/components/badge/test/basic/index.ts

@@ -0,0 +1,10 @@
+import {App, IonicApp} from '../../../../../ionic';
+
+
+@App({
+  templateUrl: 'main.html'
+})
+class E2EApp {
+  constructor(app: IonicApp) {
+  }
+}

src/components/badge/test/basic/main.html

@@ -0,0 +1,64 @@
+<ion-toolbar>
+  <ion-title>Badges</ion-title>
+</ion-toolbar>
+
+<ion-content>
+  <ion-list>
+    <ion-list-header>
+      Badges Right
+    </ion-list-header>
+    <ion-item>
+      Default Badge
+      <ion-badge item-right>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Primary Badge
+      <ion-badge item-right primary>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Secondary Badge
+      <ion-badge item-right secondary>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Danger Badge
+      <ion-badge item-right danger>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Light Badge
+      <ion-badge item-right light>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Dark Badge
+      <ion-badge item-right dark>99</ion-badge>
+    </ion-item>
+  </ion-list>
+  <ion-list>
+    <ion-list-header>
+      Badges Left
+    </ion-list-header>
+    <ion-item>
+      Default Badge
+      <ion-badge item-left>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Primary Badge
+      <ion-badge item-left primary>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Secondary Badge
+      <ion-badge item-left secondary>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Danger Badge
+      <ion-badge item-left danger>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Light Badge
+      <ion-badge item-left light>99</ion-badge>
+    </ion-item>
+    <ion-item>
+      Dark Badge
+      <ion-badge item-left dark>99</ion-badge>
+    </ion-item>
+  </ion-list>
+</ion-content>