` instead. * Sass: Changes to how Sass is imported. See more [details here](#sass-import). * Typings: We have stopped using the `typings` tool and have migrated to `npm @types`. See more [details here](#typings). * Components no longer get a CSS class added based on the component class name. This should be added using the Component selector. See the [Steps to Upgrade](#steps-to-upgrade-to-rc0) for more information on this change. #### Lifecycle Events Renamed * Renamed `ionViewLoaded` to `ionViewDidLoad` * Removed `ionViewDidUnload` * Removed `fireOtherLifecycles` from `ViewController` #### Nav Transitions Nav transitions are now queued. Meaning if you run: ``` navCtrl.push(Page1); navCtrl.push(Page2); ``` `Page1` will transition in, then immediately `Page2` will transition in. There can never be two transitions happening at the same time. Page transition promises can now possibly reject the returned promises. Used mainly for `ionViewCanEnter` and `ionViewCanLeave`. #### Component Colors Colors are no longer added directly to a component, they should instead be passed in the `color` attribute. For example: ``` ``` Becomes ``` ``` Or to bind an expression to color: ``` ... ``` ```ts @Component({ templateUrl: 'build/pages/about/about.html' }) export class AboutPage { barColor: string; constructor(private nav: NavController, platform: Platform) { this.barColor = platform.is('android') ? 'primary' : 'light'; } } ``` Components with this property: - Badge - Button - Checkbox - Chip - FAB - Icon - Item (Item, Item Divider, List Header) - Label - Navbar - Radio - Searchbar - Segment - Spinner - Tabs - Toggle - Toolbar - Typography (headers, paragraphs, spans, etc.) **Reason for this change:** - It was difficult to dynamically add colors to components, especially if the name of the color attribute was unknown in the template. - This change keeps the css flat since we aren’t chaining color attributes on components and instead we assign a class to the component which includes the color’s name. - This allows you to easily toggle a component between multiple colors. - Speeds up performance because we are no longer reading through all of the attributes to grab the color ones. #### Select Changes Select’s `alertOptions` input has been renamed to `selectOptions`. It now allows you to pass options for either the alert or action-sheet interface. Refer to their documentation for the options each of them accept. - [ActionSheet](http://ionicframework.com/docs/v2/api/components/action-sheet/ActionSheetController/#create) - [Alert](http://ionicframework.com/docs/v2/api/components/alert/AlertController/#create) #### New Behavior of Button - `