@rdlabo/ionic-theme-ios27 1.2.0-beta.pr247.sha7c9dedc408a0 → 1.2.0-beta.pr254.sha852ce7bc4815

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 (76) hide show
  1. package/dist/css/components/ion-menu.css +1 -1
  2. package/dist/css/ionic-theme-ios27.css +1 -1
  3. package/dist/css/utils/searchable.css +1 -1
  4. package/dist/css/vertical-bars.css +1 -1
  5. package/dist/native/components/index.js +2 -2
  6. package/dist/native/components/index.js.map +1 -1
  7. package/dist/native/prehide.d.ts.map +1 -1
  8. package/dist/native/prehide.js +6 -2
  9. package/dist/native/prehide.js.map +1 -1
  10. package/dist/native/runtime.d.ts.map +1 -1
  11. package/dist/native/runtime.js +4 -3
  12. package/dist/native/runtime.js.map +1 -1
  13. package/dist/native/shared/dom.d.ts +2 -0
  14. package/dist/native/shared/dom.d.ts.map +1 -1
  15. package/dist/native/shared/dom.js +5 -1
  16. package/dist/native/shared/dom.js.map +1 -1
  17. package/dist/native/vertical-bars-web.d.ts.map +1 -1
  18. package/dist/native/vertical-bars-web.js +4 -2
  19. package/dist/native/vertical-bars-web.js.map +1 -1
  20. package/dist/native-integration/index.d.ts +1 -1
  21. package/dist/native-integration/index.js.map +1 -1
  22. package/dist/native-integration/transition.d.ts +1 -1
  23. package/dist/native-integration/transition.js.map +1 -1
  24. package/dist/sheets-of-glass/animations.d.ts +1 -1
  25. package/dist/sheets-of-glass/animations.js +1 -1
  26. package/dist/sheets-of-glass/animations.js.map +1 -1
  27. package/dist/sheets-of-glass/index.js +1 -1
  28. package/dist/sheets-of-glass/index.js.map +1 -1
  29. package/dist/tab-bar-searchable/animations/enter.d.ts +1 -1
  30. package/dist/tab-bar-searchable/animations/enter.d.ts.map +1 -1
  31. package/dist/tab-bar-searchable/animations/enter.js +1 -1
  32. package/dist/tab-bar-searchable/animations/enter.js.map +1 -1
  33. package/dist/tab-bar-searchable/animations/leave.d.ts +1 -1
  34. package/dist/tab-bar-searchable/animations/leave.d.ts.map +1 -1
  35. package/dist/tab-bar-searchable/animations/leave.js +1 -1
  36. package/dist/tab-bar-searchable/animations/leave.js.map +1 -1
  37. package/dist/tab-bar-searchable/dismiss-button.d.ts +4 -0
  38. package/dist/tab-bar-searchable/dismiss-button.d.ts.map +1 -0
  39. package/dist/tab-bar-searchable/dismiss-button.js +34 -0
  40. package/dist/tab-bar-searchable/dismiss-button.js.map +1 -0
  41. package/dist/tab-bar-searchable/index.d.ts.map +1 -1
  42. package/dist/tab-bar-searchable/index.js +7 -1
  43. package/dist/tab-bar-searchable/index.js.map +1 -1
  44. package/dist/transition/index.d.ts +1 -1
  45. package/dist/transition/index.js +1 -1
  46. package/dist/transition/index.js.map +1 -1
  47. package/dist/transition/ios.transition.d.ts +1 -1
  48. package/dist/transition/ios.transition.js.map +1 -1
  49. package/dist/utils.d.ts +1 -1
  50. package/dist/utils.js.map +1 -1
  51. package/docs/native-ui-shell.md +2 -2
  52. package/docs/vertical-bars.md +3 -1
  53. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellSearchController.swift +65 -91
  54. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellTabBar.swift +9 -3
  55. package/ios/Sources/IonicNativeUIShellPlugin/Components/ShellVerticalBars.swift +4 -2
  56. package/package.json +1 -1
  57. package/src/native/components/index.ts +3 -2
  58. package/src/native/prehide.ts +6 -1
  59. package/src/native/runtime.ts +5 -1
  60. package/src/native/shared/dom.ts +14 -0
  61. package/src/native/vertical-bars-web.ts +11 -1
  62. package/src/native-integration/index.ts +1 -1
  63. package/src/native-integration/transition.ts +1 -1
  64. package/src/sheets-of-glass/animations.ts +2 -2
  65. package/src/sheets-of-glass/index.ts +2 -2
  66. package/src/styles/components/ion-menu.scss +2 -2
  67. package/src/styles/ionic-theme-ios27.scss +2 -0
  68. package/src/styles/utils/searchable.scss +80 -0
  69. package/src/styles/vertical-bars.scss +23 -0
  70. package/src/tab-bar-searchable/animations/enter.ts +2 -1
  71. package/src/tab-bar-searchable/animations/leave.ts +2 -1
  72. package/src/tab-bar-searchable/dismiss-button.ts +33 -0
  73. package/src/tab-bar-searchable/index.ts +7 -1
  74. package/src/transition/index.ts +3 -3
  75. package/src/transition/ios.transition.ts +1 -1
  76. package/src/utils.ts +1 -1
