4.0.0-beta.16
BREAKING CHANGES
Segment Button now requires the text to be wrapped in an ion-label
element for improved styling.
Old usage:
<ion-segment-button>
Item One
</ion-segment-button>
New usage:
<ion-segment-button>
<ion-label>Item One</ion-label>
</ion-segment-button>
Simplifying Chip
Because of updates to the Material Design spec, ion-chip
no longer requires a chip-specific version of ion-icon
or ion-button
. Chips themselves should be interactive and don't require a nested button.
Old usage:
<ion-chip>
<ion-chip-icon name="checkmark"><ion-chip-icon>
</ion-chip>
New usage:
<ion-chip>
<ion-icon name="checkmark"></ion-icon>
</ion-chip>
Bug Fixes
- alert: use tint for md button active background (#16278) (0fec722)
- all: update types to be required (#16218) (091625d)
- angular: add swipe-to-go-back gesture (108691d)
- angular: adds tabs stack (adae8d4)
- angular: disable transition heuristics by default (d9172b7)
- angular: es6 build (#16207) (a981116), closes #15979
- angular: fix handler outside zone (b8dae5e), closes #16338
- backdrop: update opacity to match MD spec (#16188) (3c9ed31)
- checkbox: align vertically (#16331) (bd3ca42)
- checkbox: match MD spec (#16186) (240171a)
- gesture: release gesture when it's disabled (c9b4e66), closes #16335
- input: remove clear icon in edge (59bee23)
- input: remove red shadow for firefox (767d299), closes #16318
- input: scroll assist works in with shadow-dom (#16206) (d817cc3), closes #15888 #15294 #15895
- inputs: fix aria with shadow-dom (#16329) (fd79b57)
- inputs: inherit in edge causes problems (0abf992)
- item: update to match Material Design spec (#16182) (e416c23), closes #14799
- label: placeholder + floating label (#16111) (a8be529)
- list-header: match MD bottom margin, match MD text color (#16274) (6794447)
- menu: update box-shadow for MD to match spec (#16183) (335acf9)
- range: increase MD horizontal padding (#16312) (5d00501)
- range: use fully opaque base in color active bar (#16224) (0757126)
- ripple-effect: follow MD spec (#16330) (6d59446)
- searchbar: align cancel button to center with search icon position (#16259) (5957867)
- segment-button: make layout optional (e9e33ad)
- tab-button: layout is mutable (#16332) (02a266c)
- tabs: works with no href (8e0f1ba)
- toast: update toast design to match MD spec (#16323) (188a635), closes #16271
- toggle: match MD toggle track background for off state (#16277) (8e2a6dd)
Features
- segment: adds global variable for targeting segment in toolbar (#16344) (10971cc)
- segment: adds scrollable and layout props and updates to follow the spec (#16273) (256745c), closes #16232 #16081 #14853
Performance Improvements
- angular: remove duplicated code in value-accessor (bfbbeca)
Dependencies
If you are using @ionic/angular, please update the version number of any @angular packages in your package.json file to 7.0.3
.
"dependencies": {
"@angular/common": "~7.0.3",
"@angular/core": "~7.0.3",
"@angular/forms": "~7.0.3",
"@angular/http": "~7.0.3",
"@angular/platform-browser": "~7.0.3",
"@angular/platform-browser-dynamic": "~7.0.3",
"@angular/router": "~7.0.3",
"rxjs": "6.3.3",
"devDependencies": {
"@angular-devkit/architect": "~0.10.5",
"@angular-devkit/build-angular": "~0.10.5",
"@angular-devkit/core": "~0.7.5",
"@angular-devkit/schematics": "~0.7.5",
"@angular/cli": "~7.0.3",
"@angular/compiler": "~7.0.3",
"@angular/compiler-cli": "~7.0.3",
"@angular/language-service": "~7.0.3",