refactor(ionicons): update to ionicons v5 (#19670)

* refactor(ionicons): update to ionicons v5

* refactor(back-button): update back button icon to v5 ionicons

* refactor(item): update default detail icon to chevron-forward

* refactor(reorder): update reorder icon for ionicons v5

* refactor(searchbar): use search-sharp

* refactor(searchIcon): update v5 ionicon

* refactor(clearIcon): update searchbar clear icon

* refactor(cancelButton): update to arrow-back-sharp

* refactor(menuIcon): update to v5 ionicons

* api readme updates

* update react and vue ionicons

* add ionicons to react deps

* add ionicons to ionic/vue deps

* add icon to react test

* updates

* fix back button regression for no icon

* update tests

* fix more tests

* fix more icons

* update ionicons version

* fix circle icons

* add correct ellipsis
This commit is contained in:
octicon-git-branch(16/)
octicon-tag(16/)
Adam Bradley
2019-11-20 08:53:32 -06:00
committed by Liam DeBeasi
gitea-unlock(16/)
parent 5bbb95fae1
commit 69e10de718
octicon-diff(16/tw-mr-1) 34 changed files with 1652 additions and 259 deletions

14
core/src/components/tab-bar/test/custom/index.html
View File

@@ -18,12 +18,12 @@
<ion-tab-bar selected-tab="1">
<ion-tab-button tab="1" disabled>
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>
<ion-tab-button tab="1">
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>
@@ -42,7 +42,7 @@
<!-- Custom Class -->
<ion-tab-bar selected-tab="11" class="custom-tab-bar-color">
<ion-tab-button tab="11">
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>
@@ -61,7 +61,7 @@
<!-- Color & Custom Class -->
<ion-tab-bar selected-tab="111" color="danger" class="custom-tab-bar-color">
<ion-tab-button tab="111">
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>
@@ -80,7 +80,7 @@
<!-- Custom Background Buttons -->
<ion-tab-bar selected-tab="1111" class="custom-tab-button-bar">
<ion-tab-button tab="1111" class="custom-tab-button-background-red">
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>
@@ -99,7 +99,7 @@
<!-- Custom Color Buttons -->
<ion-tab-bar selected-tab="1111">
<ion-tab-button tab="1111" class="custom-tab-button-color-red">
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>
@@ -118,7 +118,7 @@
<!-- Custom All -->
<ion-tab-bar selected-tab="11111" class="custom-all">
<ion-tab-button tab="11111">
<ion-icon name="clock"></ion-icon>
<ion-icon name="book"></ion-icon>
<ion-label>Recents</ion-label>
</ion-tab-button>

8
core/src/components/tab-bar/test/scenarios/index.html
View File

@@ -50,7 +50,7 @@
<ion-tab-bar color="secondary" selected-tab="1">
<ion-tab-button tab="1">
<ion-label>Location</ion-label>
<ion-icon name="navigate"></ion-icon>
<ion-icon name="navigate-circle"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="2">
@@ -154,7 +154,7 @@
<ion-tab-bar color="secondary" selected-tab="1">
<ion-tab-button tab="1" layout="label-hide">
<ion-label>Recents</ion-label>
<ion-icon name="navigate"></ion-icon>
<ion-icon name="navigate-circle"></ion-icon>
<ion-badge>6</ion-badge>
</ion-tab-button>
@@ -190,7 +190,7 @@
<ion-tab-bar selected-tab="1" class="custom-tabbar">
<ion-tab-button tab="1">
<ion-label>Location</ion-label>
<ion-icon name="navigate"></ion-icon>
<ion-icon name="navigate-circle"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="2" class="main-tab">
@@ -208,7 +208,7 @@
<ion-tab-bar selected-tab="1" class="custom-tabbar-color">
<ion-tab-button tab="1">
<ion-label>Location</ion-label>
<ion-icon name="navigate"></ion-icon>
<ion-icon name="navigate-circle"></ion-icon>
</ion-tab-button>
<ion-tab-button tab="2">