8.0.0-beta.0 (2024-02-28)

Check out the Ionic 8 announcement blog for an overview of all the great features coming in Ionic 8!

Bug Fixes

• angular: transition plays when using browser buttons (#28530) (9883eac), closes #16569
• button: wrap text by default (#28682) (666a01d), closes #8700
• datetime: set default background color correctly (#28809) (3929b01)
• menu: menu can be encapsulated in a component (#28801) (76f6362), closes #16304 #20681
• nav: getLength is part of the public API (#28832) (4fd05b6), closes #28826
• overlays: prevent scroll gestures when the overlay is presented (#28415) (7ba939f), closes #23942
• themes: modify the dark themes to use :root for mode-specific styles (#28833) (a8e1e16)
• toggle: set switch icon color correctly (#28812) (749df5b)

Code Refactoring

• checkbox: remove legacy property and support for legacy syntax (#29043) (fb5ae5b)
• input: remove accept property (#28946) (2816b87)
• radio: remove legacy property and support for legacy syntax (#29038) (58d7315)
• range: remove legacy property and support for legacy syntax (#29040) (58c795f)
• toast: remove cssClass from ToastButton (#28977) (9856295)
• toggle: remove legacy property and support for legacy syntax (#29037) (c72eced)

Features

• action-sheet: add disabled button (#28723) (e76d729)
• add high contrast themes (#29010) (ca61e50)
• alert: update styles to iOS 17 specs (#28726) (979b2f6)
• angular: remove IonBackButtonDelegate (#29030) (6baf005)
• checkbox: update styles to iOS 17 specs (#28729) (45907aa)
• datetime-button: update design to match iOS 17 spec (#28730) (4649637)
• datetime: align active datetime font size with ios 17 (#28738) (a3b8254)
• input: remove size property in favor of CSS styling (#28903) (a393d2a)
• modal: remove capacitor 2 support for status bar styles (#29028) (1fb8ff7)
• modal: update styles to iOS 17 specs (#28748) (ff80155)
• picker: add inline picker (#28689) (cd5c099), closes #24905 #26840 #15710
• progress-bar: update styles to iOS 17 specs (#28759) (f65235a)
• searchbar: update styles to iOS 17 specs (#28728) (48c0d2c)
• tab-button: update styles to iOS 17 specs (#28754) (63ea967)
• theme: export light theme tokens (#28802) (e1f9850)
• theme: improved color contrast with color palette (#28791) (15e368c)
• toggle: update styles to iOS 17 specs (#28722) (0ce0693)

Performance Improvements

• angular: views are not moved on mount (#28544) (77a0640), closes #28534

BREAKING CHANGES

• range: The legacy property and support for the legacy syntax, which involved placing an ion-range inside of an ion-item with an ion-label, have been removed from range. For more information on migrating from the legacy range syntax, refer to the Range documentation.
• checkbox: The legacy property and support for the legacy syntax, which involved placing an ion-checkbox inside of an ion-item with an ion-label, have been removed from checkbox. For more information on migrating from the legacy checkbox syntax, refer to the Checkbox documentation.
• radio: The legacy property and support for the legacy syntax, which involved placing an ion-radio inside of an ion-item with an ion-label, have been removed from radio. For more information on migrating from the legacy radio syntax, refer to the Radio documentation.
• toggle: The legacy property and support for the legacy syntax, which involved placing an ion-toggle inside of an ion-item with an ion-label, have been removed from toggle. For more information on migrating from the legacy toggle syntax, refer to the Toggle documentation.
• toast: The cssClass property has been removed from ToastButton
• input: The accept property has been removed from ion-input.
• nav: getLength returns Promise<number> instead of <number>. This method was not previously available in Nav's TypeScript interface, but developers could still access it by casting Nav as any. Developers should ensure they await their getLength call before accessing the returned value.
• button: Button text now wraps by default.
• Content no longer sets the --background custom property when the .outer-content class is set on the host.
• breaking: The supported JS Framework and Browser/Platform versions have been revised for Ionic 8