@rdlabo/ionic-theme-ios27 1.2.0-beta.pr243.shae972a0e49191 → 1.2.0-beta.pr247.sha7c9dedc408a0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (36) hide show
  1. package/README.md +8 -8
  2. package/dist/css/ionic-theme-ios27.css +1 -1
  3. package/dist/css/vertical-bars.css +1 -1
  4. package/dist/native/components/searchable-tabs.js +1 -1
  5. package/dist/native/components/searchable-tabs.js.map +1 -1
  6. package/dist/native/definitions.d.ts.map +1 -1
  7. package/dist/native/prehide.js +2 -0
  8. package/dist/native/prehide.js.map +1 -1
  9. package/dist/native/shared/candidate.js +3 -2
  10. package/dist/native/shared/candidate.js.map +1 -1
  11. package/dist/native/shared/dom.d.ts +1 -1
  12. package/dist/native/shared/dom.js +4 -4
  13. package/dist/native/shared/dom.js.map +1 -1
  14. package/dist/native/vertical-bars-web-search.d.ts +9 -0
  15. package/dist/native/vertical-bars-web-search.d.ts.map +1 -0
  16. package/dist/native/vertical-bars-web-search.js +84 -0
  17. package/dist/native/vertical-bars-web-search.js.map +1 -0
  18. package/dist/native/vertical-bars-web.d.ts.map +1 -1
  19. package/dist/native/vertical-bars-web.js +20 -16
  20. package/dist/native/vertical-bars-web.js.map +1 -1
  21. package/docs/features.md +2 -2
  22. package/docs/iphone-duo-with-original-theme.md +7 -9
  23. package/docs/iphone-duo.md +3 -3
  24. package/docs/native-ui-shell.md +12 -10
  25. package/docs/special-markup.md +2 -2
  26. package/docs/vertical-bars.md +20 -13
  27. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellVerticalBars.swift +13 -0
  28. package/package.json +1 -1
  29. package/src/native/components/searchable-tabs.ts +2 -2
  30. package/src/native/definitions.ts +4 -3
  31. package/src/native/prehide.ts +3 -1
  32. package/src/native/shared/candidate.ts +10 -6
  33. package/src/native/shared/dom.ts +4 -4
  34. package/src/native/vertical-bars-web-search.ts +80 -0
  35. package/src/native/vertical-bars-web.ts +30 -12
  36. package/src/styles/vertical-bars.scss +35 -2
package/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Ionic Theme iOS27
2
2
 
3
- A theme for Ionic apps that brings iOS 27 Liquid Glass and motion to the Web. Capacitor iOS apps can also opt into an experimental Native UI Shell for supported controls.
3
+ A theme for Ionic apps that brings iOS 27 Liquid Glass and motion to the Web. Capacitor iOS apps can also opt into a preview Native UI Shell for supported controls.
4
4
 
