From b29bdb31527d3bfb4084e8f154d84555967db6ac Mon Sep 17 00:00:00 2001
From: mhartington <mikehartington@gmail.com>
Date: Thu, 14 Dec 2017 10:36:23 -0500
Subject: [PATCH] style(actionSheet): icons for ios

---
 .../core/src/components/action-sheet/action-sheet.ios.scss | 3 +++
 .../src/components/action-sheet/action-sheet.ios.vars.scss | 6 ++++++
 .../core/src/components/action-sheet/test/basic/index.html | 7 +++++--
 3 files changed, 14 insertions(+), 2 deletions(-)

diff --git a/packages/core/src/components/action-sheet/action-sheet.ios.scss b/packages/core/src/components/action-sheet/action-sheet.ios.scss
index c17a5b1b9a..09e05c525c 100644
--- a/packages/core/src/components/action-sheet/action-sheet.ios.scss
+++ b/packages/core/src/components/action-sheet/action-sheet.ios.scss
@@ -90,10 +90,13 @@
 
   @include padding-horizontal(null, $action-sheet-ios-button-icon-padding-right);
 
+  width: $action-sheet-ios-icon-width;
   height: $action-sheet-ios-button-icon-height;
 
   font-size: $action-sheet-ios-button-icon-font-size;
 
+  vertical-align: $action-sheet-ios-icon-vertical-align;
+
   fill: $action-sheet-ios-button-icon-fill-color;
 }
 
diff --git a/packages/core/src/components/action-sheet/action-sheet.ios.vars.scss b/packages/core/src/components/action-sheet/action-sheet.ios.vars.scss
index a07cab27e3..808844682f 100644
--- a/packages/core/src/components/action-sheet/action-sheet.ios.vars.scss
+++ b/packages/core/src/components/action-sheet/action-sheet.ios.vars.scss
@@ -72,9 +72,15 @@ $action-sheet-ios-button-icon-padding-right:            .1em !default;
 /// @prop - Height of the action sheet button icon
 $action-sheet-ios-button-icon-height:                   .7em !default;
 
+/// @prop - Width of the icon in the action sheet button
+$action-sheet-ios-icon-width:                            23px !default;
+
 /// @prop - Margin top of the action sheet button icon
 $action-sheet-ios-button-icon-margin-top:               -10px !default;
 
+/// @prop - Vertical align of the icon in the action sheet button
+$action-sheet-ios-icon-vertical-align:                   middle !default;
+
 /// @prop - Font size of the action sheet button
 $action-sheet-ios-button-font-size:                     20px !default;
 
diff --git a/packages/core/src/components/action-sheet/test/basic/index.html b/packages/core/src/components/action-sheet/test/basic/index.html
index 418bb46944..6345a8fcce 100644
--- a/packages/core/src/components/action-sheet/test/basic/index.html
+++ b/packages/core/src/components/action-sheet/test/basic/index.html
@@ -37,8 +37,6 @@
   <script>
 
     async function presentBasic() {
-      const mode = Ionic.mode;
-
       const actionSheetController = document.querySelector('ion-action-sheet-controller');
       await actionSheetController.componentOnReady();
       const actionSheetElement = await actionSheetController.create({
@@ -46,26 +44,31 @@
         buttons: [{
           text: 'Delete',
           role: 'destructive',
+          icon: 'trash',
           handler: () => {
             console.log('Delete clicked');
           }
         }, {
           text: 'Share',
+          icon: 'share',
           handler: () => {
             console.log('Share clicked');
           }
         }, {
           text: 'Play (open modal)',
+          icon: 'arrow-dropright-circle',
           handler: () => {
             console.log('Play clicked');
           }
         }, {
           text: 'Favorite',
+          icon: 'heart',
           handler: () => {
             console.log('Favorite clicked');
           }
         }, {
           text: 'Cancel',
+          icon: 'close',
           role: 'cancel',
           handler: () => {
             console.log('Cancel clicked');