ios26-v2.0.0

What's new

This major version has Breaking Changes. Configuring the Ionic configuration options is now required.

import { isPlatform } from '@ionic/core'; // or @ionic/angular/standalone, @ionic/react, @ionic/vue
import { iosTransitionAnimation, popoverEnterAnimation, popoverLeaveAnimation } from '@rdlabo/ionic-theme-ios26';

// Angular
provideIonicAngular({
    ...
    navAnimation: isPlatform('ios') ? iosTransitionAnimation: undefined,
    popoverEnter: isPlatform('ios') ? popoverEnterAnimation: undefined,
    popoverLeave: isPlatform('ios') ? popoverLeaveAnimation: undefined,
});

// React
setupIonicReact({
    ...
    navAnimation: isPlatform('ios') ? iosTransitionAnimation: undefined,
    popoverEnter: isPlatform('ios') ? popoverEnterAnimation: undefined,
    popoverLeave: isPlatform('ios') ? popoverLeaveAnimation: undefined,
});

// Vue
createApp(App)
    .use(IonicVue, {
        ...
        navAnimation: isPlatform('ios') ? iosTransitionAnimation: undefined,
        popoverEnter: isPlatform('ios') ? popoverEnterAnimation: undefined,
        popoverLeave: isPlatform('ios') ? popoverLeaveAnimation: undefined,
})

Additionally, for smooth transition animations, it is no longer necessary to remove the ion-buttons wrapper around ion-back-button .
If you have previously removed it, apply the following changes.

- <ion-back-button slot="start"></ion-back-button>
+ <ion-buttons slot="start">
+   <ion-back-button></ion-back-button>
+ </ion-buttons>

Commits

• fix(popover): set margin when min-left or max-left by @rdlabo in #79
• feat(transition): create transition for ios26 by @rdlabo in #75

Full Changelog: v1.3.3...v2.0.0