package/dist/css/components/ion-menu.css CHANGED
@@ -1 +1 @@
1
- ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled){--side-max-width: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - 60px - 12px - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *)):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-inline-start:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *))[slot=bottom]{inset-inline-start:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *))[slot=bottom]:dir(rtl){inset-inline-start:calc(16px + var(--ion-safe-area-right, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-inline-end:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled){--border: none;--background: rgba(var(--ios-theme-menu-background-rgb), var(--ios-theme-menu-background-opacity, 0.96));--max-width: var(--ios-theme-menu-width, var(--ios26-menu-width));position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-start{inset-inline-start:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end{inset-inline-end:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(container){border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list:not(.ios-theme-disabled,.ios26-disabled,.ion-color){background:rgba(0,0,0,0)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:not(.ios-theme-disabled,.ios26-disabled,.ion-color){--background: transparent}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent;--ios-theme-content-box-shadow-rgb: var(--ios26-content-box-shadow-rgb)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){margin-block:calc(var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top)) + 6px) var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));margin-inline:calc(12px + var(--ion-safe-area-left, 0px)) calc(16px + var(--ion-safe-area-right, 0px))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content:dir(rtl)::part(scroll){margin-inline:calc(12px + var(--ion-safe-area-right, 0px)) calc(16px + var(--ion-safe-area-left, 0px))}
1
+ ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled){--side-max-width: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - 60px - 12px - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *)):has(:nth-child(5)){width:calc(100% - (18px + var(--ion-safe-area-left, 0px)) - (18px + var(--ion-safe-area-right, 0px)) - var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar{--padding-start: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-inline-start:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content{--padding-start: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-footer ion-toolbar{--padding-start: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + var(--ios-theme-searchable-padding-start, 0px))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *))[slot=bottom]{inset-inline-start:calc(16px + var(--ion-safe-area-left, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.menu-side-start) .split-pane-main ion-tab-bar.ios:not(.ios-theme-disabled,.ios26-disabled):not(:where(.ios-theme-vertical-bars *))[slot=bottom]:dir(rtl){inset-inline-start:calc(16px + var(--ion-safe-area-right, 0px) + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar{--padding-end: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + 4px)}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-header ion-toolbar ion-title.title-default{padding-inline-end:calc(90px + var(--ios-theme-menu-width, var(--ios26-menu-width)))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content{--padding-end: var(--ios-theme-menu-width, var(--ios26-menu-width))}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-content ion-header ion-toolbar{--padding-start: 4px}ion-split-pane.ios:not(.ios-theme-disabled,.ios26-disabled).split-pane-visible:has(ion-menu.menu-pane-visible):has(ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end) .split-pane-main ion-footer ion-toolbar{--padding-end: calc(var(--ios-theme-menu-width, var(--ios26-menu-width)) + var(--ios-theme-searchable-padding-end, 0px))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled){--border: none;--background: rgba(var(--ios-theme-menu-background-rgb), var(--ios-theme-menu-background-opacity, 0.96));--max-width: var(--ios-theme-menu-width, var(--ios26-menu-width));position:absolute;top:0;z-index:999}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-start{inset-inline-start:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled).menu-side-end{inset-inline-end:0}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(backdrop){display:none}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled)::part(container){border-radius:0;box-shadow:none;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-list:not(.ios-theme-disabled,.ios26-disabled,.ion-color){background:rgba(0,0,0,0)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-item:not(.ios-theme-disabled,.ios26-disabled,.ion-color){--background: transparent}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content{--background: transparent;--ios26-content-box-shadow-rgb: transparent;--ios-theme-content-box-shadow-rgb: var(--ios26-content-box-shadow-rgb)}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content::part(scroll){margin-block:calc(var(--ios-theme-floating-safe-area-top, var(--ios26-floating-safe-area-top)) + 6px) var(--ios-theme-floating-safe-area-bottom, var(--ios26-floating-safe-area-bottom));margin-inline:calc(12px + var(--ion-safe-area-left, 0px)) calc(16px + var(--ion-safe-area-right, 0px))}ion-menu.ios:not(.ios-theme-disabled,.ios26-disabled) ion-content:dir(rtl)::part(scroll){margin-inline:calc(12px + var(--ion-safe-area-right, 0px)) calc(16px + var(--ion-safe-area-left, 0px))}