docs(button): removes old fab documentation and test

src/components/button/button.ios.scss

@@ -127,13 +127,6 @@ $button-ios-round-padding:                          $button-round-padding !defau
 $button-ios-round-border-radius:                    $button-round-border-radius !default;
 
 
-// iOS FAB Button
-// --------------------------------------------------
-
-/// @prop - Border radius of the FAB button
-$button-ios-fab-border-radius:                      50% !default;
-
-
 // iOS Default Button
 // --------------------------------------------------
 

src/components/button/button.md.scss

@@ -162,19 +162,6 @@ $button-md-round-padding:                       $button-round-padding !default;
 $button-md-round-border-radius:                 $button-round-border-radius !default;
 
 
-// Material Design FAB Button
-// --------------------------------------------------
-
-/// @prop - Border radius of the FAB button
-$button-md-fab-border-radius:                   50% !default;
-
-/// @prop - Box shadow of the FAB button
-$button-md-fab-box-shadow:                      0 4px 6px 0 rgba(0, 0, 0, .14), 0 4px 5px rgba(0, 0, 0, .1) !default;
-
-/// @prop - Box shadow of the activated FAB button
-$button-md-fab-box-shadow-activated:            0 5px 15px 0 rgba(0, 0, 0, .4), 0 4px 7px 0 rgba(0, 0, 0, .1) !default;
-
-
 // Material Design Default Button
 // --------------------------------------------------
 

src/components/button/button.ts

@@ -21,13 +21,6 @@ import { isTrueProperty } from '../../util/util';
   * @property [small] - A button with size small.
   * @property [large] - A button with size large.
   * @property [disabled] - A disabled button.
-  * @property [fab] - A floating action button.
-  * @property [fab-left] - Position a fab button to the left.
-  * @property [fab-right] - Position a fab button to the right.
-  * @property [fab-center] - Position a fab button towards the center.
-  * @property [fab-top] - Position a fab button towards the top.
-  * @property [fab-bottom] - Position a fab button towards the bottom.
-  * @property [fab-fixed] - Makes a fab button have a fixed position.
   * @property [color] - Dynamically set which predefined color this button should use (e.g. primary, secondary, danger, etc).
   *
   * @usage
@@ -52,8 +45,6 @@ import { isTrueProperty } from '../../util/util';
   *
   *  <button ion-button round>Round Button</button>
   *
-  *  <button ion-button fab>FAB</button>
-  *
   *  <!-- Outline -->
   *  <button ion-button full outline>Outline + Full</button>
   *
@@ -61,8 +52,6 @@ import { isTrueProperty } from '../../util/util';
   *
   *  <button ion-button round outline>Outline + Round</button>
   *
-  *  <button ion-button fab outline>FAB</button>
-  *
   *  <!-- Icons -->
   *  <button ion-button icon-left>
   *    <ion-icon name="star"></ion-icon>
@@ -88,6 +77,9 @@ import { isTrueProperty } from '../../util/util';
   *
   * @demo /docs/v2/demos/src/button/
   * @see {@link /docs/v2/components#buttons Button Component Docs}
+  * @see {@link /docs/v2/components#fabs FabButton Docs}
+  * @see {@link ../../fab/FabButton FabButton API Docs}
+  * @see {@link ../../fab/FabContainer FabContainer API Docs}
  */
 @Component({
   selector: '[ion-button]',
@@ -177,14 +169,6 @@ export class Button extends Ion {
     this._attr('_shape', 'round', val);
   }
 
-  /**
-   * @input {string} A floating action button.
-   */
-  @Input()
-  set fab(val: boolean) {
-    this._attr('_shape', 'fab', val);
-  }
-
   /**
    * @input {string} A button that fills its parent container with a border-radius.
    */

src/components/button/button.wp.scss

@@ -117,13 +117,6 @@ $button-wp-round-padding:                                 $button-round-padding
 $button-wp-round-border-radius:                           $button-round-border-radius !default;
 
 
-// Windows FAB Button
-// --------------------------------------------------
-
-/// @prop - Border radius of the FAB button
-$button-wp-fab-border-radius:                             50% !default;
-
-
 // Windows Default Button
 // --------------------------------------------------
 

src/components/button/test/button.spec.ts

@@ -161,11 +161,6 @@ describe('button', () => {
     b.round = true;
     b._assignCss(true);
     expect(hasClass(b, 'button-round')).toEqual(true);
-
-    b = mockButton();
-    b.fab = true;
-    b._assignCss(true);
-    expect(hasClass(b, 'button-fab')).toEqual(true);
   });
 
   it('should read button display attributes', () => {

src/components/button/test/raised/main.html

@@ -24,11 +24,6 @@
     <button ion-button raised clear class="activated">Clear.activated</button>
   </p>
 
-  <p>
-    <button ion-button raised fab style="position: relative">FAB</button>
-    <button ion-button raised fab style="position: relative" class="activated">FAB</button>
-  </p>
-
   <p>
     <button ion-button raised round>Round</button>
     <button ion-button raised round class="activated">Round.activated</button>