5
5
  **[Ionic 9 demo](https://ionic-theme-ios27.rdlabo.dev/) · [Ionic 8 demo](https://ionic8-theme-ios27.rdlabo.dev/) · [Documentation](https://docs.rdlabo.dev/projects/ionic-theme-ios27)**
6
6
 
@@ -22,7 +22,7 @@ Give familiar Ionic screens the iOS 27 visual language: Liquid Glass, styled too
22
22
 
23
23
  ### Project your Ionic UI into Native UI
24
24
 
25
- On Capacitor iOS, the optional, experimental [Native UI Shell](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell) reads supported fixed controls from your existing Ionic markup. It projects their text, resolved `ion-icon` artwork or supported static SVGs, and selection state into UIKit controls with system Liquid Glass. Changes and native actions flow through the original Ionic components, so the Web and native presentations share one UI definition. Page content and routing stay in the WebView; unsupported layouts keep their Web presentation.
25
+ On Capacitor iOS, the optional [Native UI Shell](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell) reads supported fixed controls from your existing Ionic markup. It is available as a preview in `1.2.0`. It projects their text, resolved `ion-icon` artwork or supported static SVGs, and selection state into UIKit controls with system Liquid Glass. Changes and native actions flow through the original Ionic components, so the Web and native presentations share one UI definition. Page content and routing stay in the WebView; unsupported layouts keep their Web presentation.
26
26
 
27
27
  **Tab drag on iOS 27:** The same Library screen with Native UI Shell off (Web) and on (UIKit). Both frames were captured while dragging the selected tab; the lower panels enlarge the glass around the tab bar.
28
28
 
@@ -121,7 +121,7 @@ Use this markup to preview the inset grouped list look. For the list structure t
121
121
 
122
122
  ## Optional setups
123
123
 
124
- ### Support iPhone Duo without the iOS 27 theme (experimental)
124
+ ### Support iPhone Duo without the iOS 27 theme (preview)
125
125
 
126
126
  Keep your existing Ionic theme and move tabs and supported toolbar actions into a vertical side area. **Start in Chrome** with one stylesheet, an app class, and `enableVerticalControlArea()`; then connect the layout to iPhone Duo device events for the system rail and hinge posture.
127
127
 
@@ -134,7 +134,7 @@ npx cap sync
134
134
 
135
135
  Apply its fold state with `applyFoldStateClasses(root, fold)` and its bar placement with `setVerticalControlAreaPlacement({ edge: verticalBarEdge, nativeEdge: verticalBarEdge, inset })`. Device monitoring is not bundled with the theme.
136
136
 
137
- Follow [iPhone Duo with your existing theme](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo-with-original-theme) for the browser preview and iOS setup. For control projection and the runtime API, see [Vertical Bars](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/vertical-bars). For device events and split panes, see [iPhone Duo support](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo). Available in `1.2.0-0` as an experimental feature; APIs and supported behavior may change.
137
+ Follow [iPhone Duo with your existing theme](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo-with-original-theme) for the browser preview and iOS setup. For control projection and the runtime API, see [Vertical Bars](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/vertical-bars). For device events and split panes, see [iPhone Duo support](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo). Available in `1.2.0` as a preview feature; APIs and supported behavior may change.
138
138
 
139
139
  ### Use only the iOS 27 theme
140
140
 
@@ -221,10 +221,10 @@ For Ionic 9 Angular, import `isPlatform` and `provideIonicAngular` from `@ionic/
221
221
  - [Special markup and classes](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/special-markup) — opt-in markup and utility classes used by the theme.
222
222
  - [ESLint](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/eslint) — check list structure with ESLint rules.
223
223
  - [Features](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/features) — CSS variables, Liquid Glass, selective imports, and dark mode.
224
- - [Native UI Shell (Experimental)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell) — project supported Ionic controls, text, and icons into UIKit.
225
- - [Vertical Bars (experimental)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/vertical-bars) — side-rail layout, control eligibility, native button appearance and runtime API.
226
- - [iPhone Duo support (experimental)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo) — vertical system rail, hinge posture, and split-pane layout; usable without the theme or the shell.
227
- - [iPhone Duo with your existing theme (experimental)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo-with-original-theme) — standalone setup that keeps your existing Web theme.
224
+ - [Native UI Shell (Preview)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/native-ui-shell) — project supported Ionic controls, text, and icons into UIKit.
225
+ - [Vertical Bars (preview)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/vertical-bars) — side-rail layout, control eligibility, native button appearance and runtime API.
226
+ - [iPhone Duo support (preview)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo) — vertical system rail, hinge posture, and split-pane layout; usable without the theme or the shell.
227
+ - [iPhone Duo with your existing theme (preview)](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/iphone-duo-with-original-theme) — standalone setup that keeps your existing Web theme.
228
228
  - [Animation](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/animation) — tab, segment, and searchable effects.
229
229
  - [Migration from iOS 26](https://docs.rdlabo.dev/projects/ionic-theme-ios27/docs/migration) — upgrade an existing app, including stylesheet, class, and CSS variable changes.
230
230
  - [iOS 26 migration history](https://docs.rdlabo.dev/projects/ionic-theme-ios26/docs/migration) — earlier major-version changes for the previous package.